From 4a2998a2012d2cbbf962db66a242307d692b1db8 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Thu, 2 Apr 2026 13:56:05 +0500 Subject: [PATCH 01/71] Update _config.yml --- _config.yml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_config.yml b/_config.yml index 5cac6b861ab..32d98069ab6 100644 --- a/_config.yml +++ b/_config.yml @@ -1,5 +1,5 @@ -title: "Blog Title" -author: "Blog Author" +title: "Asim's Portfolio" +author: "Asim Raza" description: "My blog" permalink: /:title/ lang: "en" From 3f770ca5192ce19f72bc24e2201b6b92eb6ad97d Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Thu, 2 Apr 2026 14:11:39 +0500 Subject: [PATCH 02/71] Create blog.md --- blog.md | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 blog.md diff --git a/blog.md b/blog.md new file mode 100644 index 00000000000..8eb237cbb73 --- /dev/null +++ b/blog.md @@ -0,0 +1,8 @@ +layout: default +title: "Home" + +{% if site.show_excerpts %} + {% include home.html %} +{% else %} + {% include archive.html title="Posts" %} +{% endif %} From 8e3736c4e28ccd3a81daf0da55d3da432aacc851 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Thu, 2 Apr 2026 14:31:40 +0500 Subject: [PATCH 03/71] Update and rename index.html to index.md --- index.html | 17 ----------------- index.md | 12 ++++++++++++ 2 files changed, 12 insertions(+), 17 deletions(-) delete mode 100644 index.html create mode 100644 index.md diff --git a/index.html b/index.html deleted file mode 100644 index b4b33a2c985..00000000000 --- a/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -layout: default -title: "Home" ---- - -{% if site.show_excerpts %} - {% for post in site.posts %} -
- {% include meta.html post=post %} - {{ post.excerpt }} -
read more
-
- {% endfor %} -{% else %} - {% capture source %}{% include_relative archive.html title="Posts" %}{% endcapture %} - {{ source | split: "---" | last }} -{% endif %} diff --git a/index.md b/index.md new file mode 100644 index 00000000000..e04e00425c6 --- /dev/null +++ b/index.md @@ -0,0 +1,12 @@ +--- +layout: page +title: "" +--- + +# Asim Raza + +Computer Engineering Student at UET Faisalabad + +- Email: gondalasim665@gmail.com +- GitHub: [asim-raza665](https://github.com/asim-raza665) +- From 61a1ec001d8cbbf18382f8c1e3f5ebe17f0d95f5 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Thu, 2 Apr 2026 14:35:18 +0500 Subject: [PATCH 04/71] Update _config.yml --- _config.yml | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/_config.yml b/_config.yml index 32d98069ab6..9c968cbfc7a 100644 --- a/_config.yml +++ b/_config.yml @@ -16,10 +16,10 @@ show_minimal: false # remove all clutter #show_frame: "/assets/images/background.svg" # Menu # for available icons see https://fontawesome.com/v5/icons/ - -navigation: # accepts {file, title, url, icon, sidebaricon} - - {file: "archive.html", sidebaricon: home} - - {file: "README.md", sidebaricon: address-card} + +navigation: # accepts {file, title, url, icon, sidebaricon} + - {file: "index.md", title: "Home", sidebaricon: home} + - {file: "blog.md", title: "Blog", sidebaricon: address-card} external: # accepts {file, title, url, icon, sidebaricon} - {title: Mail, icon: envelope, url: "mailto:author@example.com"} From f3a64446a269db6a28e485672a67049a4fbf2a58 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Thu, 2 Apr 2026 14:49:49 +0500 Subject: [PATCH 05/71] Update _config.yml --- _config.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_config.yml b/_config.yml index 9c968cbfc7a..de3e138bb37 100644 --- a/_config.yml +++ b/_config.yml @@ -23,7 +23,7 @@ navigation: # accepts {file, title, url, icon, sidebaricon} external: # accepts {file, title, url, icon, sidebaricon} - {title: Mail, icon: envelope, url: "mailto:author@example.com"} - - {title: Github, icon: github, url: "https://github.com/niklasbuschmann/contrast"} + - {title: Github, icon: github, url: "https://github.com/asim-raza665"} - {title: Subscribe, icon: rss, url: "/feed.xml"} comments: From b65bb263770f1ac889c3b5d2920f1d1bb9d025d7 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Thu, 2 Apr 2026 15:12:53 +0500 Subject: [PATCH 06/71] Update index.md --- index.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/index.md b/index.md index e04e00425c6..911046e2304 100644 --- a/index.md +++ b/index.md @@ -7,6 +7,5 @@ title: "" Computer Engineering Student at UET Faisalabad -- Email: gondalasim665@gmail.com +- Email: his email here - GitHub: [asim-raza665](https://github.com/asim-raza665) -- From 87a85d95523e24723fdf1b378649691c06a194ee Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Thu, 2 Apr 2026 15:13:54 +0500 Subject: [PATCH 07/71] Update index.md --- index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.md b/index.md index 911046e2304..49444b9da3f 100644 --- a/index.md +++ b/index.md @@ -7,5 +7,5 @@ title: "" Computer Engineering Student at UET Faisalabad -- Email: his email here +- Email: gondalasim665@gmail.com - GitHub: [asim-raza665](https://github.com/asim-raza665) From b97a7a2686537304ff519bf39e9a831111a9a14f Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Thu, 2 Apr 2026 15:30:26 +0500 Subject: [PATCH 08/71] Update blog.md --- blog.md | 12 ++++-------- 1 file changed, 4 insertions(+), 8 deletions(-) diff --git a/blog.md b/blog.md index 8eb237cbb73..b14e5942b94 100644 --- a/blog.md +++ b/blog.md @@ -1,8 +1,4 @@ -layout: default -title: "Home" - -{% if site.show_excerpts %} - {% include home.html %} -{% else %} - {% include archive.html title="Posts" %} -{% endif %} +--- +layout: blog +title: Blog +--- From 540ef76d209cd6d23d435351ee12a37067c7c648 Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Thu, 2 Apr 2026 23:04:25 +0500 Subject: [PATCH 09/71] Build portfolio site for computer engineering journey --- _config.yml | 46 +- _includes/head.html | 9 +- _includes/menu.html | 2 +- _layouts/default.html | 39 +- _layouts/page.html | 10 +- _layouts/post.html | 33 +- _posts/2017-01-01-advanced-examples.md | 65 --- _posts/2017-02-01-markdown-examples.md | 87 ---- _posts/2017-03-01-welcome-to-jekyll.md | 25 - ...mission-in-uet-lahore-faisalabad-campus.md | 19 + ...he-support-that-made-my-dreams-possible.md | 37 ++ ...26-01-03-my-first-journey-to-university.md | 21 + .../2026-01-04-my-first-hostel-experience.md | 23 + ...nd-first-class-at-uet-faisalabad-campus.md | 25 + ...university-life-and-building-my-routine.md | 23 + ...-lab-experience-and-learning-new-skills.md | 21 + ...or-who-changed-our-perspective-dr-bilal.md | 25 + ...p-study-and-my-midterm-exams-experience.md | 19 + ...-10-final-exams-and-academic-challenges.md | 21 + ...emester-challenges-learning-and-success.md | 25 + ...d-semester-journey-and-early-challenges.md | 37 ++ ...-lab-experience-learning-database-tools.md | 23 + ...-an-unexpected-shift-to-online-learning.md | 33 ++ ...sql-learning-and-collaborative-projects.md | 19 + ...-challenges-projects-and-responsibility.md | 37 ++ about.md | 64 +++ archive.html | 13 - assets/css/portfolio.sass | 488 ++++++++++++++++++ blog.md | 79 ++- contact.md | 54 ++ index.md | 119 ++++- 31 files changed, 1281 insertions(+), 260 deletions(-) delete mode 100644 _posts/2017-01-01-advanced-examples.md delete mode 100644 _posts/2017-02-01-markdown-examples.md delete mode 100644 _posts/2017-03-01-welcome-to-jekyll.md create mode 100644 _posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md create mode 100644 _posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md create mode 100644 _posts/2026-01-03-my-first-journey-to-university.md create mode 100644 _posts/2026-01-04-my-first-hostel-experience.md create mode 100644 _posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md create mode 100644 _posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md create mode 100644 _posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md create mode 100644 _posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md create mode 100644 _posts/2026-01-09-group-study-and-my-midterm-exams-experience.md create mode 100644 _posts/2026-01-10-final-exams-and-academic-challenges.md create mode 100644 _posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md create mode 100644 _posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md create mode 100644 _posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md create mode 100644 _posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md create mode 100644 _posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md create mode 100644 _posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md create mode 100644 about.md delete mode 100644 archive.html create mode 100644 assets/css/portfolio.sass create mode 100644 contact.md diff --git a/_config.yml b/_config.yml index de3e138bb37..fd0226a2102 100644 --- a/_config.yml +++ b/_config.yml @@ -1,34 +1,34 @@ -title: "Asim's Portfolio" +title: "Asim Raza" author: "Asim Raza" -description: "My blog" -permalink: /:title/ +description: "Computer Engineering student at UET Lahore, Faisalabad Campus, documenting growth, resilience, and technical learning." +permalink: /blog/:title/ lang: "en" -excerpt_separator: "\n\n\n" date_format: "%B %d, %Y" -# Layout +show_excerpts: false +show_frame: false +show_sidebar: false +show_minimal: false -show_excerpts: true # show article excerpts instead of archive list on the home page -show_frame: true # display a grey frame on large screens -show_sidebar: false # show a sidebar instead of the usual header -show_minimal: false # remove all clutter +navigation: + - {file: "index.md", title: "Home"} + - {file: "about.md", title: "About"} + - {file: "contact.md", title: "Contact"} + - {file: "blog.md", title: "Blog"} -#show_frame: "/assets/images/background.svg" +external: + - {title: "Email", icon: envelope, url: "mailto:gondalasim665@gmail.com"} + - {title: "GitHub", icon: github, url: "https://github.com/asim-raza665"} -# Menu # for available icons see https://fontawesome.com/v5/icons/ - -navigation: # accepts {file, title, url, icon, sidebaricon} - - {file: "index.md", title: "Home", sidebaricon: home} - - {file: "blog.md", title: "Blog", sidebaricon: address-card} - -external: # accepts {file, title, url, icon, sidebaricon} - - {title: Mail, icon: envelope, url: "mailto:author@example.com"} - - {title: Github, icon: github, url: "https://github.com/asim-raza665"} - - {title: Subscribe, icon: rss, url: "/feed.xml"} +footer: + - {file: "about.md", title: "Journey"} + - {file: "blog.md", title: "Articles"} + - {title: "GitHub", url: "https://github.com/asim-raza665"} comments: -# disqus_shortname: "" # see https://disqus.com -# isso_domain: "" # see https://isso-comments.de plugins: - - jekyll-feed + - jekyll-feed + +sass: + style: compressed diff --git a/_includes/head.html b/_includes/head.html index 9ce798cb802..9b61316f6d7 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -1,9 +1,11 @@ -{% if page.title %}{{ page.title | escape }} | {% endif %}{{ site.title | escape }} +{% if page.title and page.title != "Home" %}{{ page.title | escape }} | {% endif %}{{ site.title | escape }} - + + + {%- if site.show_minimal -%} @@ -13,6 +15,7 @@ {%- endif -%} + {%- if site.plugins contains "jekyll-feed" -%} {%- endif -%} @@ -29,4 +32,4 @@ {%- if site.comments.isso_domain and page.layout == "post" -%} {%- endif -%} -{%- if site.show_sidebar %}{% include sidebar.html %}{% endif %} \ No newline at end of file +{%- if site.show_sidebar %}{% include sidebar.html %}{% endif %} diff --git a/_includes/menu.html b/_includes/menu.html index 6672e3de2b4..6dc79e896ac 100644 --- a/_includes/menu.html +++ b/_includes/menu.html @@ -4,7 +4,7 @@ {%- assign node = site.pages | where: "name", item.file | first -%} {%- assign url = item.url | default: node.url -%} {%- assign title = item.title | default: node.title -%} - + {%- if item.icon -%} {%- else -%} diff --git a/_layouts/default.html b/_layouts/default.html index 89ae9924bfd..2a523415376 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,23 +1,26 @@ + + {% include head.html %} + + +
+ {% unless site.show_minimal and site.navigation and site.external %} +

+ {{ site.title | escape }} +

+ {% endunless %} + {% include menu.html menu=site.navigation %} + {% include menu.html menu=site.external %} +
-{% include head.html %} - -
- {% unless site.show_minimal and site.navigation and site.external %} -

{{ site.title | escape }}

- {% endunless %} - {% include menu.html menu=site.navigation %} - {% include menu.html menu=site.external %} -
- -{{ content }} - -{%- if site.footer -%} -
-
{{ site.description }}
- {% include menu.html menu=site.footer %} -
-{%- endif -%} + {{ content }} + {%- if site.footer -%} +
+
{{ site.description }}
+ {% include menu.html menu=site.footer %} +
+ {%- endif -%} + diff --git a/_layouts/page.html b/_layouts/page.html index dee68499aa8..610b22a15f4 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -1,7 +1,13 @@ --- layout: default --- -
- {% include meta.html post=page %} +
+ {% if page.title and page.title != "Home" %} +
+

Portfolio Section

+

{{ page.title }}

+ {% if page.description %}

{{ page.description }}

{% endif %} +
+ {% endif %} {{ content }}
diff --git a/_layouts/post.html b/_layouts/post.html index ac611865746..802cbaf6270 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -2,22 +2,23 @@ layout: default --- -
- {% include meta.html post=page %} - {{ content }} - {% if site.comments.isso_domain or site.comments.disqus_shortname %} -
- {% if site.comments.isso_domain %}
{% endif %} - {% if site.comments.disqus_shortname %}
{% endif %} - - {% endif %} +
+
+ {% if page.phase %}

{{ page.phase }}

{% endif %} +

{{ page.title }}

+ {% if page.summary %}

{{ page.summary }}

{% endif %} +
+ {% if page.journey_stage %}{{ page.journey_stage }}{% endif %} + {% if page.read_time %}{{ page.read_time }} read{% endif %} + {% if page.sequence %}Article {{ page.sequence }}{% endif %} +
+
+ +
+ {{ content }} +
-{% unless site.show_minimal or site.footer %} -{% if page.next.url or page.previous.url %} -
- {% if page.next.url %}« {{ page.next.title }} {% endif %} - {% if page.previous.url %} {{ page.previous.title }} »{% endif %} +
+ Back to the blog
-{% endif %} -{% endunless %} diff --git a/_posts/2017-01-01-advanced-examples.md b/_posts/2017-01-01-advanced-examples.md deleted file mode 100644 index 756325c5314..00000000000 --- a/_posts/2017-01-01-advanced-examples.md +++ /dev/null @@ -1,65 +0,0 @@ ---- -title: "Advanced examples" -mathjax: true -layout: post -categories: media ---- - -![Swiss Alps](https://user-images.githubusercontent.com/4943215/55412536-edbba180-5567-11e9-9c70-6d33bca3f8ed.jpg) - - -## MathJax - -You can enable MathJax by setting `mathjax: true` on a page or globally in the `_config.yml`. Some examples: - -[Euler's formula](https://en.wikipedia.org/wiki/Euler%27s_formula) relates the complex exponential function to the trigonometric functions. - -$$ e^{i\theta}=\cos(\theta)+i\sin(\theta) $$ - -The [Euler-Lagrange](https://en.wikipedia.org/wiki/Lagrangian_mechanics) differential equation is the fundamental equation of calculus of variations. - -$$ \frac{\mathrm{d}}{\mathrm{d}t} \left ( \frac{\partial L}{\partial \dot{q}} \right ) = \frac{\partial L}{\partial q} $$ - -The [Schrödinger equation](https://en.wikipedia.org/wiki/Schr%C3%B6dinger_equation) describes how the quantum state of a quantum system changes with time. - -$$ i\hbar\frac{\partial}{\partial t} \Psi(\mathbf{r},t) = \left [ \frac{-\hbar^2}{2\mu}\nabla^2 + V(\mathbf{r},t)\right ] \Psi(\mathbf{r},t) $$ - -## Code - -Embed code by putting `{{ "{% highlight language " }}%}` `{{ "{% endhighlight " }}%}` blocks around it. Adding the parameter `linenos` will show source lines besides the code. - -{% highlight c linenos %} - -static void asyncEnabled(Dict* args, void* vAdmin, String* txid, struct Allocator* requestAlloc) -{ - struct Admin* admin = Identity_check((struct Admin*) vAdmin); - int64_t enabled = admin->asyncEnabled; - Dict d = Dict_CONST(String_CONST("asyncEnabled"), Int_OBJ(enabled), NULL); - Admin_sendMessage(&d, txid, admin); -} - -{% endhighlight %} - -## Gists - -You can embed gists the following way: - -```html - -``` - - - -## Images - -Upload an image to the *assets* folder and embed it with `![title](/assets/name.jpg))`. Keep in mind that the path needs to be adjusted if Jekyll is run inside a subfolder. - -![Flower](https://user-images.githubusercontent.com/4943215/55412447-bcdb6c80-5567-11e9-8d12-b1e35fd5e50c.jpg) - -[Flower](https://unsplash.com/photos/iGrsa9rL11o) by Tj Holowaychuk - -## Embedded content - -You can also embed a lot of stuff, for example from YouTube, using the `embed.html` include. - -{% include embed.html url="https://www.youtube.com/embed/_C0A5zX-iqM" %} diff --git a/_posts/2017-02-01-markdown-examples.md b/_posts/2017-02-01-markdown-examples.md deleted file mode 100644 index c8d61d8db1b..00000000000 --- a/_posts/2017-02-01-markdown-examples.md +++ /dev/null @@ -1,87 +0,0 @@ ---- -title: "Markdown examples" -layout: post ---- - -![Coffee](https://user-images.githubusercontent.com/4943215/74586455-c8048300-4fe7-11ea-84ba-aa49f3abb014.jpeg) - -Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. - -Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. - - -## Heading Two (h2) - -### Heading Three (h3) - -#### Heading Four (h4) - -##### Heading Five (h5) - -###### Heading Six (h6) - - -## Blockquotes - -### Single line - -> My mom always said life was like a box of chocolates. You never know what you're gonna get. - -### Multiline - -> What do you get when you cross an insomniac, an unwilling agnostic and a dyslexic? -> -> You get someone who stays up all night torturing himself mentally over the question of whether or not there's a dog. -> -> – _Hal Incandenza_ - -## Horizontal Rule - ---- - -## Table - -| Title 1 | Title 2 | Title 3 | Title 4 | -|------------------|------------------|-----------------|-----------------| -| First entry | Second entry | Third entry | Fourth entry | -| Fifth entry | Sixth entry | Seventh entry | Eight entry | -| Ninth entry | Tenth entry | Eleventh entry | Twelfth entry | -| Thirteenth entry | Fourteenth entry | Fifteenth entry | Sixteenth entry | - -## Code - -Source code can be included by fencing the code with three backticks. Syntax highlighting works automatically when specifying the language after the backticks. - -```` -```javascript -function foo () { - return "bar"; -} -``` -```` - -This would be rendered as: - -```javascript -function foo () { - return "bar"; -} -``` - -## Lists - -### Unordered - -* First item -* Second item -* Third item - * First nested item - * Second nested item - -### Ordered - -1. First item -2. Second item -3. Third item - 1. First nested item - 2. Second nested item diff --git a/_posts/2017-03-01-welcome-to-jekyll.md b/_posts/2017-03-01-welcome-to-jekyll.md deleted file mode 100644 index 0b02eb48b78..00000000000 --- a/_posts/2017-03-01-welcome-to-jekyll.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: "Welcome to Jekyll" -layout: post ---- - -You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated. - - -To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works. - -Jekyll also offers powerful support for code snippets: - -{% highlight ruby %} -def print_hi(name) - puts "Hi, #{name}" -end -print_hi('Tom') -#=> prints 'Hi, Tom' to STDOUT. -{% endhighlight %} - -Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk]. - -[jekyll-docs]: http://jekyllrb.com/docs/home -[jekyll-gh]: https://github.com/jekyll/jekyll -[jekyll-talk]: https://talk.jekyllrb.com/ diff --git a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md new file mode 100644 index 00000000000..a885759fdec --- /dev/null +++ b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md @@ -0,0 +1,19 @@ +--- +layout: post +title: "My Journey to Admission in UET Lahore (Faisalabad Campus)" +sequence: 1 +phase: "Getting In & Starting Out" +journey_stage: "Admission Journey" +read_time: "4 min" +summary: "How I balanced board exams and entry tests to secure admission to UET Lahore, Faisalabad Campus, in Computer Engineering." +--- + +My journey toward becoming a Computer Engineering student began during the final phase of my FSc Part-II. It was one of the most important and challenging periods of my academic life because I had to handle multiple responsibilities at the same time. While many students around me were fully focused only on their board exams, I found myself balancing two major challenges together: preparing seriously for my intermediate examinations and, at the same time, getting ready for different university entrance tests. I realized early that securing admission to a well-reputed engineering university was not possible without proper planning, consistent effort, and strong determination. That is why I decided to start my preparation for entry tests alongside my academic studies instead of waiting until the exams were over. + +For my preparation, I mainly relied on my FSc textbooks because they provided the basic concepts required for all entry tests. Along with that, I also used different online platforms that offered practice material, past papers, and mock tests. These resources helped me understand the pattern of entry tests and improve my speed and accuracy. This combination of self-study and online practice proved very effective for me. However, managing both board exam preparation and entry test preparation at the same time was not an easy task. There were moments when it became stressful and difficult to maintain focus, but I stayed committed to my goal. This phase taught me discipline, patience, and strong time management skills, which later became very helpful in my university life. + +During this preparation period, I also had to travel to different cities to appear in multiple entry tests. These journeys were not only tiring but also added extra pressure because each test was important for my future. I attempted the NUST NET twice, and this experience gave me a clear understanding of competitive testing environments. It also helped me identify my weak areas and improve them in the second attempt. In addition, I appeared in the UET Taxila entrance test as well. Each test experience increased my confidence and made me more familiar with the exam environment, which reduced my anxiety over time. + +Finally, I appeared in the UET entrance test, and fortunately, all my hard work paid off. I successfully secured admission to the University of Engineering and Technology (UET), Lahore, Faisalabad Campus, in the field of BSc Computer Engineering. This was a very proud and memorable moment for me and my family, as it marked the achievement of an important goal and the result of all my continuous efforts and struggles. + +After my admission was confirmed, I visited the main campus in Lahore to submit all the required documents and complete the admission formalities. This step made everything feel more real and official. Shortly after completing this process, I moved to the Faisalabad campus to begin my university life. I entered this new phase with a mixture of excitement, curiosity, and a little nervousness. It was a completely new environment for me, where I had to adjust to new people, new surroundings, and a different routine. This transition also introduced me to hostel life and independent living, which played a significant role in shaping my personality. These early experiences became the foundation of my university journey and helped me grow both academically and personally. diff --git a/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md b/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md new file mode 100644 index 00000000000..828cde9513f --- /dev/null +++ b/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md @@ -0,0 +1,37 @@ +--- +layout: post +title: "A Life-Changing Scholarship – The Support That Made My Dreams Possible" +sequence: 2 +phase: "Getting In & Starting Out" +journey_stage: "Scholarship Support" +read_time: "6 min" +summary: "A story of unexpected support, generous mentors, and the scholarship that made my higher education possible." +--- + +Every student has a story behind their academic journey, but some stories are shaped not only by hard work, but also by unexpected kindness and support from others. My journey toward higher education is one of those stories, a journey where a simple, random meeting changed the direction of my life and made my dreams achievable. + +It all started during my FSc Part-II. At that time, like many students, I was focused on completing my intermediate education and thinking about my future. One day, while walking in the street, I randomly met an old school friend. It was a normal and casual meeting at first, but it turned out to be one of the most important moments of my life. During our conversation, he mentioned that his aunt wanted to meet me regarding a scholarship opportunity. His aunt, whom I already knew as my teacher from my early school years in 5th and 6th class, had always been a kind and supportive person. Her name was Madam Tasmiha. + +The very next day, I went to meet her. She warmly welcomed me and explained the purpose of the meeting. She told me that she was teaching in a private school located in a nearby village called Murala. The school, Tameer-e-Seerat, was looking for two deserving and capable students who had shown strong academic performance in their matriculation and intermediate Part-I results. The scholarship was intended for students who were intelligent, hardworking, and in need of financial support to continue their education. + +She asked me to bring my academic documents, including my result cards and some personal identification documents such as my ID card and my brother’s ID card. I understood the importance of this opportunity and prepared all the required documents carefully. Coming from a financially modest background, I knew how important such support could be for my future. + +My father is a retired army personnel who served at a lower scale and is now working as a security guard in a bank. Despite his continuous efforts, it has always been difficult for him to manage the increasing expenses of higher education. I have always respected his struggles and wanted to support him by achieving something meaningful in my life. This scholarship felt like a ray of hope during a time when financial limitations could have become a barrier to my dreams. + +After collecting my documents, Madam Tasmiha forwarded my information to her school principal, Sir Aftab. He carefully reviewed my academic performance and background. To ensure everything was genuine, he even verified my details from people in my village. This verification process made the selection fair and ensured that the scholarship reached truly deserving students. + +After completing the verification, Sir Aftab shared my profile with a generous individual, Sir Ahmad Nawaz, who was willing to sponsor the education of deserving students. This was the turning point in my journey. After reviewing my case, Sir Ahmad Nawaz decided to support me fully. He announced that he would take responsibility for my educational expenses moving forward. + +At that time, I was studying in the Superior Group of Colleges in Mandi Bahauddin, which is a private institution with relatively high fees. My second-year fee alone was around 45,000 PKR, which was a significant burden for my family. When Sir Ahmad Nawaz came to know about my situation, he not only paid my outstanding college fee but also assured continued financial support. + +His support did not stop there. As I prepared for my future, I had to appear in different entry tests such as NUST, ECAT, and other university admission tests. These tests required registration fees, which can be expensive for students from limited financial backgrounds. Sir Ahmad Nawaz generously covered all these expenses as well. He paid approximately 10,000 PKR for NUST entry tests, 2,500 PKR for ECAT, and additional fees for other university tests. + +After I successfully secured admission to university, he continued his support by paying my admission fee and my first semester fee, which totaled around 119,000 PKR, including hostel charges. This was a huge relief for me and my family. Without this support, it would have been extremely difficult, if not impossible, for me to continue my education at this level. + +What makes this story even more inspiring is his commitment to my future. He assured me that he would continue to support my education until I am able to secure a government scholarship or become financially independent. This promise gave me not only financial stability but also emotional strength and motivation to work harder in my studies. + +This entire journey taught me many valuable lessons. First, it showed me that opportunities can come from the most unexpected places, even a random meeting on the street. Second, it reminded me that there are still kind and generous people in this world who are willing to invest in the future of others without expecting anything in return. Lastly, it strengthened my belief that hard work, combined with the right support, can overcome even the toughest challenges. + +Today, as I continue my journey in higher education, I carry a deep sense of gratitude toward everyone who played a role in supporting me, especially Madam Tasmiha, Sir Aftab, and Sir Ahmad Nawaz. Their trust in my potential has given me a responsibility to work even harder and make the most of this opportunity. + +This scholarship is not just financial support for me. It is a symbol of hope, trust, and belief. It motivates me every day to achieve my goals and, one day, to give back to society in the same way I was supported. diff --git a/_posts/2026-01-03-my-first-journey-to-university.md b/_posts/2026-01-03-my-first-journey-to-university.md new file mode 100644 index 00000000000..a8dfcd35264 --- /dev/null +++ b/_posts/2026-01-03-my-first-journey-to-university.md @@ -0,0 +1,21 @@ +--- +layout: post +title: "My First Journey to University" +sequence: 3 +phase: "Getting In & Starting Out" +journey_stage: "First Departure" +read_time: "4 min" +summary: "The emotional, uncertain, and unforgettable journey from home to UET Faisalabad for the very first time." +--- + +The journey to university is always a memorable and emotional moment in a student’s life, and mine was no different. In fact, it was one of the most important transitions in my life because it was the first time I was leaving my home to start a completely new phase. Everything felt new and uncertain, yet exciting at the same time. The night before my departure, I carefully prepared all my necessary belongings, including clothes, shoes, and other daily essentials. I made sure that everything was properly packed and organized because I knew the next day would be both hectic and emotional. I did not want to forget anything important, as I would be away from home for a long time. + +Early in the morning, around 7 a.m., I left my home with my father on a bike and headed toward the bus stand. That short ride felt very long because my mind was filled with different thoughts and emotions. Saying goodbye to my family was not easy at all. It was a deeply emotional moment, as I was stepping into a new life away from the comfort of my home. There was excitement for the journey ahead, but at the same time, there was sadness in leaving my loved ones behind. These mixed feelings stayed with me as I boarded the bus. + +After getting on the bus, I began my journey to Faisalabad. During the travel, many thoughts came into my mind. It was the first time I was going so far away from my family, and I had no clear idea of what challenges I might face. I was excited about starting my university life, meeting new people, and learning new things, but at the same time, I felt nervous about managing everything on my own. This combination of excitement and nervousness made the journey even more memorable. + +When I finally reached the Faisalabad bus stand, I faced another challenge. The university campus was located in Khurrianwala, which is about 23 kilometers away from the city, and I had no idea how to reach there. Being in a new city without proper guidance made me feel confused for a moment. At that time, I decided to contact my school friend Abdul Rehman for help. He responded quickly and connected me with his uncle, who was a student of Electrical Engineering at the same university. His uncle guided me properly about the route and also advised me about the fare so that I would not be overcharged. Following his guidance, I hired local transport and successfully reached the university by paying around 100 rupees. This small help made a big difference for me and saved me from confusion and possible extra expenses. + +When I finally arrived at the university, I experienced something unexpected. I was a bit shocked after seeing the campus infrastructure. Compared to other universities I had visited earlier, the facilities did not meet my expectations. Since it was the end of the vacation period, the campus was not fully maintained. Some areas looked damaged, and the overall condition of the buildings and hostels was not very satisfactory. It was quite different from what I had imagined in my mind before arriving there. + +Despite this initial disappointment, I soon realized that this place would become an important part of my life. This journey was not just about traveling from one city to another; it marked the beginning of my independence and personal growth. It taught me how to handle situations on my own, how to seek help when needed, and how to adjust in a completely new environment. Looking back now, this first journey to university remains a significant and unforgettable experience in my academic life, as it shaped my mindset and prepared me for the challenges ahead. diff --git a/_posts/2026-01-04-my-first-hostel-experience.md b/_posts/2026-01-04-my-first-hostel-experience.md new file mode 100644 index 00000000000..e7962c044cc --- /dev/null +++ b/_posts/2026-01-04-my-first-hostel-experience.md @@ -0,0 +1,23 @@ +--- +layout: post +title: "My First Hostel Experience" +sequence: 4 +phase: "Getting In & Starting Out" +journey_stage: "Hostel Adjustment" +read_time: "4 min" +summary: "How my first days in the hostel began with discomfort and uncertainty but gradually turned into growth and friendship." +--- + +After securing my admission in UET Lahore (Faisalabad Campus), a completely new chapter of my life began, my very first experience of hostel life. Before joining university, I had never stayed in a hostel or lived away from my home for such a long period. Because of this, everything about this transition felt new, unfamiliar, and a bit overwhelming for me. I was both excited and nervous at the same time, as I did not know what to expect from this new lifestyle. + +When the university announced that hostel rooms would be allotted on a “first come, first serve” basis, I did not take this information very seriously. I thought that I would easily get a place in one of the better hostels without any difficulty. Due to this casual approach, I arrived at the campus without much urgency. However, when I reached there, I quickly realized that I had made a mistake. The most well-known hostels, Al-Biruni Hall and Ali Hall, were already fully occupied by new students who had arrived earlier. At that moment, I understood the importance of timing and planning. + +As a result, I was left with only one available option, which was Umar Hall. Unfortunately, Umar Hall was quite different from what I had imagined in my mind. Instead of having smaller rooms with a limited number of students, it consisted of large halls where many students lived together. These halls accommodated around 10 to 24 students in a single space. I was assigned to a hall with approximately 12 students, which was completely unexpected for me. Since it was my first experience of hostel life, I had hoped for a more comfortable, quiet, and personal space, but the reality was very different. + +To make the situation more challenging, there was even a shortage of basic facilities such as beds. During the initial admission days, I had to arrange my own bed, which added another layer of difficulty. When I first entered the hall and saw so many students sharing one large space, I felt uncomfortable and out of place. Everything seemed unfamiliar, and adjusting to this new environment felt difficult in the beginning. + +However, as the days passed, things slowly started to improve. I began interacting with other students who were living in the same hall. They came from different cities, colleges, and academic backgrounds, which made the environment diverse and interesting. At first, we all felt shy and hesitant to talk to each other, but gradually we started sharing our experiences. We talked about how we prepared for our entry tests, where we came from, and what our future goals were. These conversations helped us become more comfortable with each other and slowly turned strangers into friends. + +The very next day after settling in the hostel, we had our first university class. That night became quite memorable for all of us. We prepared for our classes, arranged our clothes, polished our shoes, and tried to understand the new routine we were about to follow. At the same time, we were introduced to the hostel mess system, where we were given tokens for meals. This was another new experience, as everything was organized differently from home. + +Although my hostel journey started with discomfort, confusion, and uncertainty, it gradually turned into a valuable and meaningful experience. It taught me how to adjust in difficult situations, how to communicate with new people, and how to live independently without relying on my family. This experience not only helped me grow personally but also prepared me mentally for the academic and social challenges that were waiting ahead in my university life. diff --git a/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md b/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md new file mode 100644 index 00000000000..48a5f17dec5 --- /dev/null +++ b/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md @@ -0,0 +1,25 @@ +--- +layout: post +title: "My First Day and First Class at UET Faisalabad Campus" +sequence: 5 +phase: "Getting In & Starting Out" +journey_stage: "First Day on Campus" +read_time: "4 min" +summary: "An unforgettable first day filled with confusion, curiosity, first classes, and the realization that university life would demand much more from me." +--- + +After settling into hostel life, the next big step in my journey was my very first day of classes at UET Faisalabad Campus. That morning felt completely different from the previous days because it carried a unique mix of excitement, curiosity, and nervousness. Since it was my first university class, I wanted everything to go perfectly. I woke up early in the morning, took a shower, got fully ready, and carefully packed my bag with the basic items I had at that time, including a register, a pen, and a few markers. I was not even sure what other stationery items would be required, but I tried my best to be prepared. + +As I walked toward the university campus, I observed everything very carefully. I noticed the buildings, the movement of students, and the overall environment around me. Being a newcomer, I wanted to present myself confidently in front of others, even though deep inside I was feeling a bit unsure and nervous. Everything around me was new, and I was trying to adjust myself to this new atmosphere. + +The biggest challenge came when we actually reached the campus area. We did not even know where our department was located. This created a moment of confusion among us, as we were all new students trying to find our way. After asking a few seniors for directions, we finally managed to locate our department. This small achievement gave us a sense of relief and slightly boosted our confidence. + +Before the classes officially started, we spent some time trying to understand our timetable. We discussed among ourselves which subjects we would be studying, which teachers would be teaching us, and how our daily schedule would look. Everything felt new and a bit confusing at first, but at the same time, it was also exciting because it marked the beginning of our academic journey at the university. + +My first class, as far as I remember, was Calculus. It was a serious and focused session, and it gave me my first real experience of university-level studies. The teaching style, the environment, and the expectations were quite different from what I had experienced before. Later, we had our Programming Fundamentals lab, where we were introduced to Python. In that very first lab, our main task was simply to install Python on our systems. Since it was my first exposure to programming, I did not fully understand what we were doing; I just followed the instructions given by the instructor. + +The real moment of realization came during the Programming Fundamentals lecture. During attendance, the teacher called my roll number and then casually asked what we had done in the lab. I simply replied, “We installed Python,” because that was the only thing I clearly knew. However, when the teacher asked further questions related to it, I could not answer. That moment made me feel embarrassed and nervous. It made me realize that university learning requires much more attention, understanding, and preparation compared to my FSc studies, where I had no background in programming. + +After the classes, we went outside for a short break, where we met some seniors. They interacted with us in a light-hearted but slightly intimidating way, which is often seen as a tradition in universities. They asked me to introduce myself, including my background and family details, and even challenged me to say the full name of the university in Urdu. At one point, they asked me to stand on a chair and repeat my introduction multiple times. Although it felt uncomfortable at that time, it later became a memorable and even somewhat funny part of my first day. + +After such a long and eventful day, I returned to the hostel, had my lunch, and finally took some rest. I spent some time relaxing, using my phone, and thinking about everything that had happened throughout the day. That first day taught me a very important lesson: university life is completely different from school life. It requires confidence, adaptability, and a willingness to learn from every experience, whether it is in the classroom, in the lab, or even through unexpected interactions with others. diff --git a/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md b/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md new file mode 100644 index 00000000000..42ab28eba50 --- /dev/null +++ b/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md @@ -0,0 +1,23 @@ +--- +layout: post +title: "Adjusting to University Life and Building My Routine" +sequence: 6 +phase: "First Semester Growth" +journey_stage: "Building Routine" +read_time: "5 min" +summary: "The difficult but valuable process of adapting to university studies, programming, English lectures, and a completely new routine." +--- + +After experiencing my first day at university, the real challenge began, adjusting to a completely new academic and social environment. The first week of classes was a mixture of confusion, curiosity, and pressure. Everything felt very different from my FSc life, where studies were more structured, guided, and predictable. In university, I had to manage everything on my own, including attending lectures, completing assignments, handling hostel life, and doing self-study. This sudden shift in responsibility made the initial days quite challenging for me. + +One of the biggest challenges I faced was the subject of Programming Fundamentals. Coming from an FSc Pre-Engineering background, and even earlier from a biology-focused matric, I had no exposure to computers or programming at all. While subjects like Calculus, Applied Physics, and Discrete Mathematics were somewhat familiar and easier to understand, programming was completely new and unfamiliar for me. In our first lectures, we started learning Python, beginning with very basic concepts such as variables. For many students, these concepts seemed simple and easy to grasp, but for me, everything felt new and difficult to understand. I had to put in extra effort just to follow what was being taught in class. + +Another major difficulty I faced was the language barrier. All lectures were delivered in English, and in the beginning, I struggled to fully understand the explanations given by the teachers. Sometimes, I could not grasp the concepts properly during the lecture, which made it harder for me to keep up with the class. To overcome this issue, I started using online tools like ChatGPT and other learning resources to understand concepts in Urdu. I also explored different YouTube channels and online lectures to strengthen my understanding. Even after putting in this effort, the first couple of weeks remained quite stressful. I often felt confused and unsure about how to study effectively in this new academic system. + +University life also introduced a completely new academic structure, including weekly assignments, quizzes, and continuous assessment. This was very different from the annual board exam system I was used to. Initially, I found it difficult to manage my time properly. In fact, for the first two weeks, I struggled to even begin studying seriously due to stress, confusion, and overthinking. I was trying to understand how everything worked while also dealing with the pressure of keeping up with my studies. + +However, things gradually started to improve after two to three weeks. I began to develop a proper routine for myself. I started attending classes more actively, paying closer attention during lectures, and focusing on understanding concepts rather than just completing assignments. During this time, I also met some very supportive seniors who guided me and reassured me that this difficult phase was temporary and that things would become easier with time. + +One of the most important turning points in my journey was meeting my friend, Tahir Yaqoob from Sargodha (Bhalwal). He was an intelligent and hardworking student who later became one of the top performers in our class. His support and guidance helped me a lot, especially in understanding difficult concepts and improving my communication skills. He explained things in a simple way, which made learning easier for me. Over time, he became more than just a classmate; he became a true and supportive friend. + +With consistency, effort, and the support of good people around me, I gradually adapted to university life. By the end of the semester, I was able to achieve strong academic results, including an A- grade in Programming Fundamentals. Looking back, those initial struggles played a very important role in my personal and academic growth. They helped me build confidence, improve my learning approach, and lay a strong foundation for the rest of my university journey. diff --git a/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md b/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md new file mode 100644 index 00000000000..947192a8251 --- /dev/null +++ b/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md @@ -0,0 +1,21 @@ +--- +layout: post +title: "My First Lab Experience and Learning New Skills" +sequence: 7 +phase: "First Semester Growth" +journey_stage: "First Lab Experience" +read_time: "4 min" +summary: "My earliest practical labs taught me coding discipline, ICT tools, self-study habits, and the value of supportive friends." +--- + +After settling into the rhythm of my first classes, the next big step in my academic journey was experiencing my first real labs at UET Faisalabad Campus. This phase was both exciting and challenging because it required me to apply the theoretical knowledge I was learning in subjects like Programming Fundamentals and Engineering Science into practical tasks. It was a completely new experience for me, as I was not used to learning in such an interactive and hands-on way. + +Our first lab in Programming Fundamentals was mainly an introduction to basic coding. Since I had already struggled with understanding variables and Python logic in the classroom, this lab became a real test of my understanding. Initially, everything felt overwhelming because I had no prior experience in coding, and even simple tasks seemed difficult to perform. I often felt confused while following the instructions, but I tried my best to stay focused and not give up. Gradually, I started developing a habit of self-study, where I would revise concepts on my own and practice simple coding tasks repeatedly. I realized that consistency and regular practice were the only ways to overcome my hesitation and confusion. + +Alongside Programming Fundamentals, we also had labs in ICT (Information and Communication Technology), which introduced us to tools like Microsoft Word, Excel, and PowerPoint. This was another major challenge for me because, before this, I had very limited experience using a laptop in an academic environment. Tasks such as creating properly formatted documents in Word, making tables, working with spreadsheets in Excel, and designing presentations in PowerPoint all seemed quite difficult at the beginning. I had to learn even the basic functions step by step, which required extra time and effort. + +Fortunately, I was not alone in this journey. My friend Tahir Yaqoob was a great source of support for me. Even though he lived in a different hostel hall, we managed to coordinate our study sessions, especially in the library. Sometimes, I would visit his room to discuss lab work, assignments, and difficult concepts. Having someone to share ideas with and ask questions from made a big difference. It not only made the tasks easier but also made the learning process more enjoyable and less stressful. + +One of the most memorable parts of this experience was the strictness of our ICT teacher. She placed great emphasis on discipline, punctuality, and timely submission of work. She gave us strict deadlines for our lab assignments, and if we failed to submit our work on time, it would not be accepted at all. At the beginning, this strictness created additional pressure for me, as I was already struggling to adjust. However, over time, I realized that her approach was helping us develop important habits. It taught me the value of time management, planning, and completing tasks within deadlines. + +Looking back, these first lab experiences played a very important role in my academic development. They helped me strengthen my understanding of coding and ICT tools while also teaching me essential skills like self-study, collaboration, and discipline. With the guidance of my teachers and the support of friends like Tahir, I gradually built confidence in my abilities. These experiences prepared me to face future labs and technical challenges with more clarity, confidence, and a better learning approach. diff --git a/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md b/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md new file mode 100644 index 00000000000..e1952598a46 --- /dev/null +++ b/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md @@ -0,0 +1,25 @@ +--- +layout: post +title: "A Mentor Who Changed Our Perspective – Dr. Bilal" +sequence: 8 +phase: "First Semester Growth" +journey_stage: "Mentorship and Mindset" +read_time: "4 min" +summary: "How Dr. Bilal helped us move beyond labels and focus on the technical skills that truly shape a future in computing." +--- + +During the early weeks of my university life, one of the most common concerns among students in our class was about our degree program. We were enrolled in BSc Computer Engineering under SEC instead of PEC, and this created a lot of confusion and uncertainty. Many students, including myself, started to question whether we were in the right field. There were discussions in classrooms, hostels, and even during breaks about future job opportunities, the value of our degree, and whether not being registered under PEC would limit our careers. This situation created stress and doubt in our minds, especially because we had just started our university journey and were already worried about our future. + +At that time, our Programming Fundamentals teacher, Dr. Bilal, played a very important role in guiding us. He was not only a knowledgeable and intelligent teacher but also someone who understood the mindset of students. One day, he addressed this issue in class when he realized that many students were confused and worried. Instead of ignoring our concerns, he openly discussed them and gave us a very clear and practical perspective. + +Dr. Bilal explained that in fields like computer engineering and software-related domains, success does not depend solely on the title of “engineer” or the registration with PEC. He emphasized that the real value lies in skills. According to him, industries do not focus on whether your degree is under SEC or PEC; they focus on what you can do, what problems you can solve, and how strong your technical abilities are. + +“Your skills will define your future, not just your degree title.” + +He encouraged us to focus on learning programming, improving our problem-solving abilities, and building practical projects. He also shared examples of many successful people in the tech industry who achieved great success without relying on formal titles. This gave us a new direction and helped us shift our mindset from worrying about labels to focusing on personal growth. + +For me personally, this discussion was very motivating. At a time when I was already struggling with Programming Fundamentals due to my non-computer background, his guidance gave me confidence. I realized that instead of being stressed about things beyond my control, I should invest my energy in improving my skills. This advice helped me stay focused and work harder in my studies. + +Dr. Bilal’s teaching style also reflected his beliefs. He always encouraged students to think logically, practice coding, and understand concepts deeply rather than memorizing them. He was friendly, approachable, and always ready to help. His support made a big difference not only in our academic journey but also in our mindset. + +In the end, this experience taught me an important lesson: success in the modern world, especially in the field of technology, depends more on skills, consistency, and learning attitude than on titles and labels. Dr. Bilal was not just a teacher for us; he was a mentor who helped us overcome confusion and guided us toward the right path. His words continue to motivate me as I move forward in my journey as a computer engineering student. diff --git a/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md b/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md new file mode 100644 index 00000000000..86b67699239 --- /dev/null +++ b/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md @@ -0,0 +1,19 @@ +--- +layout: post +title: "Group Study and My Midterm Exams Experience" +sequence: 9 +phase: "First Semester Growth" +journey_stage: "Midterm Preparation" +read_time: "4 min" +summary: "How group study, shared understanding, and focused preparation turned moderate quiz scores into strong midterm results." +--- + +After settling into my daily routine and becoming more familiar with university life, the next significant phase of my journey was preparing for quizzes and midterm exams. Initially, the concept of group study was completely new to me. During my FSc studies, I was used to studying alone, relying mostly on personal notes and self-practice. However, at UET Faisalabad, I quickly realized that working together with peers could make a huge difference. Learning in a collaborative environment not only helped me understand difficult concepts more effectively but also made the study process less stressful. + +I formed a study group with my closest friends, including my best friend Tahir Yaqoob, as well as other classmates from the hostel and our courses. We made it a habit to meet regularly, sharing our notes, solving problems together, and discussing challenging topics. Subjects like Programming Fundamentals, Calculus, and Discrete Mathematics often required detailed explanations, and our group discussions allowed us to clarify doubts and learn from each other’s perspectives. These sessions gradually became a cornerstone of my preparation strategy, and I began looking forward to them as a productive and supportive way to study. + +Our midterm exams covered a moderate portion of the syllabus, but I wanted to prepare thoroughly. In Programming Fundamentals, I had struggled with Python coding during the initial weeks, so I focused extra time on practicing lab exercises and reviewing theoretical concepts. Initially, my quiz results were moderate, which reflected my early struggles. For example, I scored 7 out of 10 in one quiz and only 4 to 5 marks in another. Rather than feeling discouraged, I used these results as motivation to work harder. The group study sessions became even more crucial, as discussing assignments, solving problems together, and learning from each other helped me identify mistakes and correct them faster. + +When the midterm exam results were announced, they were very encouraging. In Programming Fundamentals, I scored 37 out of 40, which was a significant improvement from my early quiz scores. I also performed well in other subjects: Calculus 28 out of 30, ICT 26 out of 30, Discrete Mathematics 24.5 out of 30, Physics 24 out of 30, and Fehm ul Quran 22 out of 30. This improvement showed me that success was not just the result of individual effort but also depended on collaboration, guidance from teachers, and the support of friends. It was a turning point in my university life because I truly understood the power of collaborative learning and how discussing concepts with peers could enhance understanding and retention. + +This experience taught me an important lesson: university education is not only about individual study but also about sharing knowledge, helping one another, and learning together. Group study became an essential habit for me, allowing me to tackle challenges in difficult subjects, improve my problem-solving skills, and gain confidence for future exams. I also realized that different perspectives and approaches from friends made learning more effective and enjoyable. Overall, the midterm exams were not just a test of knowledge; they were a valuable lesson in teamwork, planning, perseverance, and the benefits of learning in a collaborative environment. diff --git a/_posts/2026-01-10-final-exams-and-academic-challenges.md b/_posts/2026-01-10-final-exams-and-academic-challenges.md new file mode 100644 index 00000000000..4fc077f5066 --- /dev/null +++ b/_posts/2026-01-10-final-exams-and-academic-challenges.md @@ -0,0 +1,21 @@ +--- +layout: post +title: "Final Exams and Academic Challenges" +sequence: 10 +phase: "First Semester Growth" +journey_stage: "Final Exam Pressure" +read_time: "4 min" +summary: "The final exam period taught me disciplined revision, time management, and how to remain steady under academic pressure." +--- + +As the semester moved toward its final phase, the pressure of final exams began to increase steadily. Unlike midterm exams, which covered only a portion of the syllabus, the finals required complete preparation for all subjects, including every concept taught throughout the semester. For me, this period was both challenging and highly important because it tested not only my academic understanding but also my consistency, discipline, and ability to manage time effectively. I realized that success in finals was not simply about studying hard for a few days; it depended largely on how well I had built and strengthened my concepts over the entire semester. + +To prepare effectively, I began revising all subjects in a planned and organized way. I divided my study time according to the difficulty and complexity of each subject. Programming Fundamentals required extra attention because it was still relatively new for me and involved coding, which I had little prior experience with. I spent most of my time practicing Python problems, understanding logical structures, and revising lab exercises step by step. At the same time, I reviewed other subjects like Calculus, Applied Physics, and Discrete Mathematics by going through my class notes, solving past questions, and revisiting important formulas and concepts. Making short notes and summaries proved to be very helpful, as they allowed me to quickly revise key points before the exams without wasting time searching through bulky books. + +Managing hostel life while maintaining intense study hours was another significant challenge. Living in a hostel brings distractions, noise, and an environment that is not fully controlled. Initially, it felt difficult to focus completely on studies. However, I decided to turn this situation into an advantage by engaging in group study sessions with my friends. Studying together helped me stay motivated and disciplined. Whenever I found a concept difficult to understand, discussing it with my friends made it easier to grasp. Group study also allowed us to quickly revise topics, share different problem-solving approaches, and identify important questions that were likely to appear in the exams. + +There were times when the pressure of exams felt overwhelming. Long hours of study, upcoming deadlines, and the responsibility to perform well created mental stress. However, I learned to manage this pressure by staying consistent, following a daily routine, and maintaining a positive mindset. I avoided wasting time on distractions and focused on balancing study, rest, and basic activities. Even small habits, such as revising regularly instead of cramming at the last minute, made a big difference in improving my confidence and readiness. + +One of the most valuable lessons I learned during this period was the importance of effective time management. I realized that every hour mattered during exams and that proper planning could reduce stress significantly. Alongside time management, self-discipline was crucial. Unlike school, there was no external supervision; everything depended on my own responsibility. I had to push myself to study even on days when I felt tired or unmotivated. + +In the end, this period of preparing for final exams was not just about academic performance. It was a period of personal growth. It taught me how to stay consistent, manage time effectively, and work hard under pressure. These experiences built resilience and discipline, providing a strong foundation for future semesters and preparing me to face even bigger challenges ahead in my university journey. diff --git a/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md b/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md new file mode 100644 index 00000000000..419c4fb12cd --- /dev/null +++ b/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md @@ -0,0 +1,25 @@ +--- +layout: post +title: "Completing My First Semester – Challenges, Learning, and Success" +sequence: 11 +phase: "First Semester Growth" +journey_stage: "First Semester Success" +read_time: "6 min" +summary: "My first semester ended with a strong CGPA, a machine learning project, and the confidence that I could thrive in computer engineering." +--- + +The end of my first semester at UET Faisalabad Campus was both challenging and rewarding. After completing the midterm exams, the next major task was preparing for the final exams, which required comprehensive revision of all the concepts covered throughout the semester, including topics taught before the midterms. For me, this period was particularly demanding because it involved balancing multiple responsibilities, maintaining a consistent study routine, managing hostel life, and, whenever possible, spending quality time with my family. It became clear that effective time management and self-discipline were essential if I wanted to cover all subjects thoroughly, from Programming Fundamentals and Calculus to Physics, ICT, and Discrete Mathematics. + +During this intense period, I developed several new study habits that proved crucial for my academic success. I began making detailed notes and summaries for each subject, which allowed me to revise efficiently before exams. Regular practice of problems, especially in Programming Fundamentals and Calculus, helped reinforce my understanding of difficult concepts. Group study sessions with my friends became a key part of my preparation. My closest friends, particularly Tahir Yaqoob, along with other classmates, played an important role in keeping me motivated and focused. During these sessions, we discussed difficult topics, solved problems collaboratively, and shared different approaches to learning. This experience taught me the value of teamwork and how peer support can enhance understanding and retention of knowledge. + +One of the most exciting and memorable moments of the semester was our final project in Programming Fundamentals. The project was based on creating a Machine Learning model using provided datasets. My group, which included my roommate Muhammad Umair, chose to work on a Cardiovascular Disease dataset. At the start, I felt completely unprepared because I had no prior experience in Python or machine learning. However, through three days of focused effort, dedicated learning, and applying what I had learned in class, we successfully created and presented our model. + +This project focused on developing a supervised machine learning model for predicting cardiovascular disease using lifestyle and health-related data. We implemented a complete pipeline in Python, starting from data preprocessing and cleaning, where we handled missing values and removed unrealistic health records such as abnormal blood pressure values. We performed feature engineering by converting age into meaningful units and organizing it into different groups for better understanding. To explore the dataset, we created multiple visualizations such as age distribution, cholesterol levels, and relationships between blood pressure and cardiovascular risk, which helped us gain deeper insights into the data. + +We then trained multiple machine learning models, including Decision Tree, Logistic Regression, and Random Forest classifiers. After evaluating their performance using accuracy scores, classification reports, and confusion matrices, we selected Random Forest as the best-performing model. Additionally, we implemented probability-based predictions to estimate the likelihood of cardiovascular disease, making the model more practical and informative. This project not only strengthened my programming skills but also introduced me to real-world problem solving using data and machine learning concepts. + +The moment we saw our project working was immensely satisfying. Our presentation went well, and we scored 9 out of 12 marks, which boosted my confidence and reassured me that my programming skills were gradually improving. This experience marked a major milestone in my academic journey because, just a few months earlier, coding had been entirely new to me. + +When the final results were announced, all my hard work paid off. I achieved a CGPA of 3.83, secured third position in my section, and fourth position overall across both sections. This achievement was a proud and memorable moment for me, as it reflected not only my academic progress but also my personal growth. Reflecting on my first semester, I realized how much I had developed in multiple areas, learning Python, completing my first Machine Learning project, adjusting to hostel life, and cultivating disciplined study habits. + +Overall, my first semester at UET Faisalabad Campus was a journey filled with challenges, learning experiences, and ultimate success. It taught me important lessons in consistency, collaboration, and perseverance. These experiences laid a strong foundation for my future semesters and gave me the confidence to face upcoming academic and personal challenges with determination and resilience. diff --git a/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md b/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md new file mode 100644 index 00000000000..1664bf6d4cc --- /dev/null +++ b/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md @@ -0,0 +1,37 @@ +--- +layout: post +title: "A Fresh Start – My Second Semester Journey and Early Challenges" +sequence: 12 +phase: "Second Semester Momentum" +journey_stage: "Second Semester Start" +read_time: "5 min" +summary: "My second semester began with preparation, confidence, a scholarship interview, and the lesson that good preparation can reduce setbacks." +--- + +After successfully completing my first semester at university, I was given a short but valuable break of two weeks. For many students, such vacations are a time to relax and disconnect from studies. However, for me, this break became an opportunity to prepare myself for the challenges ahead. I had already realized during my first semester that university life is very different from college life. The concepts are deeper, the pace is faster, and the expectations are much higher. Keeping this in mind, I decided to use my vacation wisely instead of spending it casually. + +During these two weeks, I focused on learning the basics of Object-Oriented Programming and Database Systems through online platforms. These subjects were part of my upcoming semester, and I wanted to build a strong foundation before classes even started. I explored different online resources, including video lectures, tutorials, and practice exercises. This self-learning experience was very helpful because it introduced me to important concepts such as classes, objects, inheritance, and basic database operations like tables, queries, and relationships. At that time, I did not aim to master everything; my goal was simply to become familiar with the concepts so that I would not feel completely new when these topics were taught in class. + +This preparation proved to be a very smart decision. It boosted my confidence and gave me a sense of readiness for the second semester. I was no longer afraid of new subjects; instead, I was curious and excited to learn them in more depth. When the vacation ended, I entered the second semester with new energy, fresh motivation, and bigger dreams for my academic journey. + +The second semester introduced a variety of subjects, each with its own importance and challenges. These included Object-Oriented Programming, Database Systems, Communication Skills, Calculus-II, Applied Statistics, and Digital Logic Design. This combination of subjects required both technical understanding and analytical thinking. I knew that managing all of them effectively would require discipline, consistency, and proper time management. + +I started the semester with confidence, especially because I had already studied some basics of OOP and databases during my vacation. This prior knowledge helped me understand lectures more easily and quickly compared to starting from zero. I felt more engaged in the classroom discussions and was able to connect new concepts with what I had already learned on my own. + +However, as every journey has its challenges, I also faced a small but significant setback at the very beginning of the semester. Unfortunately, I missed two lectures and one lab session of the Database Systems course. This was not an ordinary subject, it carried four credit hours, which made it highly important in terms of both knowledge and grading. Missing lectures and especially a lab in such a subject can be a serious disadvantage for any student. + +The reason behind missing these classes was also very important for my future. During those days, I had to visit the main campus of UET Lahore to appear for an interview for the HEC Need-Based Scholarship. This scholarship was extremely important for me because it could provide financial support for my higher education. Considering my background and the importance of such opportunities, I decided to attend the interview, even though it meant missing some of my university classes. + +I traveled to the main campus along with my friends. The experience itself was memorable and slightly stressful, as interviews always carry a sense of uncertainty. I prepared myself mentally and presented my case with confidence, hoping for a positive outcome. After completing the interview process, we returned to our campus later in the evening using the university transport. By the time I came back, I had already missed the scheduled lectures and lab. + +At first, I felt worried about this loss. Missing important academic sessions at the very start of the semester can create gaps in understanding, especially in technical subjects like databases. However, instead of letting this setback affect my progress, I took immediate steps to recover. + +I reached out to one of my classmates who had attended those lectures and the lab session. He helped me understand everything that was covered, including both theoretical concepts and practical work done in the lab. I carefully reviewed the material and made sure I did not skip any important detail. Thankfully, because I had already studied the basics of database systems during my vacation, I was able to grasp the missed content quite easily. + +In fact, what initially seemed like a major loss turned out to be manageable. My prior preparation played a key role in minimizing the impact of missing those classes. Instead of feeling left behind, I quickly caught up and continued my studies without any major difficulty. This experience taught me an important lesson: preparation always pays off. Even a small effort made at the right time can save you from bigger problems later. + +As the semester continued, I became more consistent and focused in my studies. I made sure not to miss any further lectures or labs and stayed actively involved in all my courses. Each subject contributed to my learning in a unique way. OOP improved my programming skills, database systems enhanced my understanding of data management, calculus and statistics strengthened my analytical thinking, digital logic design connected me with the fundamentals of computer engineering, and communication skills helped me express my ideas more effectively. + +Looking back, the beginning of my second semester was a mix of preparation, excitement, and a small challenge. But overall, it strengthened my confidence and improved my ability to handle academic responsibilities. It also showed me that even if we face temporary setbacks, we can overcome them with the right approach, proper support, and a willingness to learn. + +This phase of my journey reflects my growth not only as a student but also as a responsible individual who understands the importance of time, opportunity, and continuous improvement. diff --git a/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md b/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md new file mode 100644 index 00000000000..ac6abfc5bf8 --- /dev/null +++ b/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md @@ -0,0 +1,23 @@ +--- +layout: post +title: "My First Practical Lab Experience – Learning Database Tools" +sequence: 13 +phase: "Second Semester Momentum" +journey_stage: "Database Lab Foundations" +read_time: "3 min" +summary: "My first real database lab gave me hands-on confidence with MySQL Server, MySQL Workbench, and practical setup skills." +--- + +Starting a new semester always brings new experiences, and one of the most important parts of my second semester was the beginning of practical lab work. Although officially it was the second lab session, for me it was actually my first lab because I had missed the initial one due to my visit to the main campus for the HEC Need-Based Scholarship interview. Therefore, I entered this lab with a mix of curiosity, excitement, and a slight concern about what I might have missed. + +At the beginning of the session, our teacher understood that some students, including me, were not present in the previous lab. So, he briefly revised the important points and clearly explained the objectives of the current lab. This supportive approach helped me feel comfortable and allowed me to quickly align myself with the rest of the class. It also showed me how important a good teacher is in guiding students, especially when they face small gaps in their learning. + +The main purpose of this lab was to install essential database tools that we would be using throughout the semester. These tools included MySQL Server and MySQL Workbench. Before this, I had only theoretical knowledge about databases, and this was my first step toward practical implementation. The teacher guided us step by step, explaining each stage of the installation process carefully. From downloading the software to configuring the setup, every instruction was clearly demonstrated. + +I followed the instructions attentively and successfully installed both MySQL Server and MySQL Workbench on my system. During the installation, I also learned about basic configurations such as setting up a root password, understanding server connection, and launching the workbench interface. Although these steps seemed simple, they were very important because they created the foundation for all future database-related tasks. + +One thing that helped me a lot during this lab was my prior preparation during the semester break. Since I had already explored the basics of database systems through online learning, I was not completely new to the concepts. This made it easier for me to understand what the teacher was explaining and perform the installation without major difficulty. It also increased my confidence because I could follow along smoothly with the rest of the class. + +By the end of the lab, I felt satisfied and motivated. Even though I had missed the first session, I was able to catch up quickly and complete the required task successfully. This experience taught me that missing a class is not the end, as long as you are willing to put in extra effort to recover. + +Overall, this lab was a simple yet very important step in my academic journey. It marked the beginning of my practical understanding of databases and gave me confidence to handle more advanced tasks in the future. diff --git a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md new file mode 100644 index 00000000000..20dd1191326 --- /dev/null +++ b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md @@ -0,0 +1,33 @@ +--- +layout: post +title: "Ramzan Adventures and an Unexpected Shift to Online Learning" +sequence: 14 +phase: "Second Semester Momentum" +journey_stage: "Ramzan and Adaptability" +read_time: "5 min" +summary: "Ramzan in the hostel taught me responsibility, teamwork, and adaptability just as university life unexpectedly shifted online." +--- + +The beginning of Ramzan during my second semester brought a completely new and memorable experience into my university life. It was not just a change in routine, but a unique phase filled with learning, independence, and unexpected challenges. As hostel students, this was our first time observing Ramzan away from home, which made it both exciting and slightly difficult. + +At the start of Ramzan, we were already settled into our semester, attending regular classes and managing our academic workload. However, fasting in a university environment was a new experience for all of us. While the university continued to provide the usual mess food, it was not fully aligned with the special needs of Sehri and Iftar. At home, these moments are always well-prepared and comfortable, but in the hostel, we had to manage everything on our own. + +This situation led us to make an important decision. Me and my roommates decided that instead of relying completely on the hostel mess, we would arrange our own Iftar. This decision turned into a small but meaningful adventure in our daily lives. We bought an electric stove so that we could cook simple items ourselves. Along with that, we purchased basic cooking essentials such as oil, snacks, and groceries. We also brought fruits, cream, and other ingredients to prepare fruit chaat, which is a must-have item for Iftar in Ramzan. + +Preparing Iftar together became one of the most enjoyable parts of our day. Each of us had a role, some would cut fruits, others would handle cooking, and some would arrange the table. Although we were not expert cooks, we learned quickly through practice and teamwork. Sometimes the food was simple, and sometimes we tried to make it special. Regardless of the outcome, the effort and collaboration made it a beautiful experience. + +This routine not only helped us manage our fasting better but also brought us closer as friends. It taught us responsibility, independence, and the value of cooperation. Even after a long day of classes and fasting, we would gather with energy and excitement to prepare our Iftar. These small moments created memories that I will always cherish. + +However, alongside this peaceful and spiritual time, there were serious developments happening at the international level. News about tensions and conflict involving Iran, Israel, and America began to spread. These global events had indirect effects on many countries, including Pakistan. Due to uncertainty and precautionary measures, there was a shortage of petrol in the country. + +As a result, the government decided to take steps to conserve fuel. One of the major decisions was to temporarily close educational institutions, including schools, colleges, and universities. This decision directly affected our academic routine. Around the 21st of Ramzan, our university was officially closed for a period of two to three weeks. + +With the closure of the campus, our classes were shifted to an online mode. This was another new experience for us. Although online learning had become more common in recent years, it was still a different environment compared to physical classes. Adjusting to this change required discipline and self-management. + +Studying online during Ramzan came with its own challenges. Managing time between fasting, prayers, rest, and online lectures was not easy. Sometimes, maintaining focus during virtual classes was difficult, especially with the relaxed environment of the hostel. However, it also provided flexibility. We could attend lectures from our rooms and save time that would otherwise be spent traveling between classes. + +Despite these challenges, I tried to stay consistent with my studies. I attended online lectures, completed assignments, and made sure I did not fall behind. This phase taught me how to adapt quickly to changing situations and continue learning under different circumstances. + +Looking back, this period was a combination of adventure, responsibility, and adaptability. From preparing our own Iftar to shifting suddenly into online education, every moment added something valuable to my experience. It showed me that university life is not just about academics, but also about learning how to manage real-life situations. + +Overall, this Ramzan became one of the most memorable phases of my university journey. It strengthened my independence, improved my ability to adjust to change, and gave me unforgettable memories with my roommates. diff --git a/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md b/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md new file mode 100644 index 00000000000..e22eaaae0a0 --- /dev/null +++ b/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md @@ -0,0 +1,19 @@ +--- +layout: post +title: "Online Classes, SQL Learning, and Collaborative Projects" +sequence: 15 +phase: "Second Semester Momentum" +journey_stage: "Online Learning Growth" +read_time: "4 min" +summary: "Online classes pushed me to strengthen SQL, improve project work, and stay disciplined through collaboration and self-management." +--- + +During the end of Ramadan, the semester took an unexpected turn due to global events that affected life in our country. The conflict between America, Israel, and Iran caused a sharp rise in petrol prices, which ultimately led to the closure of all universities, colleges, and schools across Pakistan. As a result, our classes shifted entirely to online mode, introducing a new set of challenges for both learning and staying disciplined while at home. Adapting to this sudden change required flexibility, self-motivation, and careful planning. Despite these challenges, I made a conscious effort to make the most of the situation, focusing on practical learning during online sessions and labs to ensure that my academic progress was not affected. + +During this period, I gained my first real exposure to SQL commands. Under the guidance of Dr. Bilal, I learned to write basic queries, create tables, and manage data efficiently. This hands-on experience helped me understand how databases function and how data can be organized and manipulated effectively. In addition to SQL, our lab sessions involved revisiting our previous projects from the first semester and refining them further. The “before mid” project, which initially involved creating a simple portal uploaded on GitHub, served as the foundation for our final project. We enhanced this project significantly by incorporating Machine Learning and Deep Learning components, adding advanced features, and improving its visual interface. The result was a professional and more advanced version compared to our earlier work. This process taught me the importance of iterative development, attention to detail, and striving for continuous improvement in technical projects. + +Even with the online setup, collaboration with peers remained crucial for success. Whenever I faced difficulties understanding a concept, I would reach out to my friend Tahir Yaqoob through WhatsApp calls or video sessions. These discussions were essential for clarifying doubts, exchanging ideas, and making consistent progress. We would troubleshoot programming issues together, discuss SQL queries, and brainstorm ways to improve our project. This period reinforced the value of peer support and communication, showing that learning can continue effectively even in remote and challenging circumstances. + +Through these online classes and collaborative project work, I also developed new skills in time management and self-discipline. Working from home required creating a dedicated study routine, minimizing distractions, and ensuring that I attended all sessions and completed tasks on time. I realized that adapting to unforeseen circumstances and staying productive depended on my own determination and planning. + +Overall, this experience of transitioning to online classes, practicing SQL, and developing an advanced project was a significant and valuable addition to my journey. It strengthened my programming and database skills while also teaching me how to work on incremental improvements, manage time effectively, and collaborate efficiently with peers in a virtual environment. These lessons helped me adapt to new learning settings while continuing to make steady academic progress, further preparing me for future challenges at UET Faisalabad Campus. diff --git a/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md b/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md new file mode 100644 index 00000000000..6b7e82437af --- /dev/null +++ b/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md @@ -0,0 +1,37 @@ +--- +layout: post +title: "An Online Lab Experience – Challenges, Projects, and Responsibility" +sequence: 16 +phase: "Second Semester Momentum" +journey_stage: "Leadership and Responsibility" +read_time: "6 min" +summary: "An online database lab became a turning point where preparation, project planning, and helping classmates all came together." +--- + +As my second semester continued, one of the most interesting and slightly challenging experiences came during an online database lab session. This lab was different from the previous ones because it focused more on preparation, understanding, and evaluation rather than just performing tasks step by step. It also introduced us to important academic responsibilities and teamwork beyond the classroom. + +In the previous lab, our teacher had given us a detailed task to prepare different types of SQL queries. These included basic queries, aggregate queries, join queries for table relationships, group queries, and queries based on business logic. The purpose of this preparation was not only to test our knowledge but also to strengthen our understanding of how databases work in real-world scenarios. The teacher clearly instructed us that in the next lab, which would be conducted online, he would ask questions from these topics, and students would be evaluated based on their responses. + +Keeping this in mind, I took the task seriously and prepared all the required queries. I revised concepts, practiced different types of SQL statements, and tried to understand the logic behind each query. Since database systems is an important subject in computer engineering, I wanted to make sure I had a strong grip on these concepts. + +When the next lab session was conducted online, the teacher started asking questions from the assigned topics. However, unfortunately, many students were not fully prepared and struggled to answer properly. Some students had only a basic understanding, while others faced difficulty explaining the logic behind their queries. As a result, the overall response was not as expected. + +Seeing this situation, the teacher decided not to continue with the planned evaluation in that lab. Instead, he announced that he would conduct a proper quiz on these topics later to fairly assess everyone’s understanding. This decision made sense because it would give students another chance to prepare better and perform well. Therefore, that particular lab session was effectively canceled in terms of evaluation. + +Despite this, the lab session remained productive because we shifted our focus toward discussing our major course projects. These projects were an essential part of our Database Systems lab and were divided into two main components: the DBS Lab Project and the DBS Theory Project. + +The DBS Lab Project was related to GitHub. In this project, we were required to create a professional portfolio in which we would document our journey as a Computer Engineering student, from the admission process up to the second semester. The project required us to write detailed articles based on real-life experiences, organize them properly, and upload them to GitHub by following the teacher’s instructions. This project was not only technical but also reflective, as it allowed us to look back at our journey and present it in a structured and meaningful way. + +The second project, the DBS Theory Project, was more technical and forward-looking. It was related to Machine Learning and Deep Learning. Since we had already studied the basics of machine learning in our first semester, this project aimed to extend our knowledge by adding more features and introducing concepts of deep learning. We were also required to include visual elements like images to make our work more comprehensive and understandable. This project helped us connect database knowledge with modern technologies like AI and data-driven systems. + +To support us in completing the portfolio project, our teacher gave us one week to collect and finalize our articles. These articles were supposed to be based on real scenarios that we had experienced, from our admission journey to our current university life. This requirement made the project more personal and meaningful. + +During this process, I faced some confusion regarding how to properly structure and collect the content for these articles. To clarify my doubts, I reached out to our respected teacher, Dr. Bilal. He responded very kindly and explained everything in detail through a voice message of a few minutes. His explanation was clear, practical, and very helpful, which made all my confusion disappear. + +What happened next was something unexpected but very meaningful for me. After guiding me, Dr. Bilal gave me a responsibility. He asked me to help other students who might have similar questions or confusion regarding the portfolio project. He even sent a message in the official database group informing students that they could contact me if they needed any guidance. + +This responsibility was new and advanced for me, but I accepted it with great enthusiasm. I felt honored that my teacher trusted me enough to guide others. As students started reaching out to me, I did my best to help them understand how to collect their articles, how to write them properly, and how to organize their portfolio. This experience not only strengthened my own understanding but also improved my communication and leadership skills. + +Helping others gave me a sense of satisfaction and confidence. It made me realize that learning is not just about personal success, but also about sharing knowledge and supporting others in their journey. + +Overall, this online lab session turned out to be much more than just a regular class. It taught me the importance of preparation, adaptability, and responsibility. From SQL queries to project discussions and from confusion to guiding others, this experience played an important role in my academic and personal growth. diff --git a/about.md b/about.md new file mode 100644 index 00000000000..d97e8fe862f --- /dev/null +++ b/about.md @@ -0,0 +1,64 @@ +--- +layout: page +title: "About" +description: "A concise portrait of who I am, what shaped my journey, and the values guiding my growth in computer engineering." +--- + +
+
+

Who I Am

+

A student shaped by purpose, support, and persistence

+
+
+
+

Academic Profile

+

I am Asim Raza, a BSc Computer Engineering student at UET Lahore, Faisalabad Campus. My academic journey is rooted in hard work, self-discipline, and the desire to build strong technical skills that can create meaningful impact.

+
+
+

How My Journey Began

+

My path started with balancing FSc Part-II studies and university entrance test preparation at the same time. That phase taught me planning, patience, and how to stay focused when the pressure is high.

+
+
+

A Turning Point

+

A scholarship opportunity changed the direction of my life. The support of Madam Tasmiha, Sir Aftab, and Sir Ahmad Nawaz gave me the chance to continue my education with dignity, hope, and renewed motivation.

+
+
+

What I Am Learning

+

My growth at university has included programming in Python, database systems, SQL, machine learning projects, and the practical discipline that comes from labs, assignments, and continuous assessment.

+
+
+
+ +
+
+

What Guides Me

+

Values that shape my work

+
+
+
+

Gratitude

+

I never forget the people whose trust and generosity supported my education. Their belief in me motivates me to work with sincerity.

+
+
+

Consistency

+

I believe strong results come from daily effort, not shortcuts. My academic progress has always been tied to regular practice and discipline.

+
+
+

Skill-Focused Growth

+

One of the most valuable lessons I learned at university is that skills define long-term success, especially in computing and modern engineering fields.

+
+
+

Helping Others

+

When I was asked to guide classmates on the portfolio project, I realized that knowledge becomes stronger when it is shared with others.

+
+
+
+ +
+
+

What This Portfolio Shows

+

More than achievements alone

+

This portfolio is a record of growth through scholarship, challenge, hostel life, group study, mentorship, and technical learning. It represents the person I am becoming as a computer engineering student.

+
+ Contact Me +
diff --git a/archive.html b/archive.html deleted file mode 100644 index f6e581e8296..00000000000 --- a/archive.html +++ /dev/null @@ -1,13 +0,0 @@ ---- -title: "Archive" -layout: default ---- - -
-

{{ include.title | default: page.title }}

-
- {% for post in site.posts %} -
{{ post.date | date: "%Y-%m-%d" }}{{ post.title }}
- {% endfor %} -
-
diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass new file mode 100644 index 00000000000..1b30caba7d2 --- /dev/null +++ b/assets/css/portfolio.sass @@ -0,0 +1,488 @@ +--- +--- + +:root + --bg: #f4efe6 + --bg-deep: #e3dccf + --surface: rgba(255, 251, 244, 0.9) + --surface-strong: #fffdf8 + --surface-accent: #eef7f6 + --ink: #102033 + --ink-soft: #415263 + --line: rgba(16, 32, 51, 0.12) + --accent: #0f7b83 + --accent-dark: #0d5165 + --accent-soft: #d8f0ee + --warm: #c66b42 + --warm-soft: #f8e5db + --shadow-lg: 0 28px 70px rgba(16, 32, 51, 0.14) + --shadow-md: 0 16px 40px rgba(16, 32, 51, 0.08) + --radius-xl: 28px + --radius-lg: 20px + --radius-md: 14px + --heading-font: "Palatino Linotype", "Book Antiqua", Georgia, serif + --body-font: "PT Sans", "Segoe UI", sans-serif + +html + scroll-behavior: smooth + +body + font-family: var(--body-font) + color: var(--ink) + background-color: var(--bg) + background-image: radial-gradient(circle at top left, rgba(15, 123, 131, 0.14), transparent 24%), radial-gradient(circle at top right, rgba(198, 107, 66, 0.15), transparent 22%), linear-gradient(180deg, rgba(255, 255, 255, 0.35), transparent 28%), linear-gradient(rgba(16, 32, 51, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(16, 32, 51, 0.04) 1px, transparent 1px) + background-size: auto, auto, auto, 32px 32px, 32px 32px + background-position: 0 0, 100% 0, 0 0, center, center + +body > header, +body > article, +body > main, +body > footer + position: relative + z-index: 1 + +.site-header + position: sticky + top: 0 + z-index: 20 + margin: 1.25rem auto 0 + width: min(1120px, calc(100% - 2rem)) + border: 1px solid rgba(255, 255, 255, 0.45) + border-radius: 999px + background: rgba(10, 24, 39, 0.8) + backdrop-filter: blur(18px) + box-shadow: 0 14px 40px rgba(7, 18, 30, 0.2) + color: #f7f3ea + padding: 1rem 1.5rem + +.site-header h1 + font-family: var(--heading-font) + letter-spacing: 0.03em + +.site-header a + border-radius: 999px + padding: 0.45rem 0.9rem + +.site-header nav + display: flex + flex-wrap: wrap + gap: 0.35rem + margin: 0 + +.site-header nav a + color: #f7f3ea + font-size: 0.98rem + text-decoration: none + transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease + +.site-header nav a:hover + background: rgba(255, 255, 255, 0.14) + color: #ffffff + transform: translateY(-1px) + +.site-header nav a.is-active + background: rgba(255, 255, 255, 0.18) + color: #ffffff + +.page-card, +.post-card + width: min(1120px, calc(100% - 2rem)) + margin: 1.35rem auto + border: 1px solid var(--line) + border-radius: var(--radius-xl) + background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 252, 246, 0.94)) + box-shadow: var(--shadow-lg) + overflow: hidden + padding: clamp(1.4rem, 2.5vw, 2.4rem) + +.page-hero, +.post-hero + margin-bottom: 2.2rem + padding: clamp(1.5rem, 4vw, 2.4rem) + border: 1px solid rgba(255, 255, 255, 0.5) + border-radius: calc(var(--radius-xl) - 8px) + background: linear-gradient(135deg, rgba(15, 123, 131, 0.12), rgba(255, 255, 255, 0.6) 42%, rgba(198, 107, 66, 0.12)) + +.home-page .page-hero + display: none + +.eyebrow + margin: 0 0 0.65rem + color: var(--accent-dark) + font-size: 0.8rem + font-weight: 700 + letter-spacing: 0.16em + text-transform: uppercase + +h1, h2, h3 + font-family: var(--heading-font) + color: var(--ink) + line-height: 1.1 + +h1 + font-size: clamp(2.5rem, 6vw, 4.75rem) + margin: 0 + +h2 + font-size: clamp(1.7rem, 3vw, 2.55rem) + margin: 0 + +h3 + font-size: 1.32rem + margin: 0 0 0.7rem + +p + color: var(--ink-soft) + line-height: 1.78 + font-size: 1.03rem + +.page-lead, +.post-lead, +.hero-subtitle + font-size: 1.14rem + color: #213447 + max-width: 52rem + +.hero-grid + display: grid + grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.9fr) + gap: 1.4rem + align-items: stretch + +.hero-copy, +.profile-panel, +.feature-card, +.metric-card, +.timeline-card, +.about-card, +.contact-card, +.journal-card, +.quote-panel, +.cta-panel, +.blog-intro + border: 1px solid var(--line) + border-radius: calc(var(--radius-xl) - 10px) + background: var(--surface) + box-shadow: var(--shadow-md) + +.hero-copy + padding: clamp(1.6rem, 4vw, 2.6rem) + background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(232, 246, 244, 0.9)) + +.profile-panel + display: flex + flex-direction: column + justify-content: center + padding: 1.7rem + background: linear-gradient(180deg, rgba(10, 24, 39, 0.96), rgba(15, 43, 64, 0.96)) + color: #f7f3ea + +.profile-panel p, +.profile-panel li + color: rgba(247, 243, 234, 0.88) + +.profile-badge + width: 78px + height: 78px + display: grid + place-items: center + border-radius: 24px + background: linear-gradient(135deg, #f9d7c1, #8ee0d7) + color: #102033 + font-family: var(--heading-font) + font-size: 2rem + font-weight: 700 + margin-bottom: 1rem + +.profile-role + margin: 0 0 1rem + font-size: 1.1rem + color: #ffffff + +.profile-facts + margin: 0 + padding-left: 1.15rem + +.profile-facts li + margin: 0.5rem 0 + +.section-block + margin-top: 2rem + +.section-heading + display: flex + flex-direction: column + gap: 0.35rem + margin-bottom: 1rem + +.feature-grid, +.metric-grid, +.timeline-grid, +.about-grid, +.contact-grid, +.journal-grid + display: grid + gap: 1rem + +.feature-grid + grid-template-columns: repeat(2, minmax(0, 1fr)) + +.metric-grid + grid-template-columns: repeat(4, minmax(0, 1fr)) + +.timeline-grid, +.about-grid, +.journal-grid + grid-template-columns: repeat(2, minmax(0, 1fr)) + +.contact-grid + grid-template-columns: repeat(3, minmax(0, 1fr)) + +.feature-card, +.metric-card, +.timeline-card, +.about-card, +.contact-card, +.journal-card + padding: 1.35rem + +.metric-card + display: flex + flex-direction: column + gap: 0.45rem + align-items: flex-start + justify-content: space-between + background: linear-gradient(180deg, rgba(15, 123, 131, 0.08), rgba(255, 255, 255, 0.92)) + +.metric-value + display: inline-flex + align-items: center + justify-content: center + min-width: 68px + padding: 0.4rem 0.85rem + border-radius: 999px + background: var(--accent-soft) + color: var(--accent-dark) + font-family: var(--heading-font) + font-size: 1.8rem + +.metric-label + color: var(--ink-soft) + +.quote-panel + margin-top: 2rem + padding: 2rem + background: linear-gradient(135deg, rgba(16, 32, 51, 0.96), rgba(15, 123, 131, 0.88)) + color: #f8f4ec + +.quote-panel blockquote + margin: 0 + padding: 0 + background: transparent + border: 0 + color: #ffffff + font-family: var(--heading-font) + font-size: clamp(1.4rem, 3vw, 2.1rem) + line-height: 1.4 + +.quote-mark + margin: 0 + font-size: 4rem + line-height: 1 + color: rgba(255, 255, 255, 0.35) + +.quote-source + margin: 1rem 0 0 + color: rgba(248, 244, 236, 0.78) + +.cta-panel + margin-top: 2rem + padding: 1.8rem + display: flex + align-items: center + justify-content: space-between + gap: 1rem + background: linear-gradient(135deg, rgba(255, 244, 233, 0.95), rgba(220, 244, 241, 0.95)) + +.button-row + display: flex + flex-wrap: wrap + gap: 0.75rem + margin-top: 1.5rem + +.primary-link, +.secondary-link, +.post-return a, +.phase-links a + display: inline-flex + align-items: center + justify-content: center + border-radius: 999px + padding: 0.8rem 1.2rem + font-weight: 700 + text-decoration: none + box-shadow: none + +.primary-link + background: linear-gradient(135deg, var(--accent), var(--accent-dark)) + color: #ffffff + +.primary-link:hover + background: linear-gradient(135deg, #118a93, #0d4a5d) + box-shadow: none + +.secondary-link, +.phase-links a, +.post-return a + border: 1px solid rgba(16, 32, 51, 0.12) + background: rgba(255, 255, 255, 0.72) + color: var(--ink) + +.secondary-link:hover, +.phase-links a:hover, +.post-return a:hover + background: rgba(216, 240, 238, 0.72) + box-shadow: none + +.blog-intro + padding: 1.4rem + margin-bottom: 2rem + +.phase-links + display: flex + flex-wrap: wrap + gap: 0.75rem + margin-top: 1rem + +.phase-section + margin-top: 2rem + +.journal-card + display: flex + flex-direction: column + gap: 0.9rem + background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 252, 252, 0.94)) + +.journal-index, +.post-meta-row span, +.journal-meta span, +.contact-note + display: inline-flex + align-items: center + width: fit-content + border-radius: 999px + padding: 0.32rem 0.75rem + background: rgba(15, 123, 131, 0.12) + color: var(--accent-dark) + font-size: 0.9rem + font-weight: 700 + +.journal-card h3 a + color: var(--ink) + text-decoration: none + +.journal-card h3 a:hover + color: var(--accent-dark) + box-shadow: none + +.journal-meta, +.post-meta-row + display: flex + flex-wrap: wrap + gap: 0.55rem + +.prose + max-width: 54rem + +.prose p + margin: 0 0 1rem + +.prose p:first-child::first-letter + float: left + font-family: var(--heading-font) + font-size: 3.2rem + line-height: 0.9 + padding-right: 0.35rem + color: var(--warm) + +.post-return + width: min(1120px, calc(100% - 2rem)) + margin: -0.2rem auto 1.35rem + padding: 0 + text-align: right + background: transparent + box-shadow: none + +.site-footer + width: min(1120px, calc(100% - 2rem)) + margin: 0 auto 1.35rem + padding: 1.25rem 1.5rem + border: 1px solid rgba(255, 255, 255, 0.35) + border-radius: 24px + background: rgba(10, 24, 39, 0.9) + color: rgba(247, 243, 234, 0.84) + box-shadow: 0 16px 36px rgba(7, 18, 30, 0.18) + +.site-footer a + color: #f7f3ea + text-decoration: none + +.site-footer nav + display: flex + flex-wrap: wrap + gap: 0.35rem + +.site-footer nav a + border-radius: 999px + padding: 0.35rem 0.8rem + +.site-footer nav a:hover + background: rgba(255, 255, 255, 0.12) + box-shadow: none + +@media (max-width: 960px) + .hero-grid, + .feature-grid, + .metric-grid, + .timeline-grid, + .about-grid, + .contact-grid, + .journal-grid + grid-template-columns: 1fr + + .cta-panel + flex-direction: column + align-items: flex-start + +@media (max-width: 720px) + .site-header + width: calc(100% - 1rem) + border-radius: 28px + padding: 0.95rem 1rem + + .site-header h1 + width: 100% + + .page-card, + .post-card, + .site-footer, + .post-return + width: calc(100% - 1rem) + + h1 + font-size: clamp(2.2rem, 11vw, 3.6rem) + + .profile-panel, + .hero-copy, + .page-hero, + .post-hero, + .feature-card, + .metric-card, + .timeline-card, + .about-card, + .contact-card, + .journal-card, + .quote-panel, + .cta-panel, + .blog-intro + padding: 1.2rem diff --git a/blog.md b/blog.md index b14e5942b94..08295c18f2d 100644 --- a/blog.md +++ b/blog.md @@ -1,4 +1,79 @@ --- -layout: blog -title: Blog +layout: page +title: "Blog" +description: "A complete record of my computer engineering journey, organized as linked posts from admission to second semester growth." --- + +{% assign sorted_posts = site.posts | sort: "sequence" %} +{% assign phase_one = sorted_posts | where: "phase", "Getting In & Starting Out" %} +{% assign phase_two = sorted_posts | where: "phase", "First Semester Growth" %} +{% assign phase_three = sorted_posts | where: "phase", "Second Semester Momentum" %} + +
+

This page collects my full portfolio articles. Each article opens separately so the complete post can be read in detail.

+
+ Admission & Transition + First Semester Growth + Second Semester Momentum +
+
+ +
+
+

Phase 01

+

Getting In & Starting Out

+
+
+ {% for post in phase_one %} +
+ Article {{ post.sequence }} +

{{ post.title }}

+

{{ post.summary }}

+
+ {{ post.journey_stage }} + {{ post.read_time }} +
+
+ {% endfor %} +
+
+ +
+
+

Phase 02

+

First Semester Growth

+
+
+ {% for post in phase_two %} +
+ Article {{ post.sequence }} +

{{ post.title }}

+

{{ post.summary }}

+
+ {{ post.journey_stage }} + {{ post.read_time }} +
+
+ {% endfor %} +
+
+ +
+
+

Phase 03

+

Second Semester Momentum

+
+
+ {% for post in phase_three %} +
+ Article {{ post.sequence }} +

{{ post.title }}

+

{{ post.summary }}

+
+ {{ post.journey_stage }} + {{ post.read_time }} +
+
+ {% endfor %} +
+
diff --git a/contact.md b/contact.md new file mode 100644 index 00000000000..7c5a17421ef --- /dev/null +++ b/contact.md @@ -0,0 +1,54 @@ +--- +layout: page +title: "Contact" +description: "Ways to reach me for academic networking, portfolio feedback, and professional conversation." +--- + +
+
+

Let’s Connect

+

I am open to meaningful academic and professional conversations

+
+
+
+

Email

+

For portfolio feedback, academic discussion, or opportunities, email is the best way to reach me directly.

+ gondalasim665@gmail.com +
+
+

GitHub

+

You can also view my work and connect with me through my GitHub profile and portfolio repository.

+ github.com/asim-raza665 +
+
+

Academic Base

+

I am currently pursuing Computer Engineering at UET Lahore, Faisalabad Campus, where I continue building my technical and personal growth.

+ UET Lahore, Faisalabad Campus +
+
+
+ +
+
+

What I Welcome

+

Topics I would be glad to discuss

+
+
+
+

Student Journey

+

Conversations about admissions, hostel adjustment, scholarships, and managing the transition from college life to university.

+
+
+

Technical Growth

+

Learning programming, database systems, SQL, machine learning, and building confidence in computer engineering subjects.

+
+
+

Portfolio Feedback

+

Suggestions, collaboration ideas, and professional feedback that can help me improve my projects and presentation.

+
+
+

Academic Networking

+

Connecting with fellow students, mentors, and professionals who value learning, discipline, and skill-oriented progress.

+
+
+
diff --git a/index.md b/index.md index 49444b9da3f..58082767fda 100644 --- a/index.md +++ b/index.md @@ -1,11 +1,120 @@ --- layout: page -title: "" +title: "Home" +body_class: home-page +description: "A polished introduction to my academic path, achievements, and future direction in computer engineering." --- -# Asim Raza +
+
+

Computer Engineering Journey

+

Asim Raza

+

BSc Computer Engineering student at UET Lahore, Faisalabad Campus, building a future through discipline, gratitude, and practical learning.

+

I created this portfolio to present my journey from entry-test preparation to university life, technical growth, scholarships, hostel experiences, labs, and academic progress. It reflects how I am growing not only as a student, but also as a resilient and responsible future engineer.

+
+ Explore My Story + Read My Articles +
+
-Computer Engineering Student at UET Faisalabad +
+
AR
+

Emerging Computer Engineer

+
    +
  • University: UET Lahore, Faisalabad Campus
    • +
  • Focus: Programming, Databases, Machine Learning
    • +
  • Milestone: 3.83 CGPA in first semester
    • +
  • Mindset: Learn deeply, grow consistently, help others
    • +
+
+
-- Email: gondalasim665@gmail.com -- GitHub: [asim-raza665](https://github.com/asim-raza665) +
+
+

Journey Snapshot

+

Four defining parts of my story

+
+
+
+

Admission With Purpose

+

I balanced FSc board preparation with competitive entry tests and secured admission to UET Lahore in Computer Engineering through steady planning and self-study.

+
+
+

Support That Changed Everything

+

A life-changing scholarship and the trust of generous mentors removed financial barriers and gave me the strength to pursue higher education with confidence.

+
+
+

From Hostel Life to Labs

+

Living independently, adjusting to university routines, and learning through practical labs taught me adaptability, discipline, and confidence in new environments.

+
+
+

Growth Through Consistency

+

From struggling with Python in the beginning to completing a machine learning project and ranking near the top of my class, I learned how persistence creates results.

+
+
+
+ +
+
+

Academic Identity

+

What defines me as a student

+
+
+
+ 16 + portfolio articles documenting real experiences +
+
+ 3.83 + CGPA achieved in my first semester +
+
+ 3rd + position secured in my section +
+
+ 1 + clear mission: become skill-driven and impactful +
+
+
+ +
+
+

Core Strengths

+

The qualities I am building

+
+
+
+

Discipline

+

I learned to balance studies, hostel life, assignments, labs, and exam preparation through structured routines and strong self-management.

+
+
+

Adaptability

+

I adjusted to new cities, new people, online learning shifts, technical subjects, and challenging academic expectations without giving up.

+
+
+

Collaboration

+

Group study, supportive friends, and academic discussions helped me understand difficult concepts and grow with confidence.

+
+
+

Responsibility

+

When my teacher trusted me to guide classmates on the portfolio project, I discovered a new sense of leadership and service.

+
+
+
+ +
+

“

+
Your skills will define your future, not just your degree title.
+

A lesson from Dr. Bilal that continues to shape my direction in computer engineering.

+
+ +
+
+

Next Step

+

Read the complete journey in the blog section

+

The first page stays focused on my fixed introduction, while the blog page collects the full story article by article, exactly as required.

+
+ Open Blog +
From 95b688acb3fdc0ff2b1dc77efd7db13db4c783b6 Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Thu, 2 Apr 2026 23:18:35 +0500 Subject: [PATCH 10/71] Fix GitHub Pages Sass compatibility --- assets/css/portfolio.sass | 35 ++++++++++++++++++++++++----------- 1 file changed, 24 insertions(+), 11 deletions(-) diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index 1b30caba7d2..eb4bcbca3a3 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -46,7 +46,8 @@ body > footer top: 0 z-index: 20 margin: 1.25rem auto 0 - width: min(1120px, calc(100% - 2rem)) + width: calc(100% - 2rem) + max-width: 1120px border: 1px solid rgba(255, 255, 255, 0.45) border-radius: 999px background: rgba(10, 24, 39, 0.8) @@ -86,19 +87,20 @@ body > footer .page-card, .post-card - width: min(1120px, calc(100% - 2rem)) + width: calc(100% - 2rem) + max-width: 1120px margin: 1.35rem auto border: 1px solid var(--line) border-radius: var(--radius-xl) background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 252, 246, 0.94)) box-shadow: var(--shadow-lg) overflow: hidden - padding: clamp(1.4rem, 2.5vw, 2.4rem) + padding: 2rem .page-hero, .post-hero margin-bottom: 2.2rem - padding: clamp(1.5rem, 4vw, 2.4rem) + padding: 2rem border: 1px solid rgba(255, 255, 255, 0.5) border-radius: calc(var(--radius-xl) - 8px) background: linear-gradient(135deg, rgba(15, 123, 131, 0.12), rgba(255, 255, 255, 0.6) 42%, rgba(198, 107, 66, 0.12)) @@ -120,11 +122,11 @@ h1, h2, h3 line-height: 1.1 h1 - font-size: clamp(2.5rem, 6vw, 4.75rem) + font-size: 4.2rem margin: 0 h2 - font-size: clamp(1.7rem, 3vw, 2.55rem) + font-size: 2.35rem margin: 0 h3 @@ -166,7 +168,7 @@ p box-shadow: var(--shadow-md) .hero-copy - padding: clamp(1.6rem, 4vw, 2.6rem) + padding: 2.2rem background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(232, 246, 244, 0.9)) .profile-panel @@ -282,7 +284,7 @@ p border: 0 color: #ffffff font-family: var(--heading-font) - font-size: clamp(1.4rem, 3vw, 2.1rem) + font-size: 2rem line-height: 1.4 .quote-mark @@ -406,7 +408,8 @@ p color: var(--warm) .post-return - width: min(1120px, calc(100% - 2rem)) + width: calc(100% - 2rem) + max-width: 1120px margin: -0.2rem auto 1.35rem padding: 0 text-align: right @@ -414,7 +417,8 @@ p box-shadow: none .site-footer - width: min(1120px, calc(100% - 2rem)) + width: calc(100% - 2rem) + max-width: 1120px margin: 0 auto 1.35rem padding: 1.25rem 1.5rem border: 1px solid rgba(255, 255, 255, 0.35) @@ -454,6 +458,12 @@ p flex-direction: column align-items: flex-start + h1 + font-size: 3.5rem + + h2 + font-size: 2.05rem + @media (max-width: 720px) .site-header width: calc(100% - 1rem) @@ -470,7 +480,10 @@ p width: calc(100% - 1rem) h1 - font-size: clamp(2.2rem, 11vw, 3.6rem) + font-size: 2.8rem + + h2 + font-size: 1.8rem .profile-panel, .hero-copy, From c78d28a3474462e947459beca773b28f9c70d0d6 Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Thu, 2 Apr 2026 23:31:10 +0500 Subject: [PATCH 11/71] Fix GitHub Pages build compatibility --- README.md | 93 +++------------------ about.md | 1 + assets/css/portfolio.sass | 164 +++++++++++++++----------------------- blog.md | 1 + contact.md | 1 + 5 files changed, 77 insertions(+), 183 deletions(-) diff --git a/README.md b/README.md index c60cee4390f..364301c59ab 100644 --- a/README.md +++ b/README.md @@ -1,87 +1,12 @@ ---- -title: "About" -permalink: "/about/" -layout: page ---- +# Asim Raza Portfolio -## Github Pages +This repository contains my GitHub Pages portfolio site built with Jekyll. -Just fork this [repository](https://github.com/niklasbuschmann/contrast) to `your_username.github.io` and adjust the `_config.yml` to use with [Github Pages](https://pages.github.com/) and your page is done. +Live site: +- https://asim-raza665.github.io -## Features - - - dark mode - - [KaTeX](https://katex.org) included - - no external ressources - - optional sidebar - - archive page - - syntax highlighting - - supports comments via [disqus](https://disqus.com/) or [isso](http://posativ.org/isso/) - -## Installation - -To run locally [install Ruby](https://www.ruby-lang.org/en/documentation/installation/) and then run: - -``` -git clone https://github.com/niklasbuschmann/contrast.git -cd contrast -gem install bundler jekyll jekyll-feed -bundle exec jekyll serve -``` - -## Config - -Your `_config.yml` could for example look like this: - -```yaml -title: "Blog Title" -author: "Blog Author" -description: "My blog" -permalink: /:title/ -lang: "en" -excerpt_separator: "\n\n\n" -date_format: "%B %d, %Y" - -# Layout - -show_excerpts: true # show article excerpts instead of archive list on the home page -show_frame: true # display a grey frame on large screens -show_sidebar: false # show a sidebar instead of the usual header -show_minimal: false # remove all clutter - -# Menu # for available icons see https://fontawesome.com/v5/icons/ - -navigation: # accepts {file, title, url, icon, sidebaricon} - - {file: "archive.html", sidebaricon: home} - - {file: "README.md", sidebaricon: address-card} - -external: # accepts {file, title, url, icon, sidebaricon} - - {title: Mail, icon: envelope, url: "mailto:author@example.com"} - - {title: Github, icon: github, url: "https://github.com/"} - - {title: Subscribe, icon: rss, url: "/feed.xml"} - -comments: -# disqus_shortname: "" # see https://disqus.com -# isso_domain: "" # see https://isso-comments.de - -plugins: - - jekyll-feed -``` - -## Math - -Contrast comes preinstalled with a leightweight alternative to MathJax called [KaTeX](https://katex.org/). To display equations in a post simply set `mathjax: true` in the article's front matter. [Jektex](https://github.com/yagarea/jektex) can be used to pre-render math on the server side. - -## License - -[public domain](http://unlicense.org/) - -## Screenshots - -![screenshot](https://github.com/user-attachments/assets/8f0ef4bc-f079-495e-8c31-5867b8ccd25c) - -![screenshot](https://github.com/user-attachments/assets/e5e6d189-3251-41f4-baba-ff42be65f666) - -![screenshot](https://github.com/user-attachments/assets/d31879ae-7113-42be-b580-1e96a2aedd29) - -![screenshot](https://github.com/user-attachments/assets/d524ce47-8d8c-473e-afc6-79b34fae63e8) +Main sections: +- Home +- About +- Contact +- Blog diff --git a/about.md b/about.md index d97e8fe862f..b1279caa3c7 100644 --- a/about.md +++ b/about.md @@ -1,6 +1,7 @@ --- layout: page title: "About" +permalink: /about/ description: "A concise portrait of who I am, what shaped my journey, and the values guiding my growth in computer engineering." --- diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index eb4bcbca3a3..99f46b27eb4 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -1,38 +1,14 @@ --- --- -:root - --bg: #f4efe6 - --bg-deep: #e3dccf - --surface: rgba(255, 251, 244, 0.9) - --surface-strong: #fffdf8 - --surface-accent: #eef7f6 - --ink: #102033 - --ink-soft: #415263 - --line: rgba(16, 32, 51, 0.12) - --accent: #0f7b83 - --accent-dark: #0d5165 - --accent-soft: #d8f0ee - --warm: #c66b42 - --warm-soft: #f8e5db - --shadow-lg: 0 28px 70px rgba(16, 32, 51, 0.14) - --shadow-md: 0 16px 40px rgba(16, 32, 51, 0.08) - --radius-xl: 28px - --radius-lg: 20px - --radius-md: 14px - --heading-font: "Palatino Linotype", "Book Antiqua", Georgia, serif - --body-font: "PT Sans", "Segoe UI", sans-serif - html scroll-behavior: smooth body - font-family: var(--body-font) - color: var(--ink) - background-color: var(--bg) - background-image: radial-gradient(circle at top left, rgba(15, 123, 131, 0.14), transparent 24%), radial-gradient(circle at top right, rgba(198, 107, 66, 0.15), transparent 22%), linear-gradient(180deg, rgba(255, 255, 255, 0.35), transparent 28%), linear-gradient(rgba(16, 32, 51, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(16, 32, 51, 0.04) 1px, transparent 1px) - background-size: auto, auto, auto, 32px 32px, 32px 32px - background-position: 0 0, 100% 0, 0 0, center, center + font-family: "PT Sans", "Segoe UI", sans-serif + color: #102033 + background: #f4efe6 + background-image: radial-gradient(circle at top left, rgba(15, 123, 131, 0.14), transparent 24%), radial-gradient(circle at top right, rgba(198, 107, 66, 0.15), transparent 22%), linear-gradient(180deg, rgba(255, 255, 255, 0.35), transparent 28%) body > header, body > article, @@ -45,19 +21,18 @@ body > footer position: sticky top: 0 z-index: 20 - margin: 1.25rem auto 0 - width: calc(100% - 2rem) + width: 94% max-width: 1120px + margin: 1.25rem auto 0 + padding: 1rem 1.5rem border: 1px solid rgba(255, 255, 255, 0.45) border-radius: 999px - background: rgba(10, 24, 39, 0.8) - backdrop-filter: blur(18px) + background: rgba(10, 24, 39, 0.88) box-shadow: 0 14px 40px rgba(7, 18, 30, 0.2) color: #f7f3ea - padding: 1rem 1.5rem .site-header h1 - font-family: var(--heading-font) + font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif letter-spacing: 0.03em .site-header a @@ -74,67 +49,63 @@ body > footer color: #f7f3ea font-size: 0.98rem text-decoration: none - transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease - -.site-header nav a:hover - background: rgba(255, 255, 255, 0.14) - color: #ffffff - transform: translateY(-1px) + transition: background 0.2s ease, color 0.2s ease +.site-header nav a:hover, .site-header nav a.is-active - background: rgba(255, 255, 255, 0.18) + background: rgba(255, 255, 255, 0.16) color: #ffffff .page-card, .post-card - width: calc(100% - 2rem) + width: 94% max-width: 1120px margin: 1.35rem auto - border: 1px solid var(--line) - border-radius: var(--radius-xl) - background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 252, 246, 0.94)) - box-shadow: var(--shadow-lg) - overflow: hidden padding: 2rem + border: 1px solid rgba(16, 32, 51, 0.12) + border-radius: 28px + background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 252, 246, 0.96)) + box-shadow: 0 28px 70px rgba(16, 32, 51, 0.14) + overflow: hidden .page-hero, .post-hero margin-bottom: 2.2rem padding: 2rem border: 1px solid rgba(255, 255, 255, 0.5) - border-radius: calc(var(--radius-xl) - 8px) - background: linear-gradient(135deg, rgba(15, 123, 131, 0.12), rgba(255, 255, 255, 0.6) 42%, rgba(198, 107, 66, 0.12)) + border-radius: 20px + background: linear-gradient(135deg, rgba(15, 123, 131, 0.12), rgba(255, 255, 255, 0.7) 42%, rgba(198, 107, 66, 0.12)) .home-page .page-hero display: none .eyebrow margin: 0 0 0.65rem - color: var(--accent-dark) + color: #0d5165 font-size: 0.8rem font-weight: 700 letter-spacing: 0.16em text-transform: uppercase h1, h2, h3 - font-family: var(--heading-font) - color: var(--ink) + font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif + color: #102033 line-height: 1.1 h1 - font-size: 4.2rem margin: 0 + font-size: 4.2rem h2 - font-size: 2.35rem margin: 0 + font-size: 2.35rem h3 - font-size: 1.32rem margin: 0 0 0.7rem + font-size: 1.32rem p - color: var(--ink-soft) + color: #415263 line-height: 1.78 font-size: 1.03rem @@ -147,7 +118,7 @@ p .hero-grid display: grid - grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.9fr) + grid-template-columns: 1.7fr 0.9fr gap: 1.4rem align-items: stretch @@ -162,14 +133,14 @@ p .quote-panel, .cta-panel, .blog-intro - border: 1px solid var(--line) - border-radius: calc(var(--radius-xl) - 10px) - background: var(--surface) - box-shadow: var(--shadow-md) + border: 1px solid rgba(16, 32, 51, 0.12) + border-radius: 18px + background: rgba(255, 251, 244, 0.92) + box-shadow: 0 16px 40px rgba(16, 32, 51, 0.08) .hero-copy padding: 2.2rem - background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(232, 246, 244, 0.9)) + background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(232, 246, 244, 0.92)) .profile-panel display: flex @@ -188,13 +159,13 @@ p height: 78px display: grid place-items: center + margin-bottom: 1rem border-radius: 24px background: linear-gradient(135deg, #f9d7c1, #8ee0d7) color: #102033 - font-family: var(--heading-font) + font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif font-size: 2rem font-weight: 700 - margin-bottom: 1rem .profile-role margin: 0 0 1rem @@ -227,18 +198,18 @@ p gap: 1rem .feature-grid - grid-template-columns: repeat(2, minmax(0, 1fr)) + grid-template-columns: repeat(2, 1fr) .metric-grid - grid-template-columns: repeat(4, minmax(0, 1fr)) + grid-template-columns: repeat(4, 1fr) .timeline-grid, .about-grid, .journal-grid - grid-template-columns: repeat(2, minmax(0, 1fr)) + grid-template-columns: repeat(2, 1fr) .contact-grid - grid-template-columns: repeat(3, minmax(0, 1fr)) + grid-template-columns: repeat(3, 1fr) .feature-card, .metric-card, @@ -257,19 +228,17 @@ p background: linear-gradient(180deg, rgba(15, 123, 131, 0.08), rgba(255, 255, 255, 0.92)) .metric-value - display: inline-flex - align-items: center - justify-content: center + display: inline-block min-width: 68px padding: 0.4rem 0.85rem border-radius: 999px - background: var(--accent-soft) - color: var(--accent-dark) - font-family: var(--heading-font) + background: #d8f0ee + color: #0d5165 + font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif font-size: 1.8rem .metric-label - color: var(--ink-soft) + color: #415263 .quote-panel margin-top: 2rem @@ -283,7 +252,7 @@ p background: transparent border: 0 color: #ffffff - font-family: var(--heading-font) + font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif font-size: 2rem line-height: 1.4 @@ -316,17 +285,15 @@ p .secondary-link, .post-return a, .phase-links a - display: inline-flex - align-items: center - justify-content: center - border-radius: 999px + display: inline-block padding: 0.8rem 1.2rem + border-radius: 999px font-weight: 700 text-decoration: none box-shadow: none .primary-link - background: linear-gradient(135deg, var(--accent), var(--accent-dark)) + background: linear-gradient(135deg, #0f7b83, #0d5165) color: #ffffff .primary-link:hover @@ -338,7 +305,7 @@ p .post-return a border: 1px solid rgba(16, 32, 51, 0.12) background: rgba(255, 255, 255, 0.72) - color: var(--ink) + color: #102033 .secondary-link:hover, .phase-links a:hover, @@ -369,22 +336,20 @@ p .post-meta-row span, .journal-meta span, .contact-note - display: inline-flex - align-items: center - width: fit-content - border-radius: 999px + display: inline-block padding: 0.32rem 0.75rem + border-radius: 999px background: rgba(15, 123, 131, 0.12) - color: var(--accent-dark) + color: #0d5165 font-size: 0.9rem font-weight: 700 .journal-card h3 a - color: var(--ink) + color: #102033 text-decoration: none .journal-card h3 a:hover - color: var(--accent-dark) + color: #0d5165 box-shadow: none .journal-meta, @@ -401,14 +366,14 @@ p .prose p:first-child::first-letter float: left - font-family: var(--heading-font) - font-size: 3.2rem - line-height: 0.9 padding-right: 0.35rem - color: var(--warm) + line-height: 0.9 + color: #c66b42 + font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif + font-size: 3.2rem .post-return - width: calc(100% - 2rem) + width: 94% max-width: 1120px margin: -0.2rem auto 1.35rem padding: 0 @@ -417,7 +382,7 @@ p box-shadow: none .site-footer - width: calc(100% - 2rem) + width: 94% max-width: 1120px margin: 0 auto 1.35rem padding: 1.25rem 1.5rem @@ -437,8 +402,8 @@ p gap: 0.35rem .site-footer nav a - border-radius: 999px padding: 0.35rem 0.8rem + border-radius: 999px .site-footer nav a:hover background: rgba(255, 255, 255, 0.12) @@ -466,9 +431,9 @@ p @media (max-width: 720px) .site-header - width: calc(100% - 1rem) - border-radius: 28px + width: 96% padding: 0.95rem 1rem + border-radius: 28px .site-header h1 width: 100% @@ -477,7 +442,8 @@ p .post-card, .site-footer, .post-return - width: calc(100% - 1rem) + width: 96% + padding: 1.2rem h1 font-size: 2.8rem diff --git a/blog.md b/blog.md index 08295c18f2d..9a3bcfe894c 100644 --- a/blog.md +++ b/blog.md @@ -1,6 +1,7 @@ --- layout: page title: "Blog" +permalink: /blog/ description: "A complete record of my computer engineering journey, organized as linked posts from admission to second semester growth." --- diff --git a/contact.md b/contact.md index 7c5a17421ef..97b57ea8460 100644 --- a/contact.md +++ b/contact.md @@ -1,6 +1,7 @@ --- layout: page title: "Contact" +permalink: /contact/ description: "Ways to reach me for academic networking, portfolio feedback, and professional conversation." --- From d436d700fe07febc251e381b67eb31bcea9d1f3b Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Fri, 3 Apr 2026 00:39:34 +0500 Subject: [PATCH 12/71] Refactor portfolio for scalable blog and image support --- _config.yml | 36 +- _drafts/article-template.md | 54 ++ _includes/figure.html | 6 + _includes/head.html | 10 + _includes/menu.html | 4 +- _includes/post-card.html | 35 + _includes/post-navigation.html | 25 + _includes/post-taxonomy.html | 13 + _includes/reading-time.html | 11 + _includes/social-links.html | 11 + _layouts/default.html | 24 +- _layouts/page.html | 2 +- _layouts/post.html | 45 +- ...mission-in-uet-lahore-faisalabad-campus.md | 17 +- ...he-support-that-made-my-dreams-possible.md | 16 +- ...26-01-03-my-first-journey-to-university.md | 13 +- .../2026-01-04-my-first-hostel-experience.md | 13 +- ...nd-first-class-at-uet-faisalabad-campus.md | 13 +- ...university-life-and-building-my-routine.md | 13 +- ...-lab-experience-and-learning-new-skills.md | 13 +- ...or-who-changed-our-perspective-dr-bilal.md | 13 +- ...p-study-and-my-midterm-exams-experience.md | 13 +- ...-10-final-exams-and-academic-challenges.md | 13 +- ...emester-challenges-learning-and-success.md | 16 +- ...d-semester-journey-and-early-challenges.md | 13 +- ...-lab-experience-learning-database-tools.md | 13 +- ...-an-unexpected-shift-to-online-learning.md | 13 +- ...sql-learning-and-collaborative-projects.md | 13 +- ...-challenges-projects-and-responsibility.md | 16 +- about.md | 79 +- assets/css/portfolio.sass | 776 ++++++++++++++---- assets/images/favicon.svg | 17 + assets/images/posts/.gitkeep | 1 + .../posts/first-semester-success/cover.svg | 24 + .../posts/journey-to-admission/cover.svg | 22 + .../posts/life-changing-scholarship/cover.svg | 23 + .../posts/online-lab-responsibility/cover.svg | 23 + assets/js/blog.js | 109 +++ assets/js/site.js | 106 +++ blog.md | 103 ++- categories.md | 44 + contact.md | 48 +- index.md | 189 +++-- tags.md | 44 + 44 files changed, 1734 insertions(+), 371 deletions(-) create mode 100644 _drafts/article-template.md create mode 100644 _includes/figure.html create mode 100644 _includes/post-card.html create mode 100644 _includes/post-navigation.html create mode 100644 _includes/post-taxonomy.html create mode 100644 _includes/reading-time.html create mode 100644 _includes/social-links.html create mode 100644 assets/images/favicon.svg create mode 100644 assets/images/posts/.gitkeep create mode 100644 assets/images/posts/first-semester-success/cover.svg create mode 100644 assets/images/posts/journey-to-admission/cover.svg create mode 100644 assets/images/posts/life-changing-scholarship/cover.svg create mode 100644 assets/images/posts/online-lab-responsibility/cover.svg create mode 100644 assets/js/blog.js create mode 100644 assets/js/site.js create mode 100644 categories.md create mode 100644 tags.md diff --git a/_config.yml b/_config.yml index fd0226a2102..990529e19cf 100644 --- a/_config.yml +++ b/_config.yml @@ -1,9 +1,22 @@ title: "Asim Raza" author: "Asim Raza" -description: "Computer Engineering student at UET Lahore, Faisalabad Campus, documenting growth, resilience, and technical learning." +tagline: "Computer Engineering student passionate about learning, building projects, and documenting long-term growth." +description: "Computer Engineering student from Mandi Bahauddin, Punjab, Pakistan, building a long-term portfolio of projects, technical skills, and weekly reflections." +url: "https://asim-raza665.github.io" permalink: /blog/:title/ lang: "en" date_format: "%B %d, %Y" +location: "Mandi Bahauddin, Punjab, Pakistan" +posts_per_page: 6 +latest_posts_limit: 3 +featured_posts_limit: 3 +footer_note: "Built with GitHub Pages" +favicon: "/assets/images/favicon.svg" + +social: + email: "gondalasim665@gmail.com" + github: "https://github.com/asim-raza665" + linkedin: "" show_excerpts: false show_frame: false @@ -21,9 +34,10 @@ external: - {title: "GitHub", icon: github, url: "https://github.com/asim-raza665"} footer: - - {file: "about.md", title: "Journey"} + - {file: "about.md", title: "About"} - {file: "blog.md", title: "Articles"} - - {title: "GitHub", url: "https://github.com/asim-raza665"} + - {file: "categories.md", title: "Categories"} + - {file: "tags.md", title: "Tags"} comments: @@ -32,3 +46,19 @@ plugins: sass: style: compressed + +defaults: + - scope: + path: "" + type: "posts" + values: + layout: post + author: "Asim Raza" + featured: false + featured_image: "" + featured_image_alt: "" + featured_image_caption: "" + +exclude: + - repo-backup-master + - repo-backup-master.zip diff --git a/_drafts/article-template.md b/_drafts/article-template.md new file mode 100644 index 00000000000..dbeb40101a5 --- /dev/null +++ b/_drafts/article-template.md @@ -0,0 +1,54 @@ +--- +layout: post +title: "Replace with your article title" +date: 2026-04-03 +categories: + - category-name +tags: + - tag-one + - tag-two +summary: "Write a short summary for cards, previews, and SEO." +featured: false +featured_image: /assets/images/posts/article-name/cover.jpg +featured_image_alt: "Describe the featured image clearly" +featured_image_caption: "Optional caption for the featured image" +--- + +## Introduction + +Write a short introduction that explains the context, why this topic matters, and what the reader will learn from the article. + +## Step-by-Step Explanation + +### 1. Starting Point + +Explain where the situation began and what challenge or goal shaped the article. + +### 2. Process + +Describe the actions, learning steps, decisions, or experiences in a clear sequence. + +### 3. Outcome + +Share what you achieved, learned, or improved by the end of the process. + +## Code or Examples + +```text +Add commands, code snippets, structured notes, or short examples here. +``` + +![Replace with image alt text](/assets/images/posts/article-name/example.jpg "Optional image caption") + +## Conclusion + +Close with the lesson, insight, or next step that connects this article to your long-term growth. + +{% comment %} +Optional advanced image usage: +{% include figure.html + src="/assets/images/posts/article-name/example.jpg" + alt="Describe the image" + caption="Optional caption" +%} +{% endcomment %} diff --git a/_includes/figure.html b/_includes/figure.html new file mode 100644 index 00000000000..f411153722c --- /dev/null +++ b/_includes/figure.html @@ -0,0 +1,6 @@ +
+ {{ include.alt | default: '' }} + {% if include.caption %} +
{{ include.caption }}
+ {% endif %} +
diff --git a/_includes/head.html b/_includes/head.html index 9b61316f6d7..7df64629d95 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -6,7 +6,15 @@ + + + + +{% if page.featured_image and page.featured_image != "" %} + +{% endif %} + {%- if site.show_minimal -%} {%- elsif site.show_frame -%} @@ -32,4 +40,6 @@ {%- if site.comments.isso_domain and page.layout == "post" -%} {%- endif -%} + + {%- if site.show_sidebar %}{% include sidebar.html %}{% endif %} diff --git a/_includes/menu.html b/_includes/menu.html index 6dc79e896ac..f91c082e92a 100644 --- a/_includes/menu.html +++ b/_includes/menu.html @@ -1,9 +1,10 @@ {%- if include.menu -%} -
+ {%- for item in include.menu -%} {%- assign node = site.pages | where: "name", item.file | first -%} {%- assign url = item.url | default: node.url -%} {%- assign title = item.title | default: node.title -%} + {%- if url and title -%} {%- if item.icon -%} @@ -11,6 +12,7 @@ {{ title }} {%- endif -%} + {%- endif -%} {%- endfor -%}
{%- endif -%} diff --git a/_includes/post-card.html b/_includes/post-card.html new file mode 100644 index 00000000000..1a8de2c95b2 --- /dev/null +++ b/_includes/post-card.html @@ -0,0 +1,35 @@ +{% assign post = include.post %} +{% capture computed_reading_time %}{% include reading-time.html content=post.content override=post.read_time %}{% endcapture %} +{% assign post_summary = post.summary | default: post.excerpt | strip_html | strip %} +{% capture search_blob %}{{ post.title }} {{ post_summary }} {{ post.categories | join: ' ' }} {{ post.tags | join: ' ' }}{% endcapture %} +{% assign has_featured_image = false %} +{% if post.featured_image and post.featured_image != "" %} + {% assign has_featured_image = true %} +{% endif %} + +
+ + {% if has_featured_image %} + {{ post.featured_image_alt | default: post.title }} + {% else %} + {{ post.categories | first | default: "Article" | replace: "-", " " }} + {{ post.title }} + {% endif %} + {% if post.featured %} + Featured + {% endif %} + + +
+
+ {{ post.date | date: site.date_format }} + {{ computed_reading_time | strip }} +
+

{{ post.title }}

+

{{ post_summary }}

+ {% include post-taxonomy.html items=post.categories type="category" %} + {% if include.show_tags %} + {% include post-taxonomy.html items=post.tags type="tag" %} + {% endif %} +
+
diff --git a/_includes/post-navigation.html b/_includes/post-navigation.html new file mode 100644 index 00000000000..e6a9ece7b3f --- /dev/null +++ b/_includes/post-navigation.html @@ -0,0 +1,25 @@ +
+ {% if page.previous %} + + Previous Article + {{ page.previous.title }} + + {% else %} + + Previous Article + No earlier article + + {% endif %} + + {% if page.next %} + + Next Article + {{ page.next.title }} + + {% else %} + + Next Article + No newer article + + {% endif %} +
diff --git a/_includes/post-taxonomy.html b/_includes/post-taxonomy.html new file mode 100644 index 00000000000..87f609bbf25 --- /dev/null +++ b/_includes/post-taxonomy.html @@ -0,0 +1,13 @@ +{% if include.items and include.items.size > 0 %} +
+ {% for item in include.items %} + {% assign item_slug = item | slugify %} + {% if include.type == "tag" %} + {% assign item_url = "/tags/#" | append: item_slug %} + {% else %} + {% assign item_url = "/categories/#" | append: item_slug %} + {% endif %} + {{ item | replace: "-", " " }} + {% endfor %} +
+{% endif %} diff --git a/_includes/reading-time.html b/_includes/reading-time.html new file mode 100644 index 00000000000..bf79994e0de --- /dev/null +++ b/_includes/reading-time.html @@ -0,0 +1,11 @@ +{% if include.override and include.override != "" %} +{{ include.override }} +{% else %} +{% assign plain_content = include.content | strip_html | strip_newlines %} +{% assign word_count = plain_content | split: " " | size %} +{% assign reading_minutes = word_count | plus: 179 | divided_by: 180 %} +{% if reading_minutes < 1 %} + {% assign reading_minutes = 1 %} +{% endif %} +{{ reading_minutes }} min read +{% endif %} diff --git a/_includes/social-links.html b/_includes/social-links.html new file mode 100644 index 00000000000..b584d4a5b1c --- /dev/null +++ b/_includes/social-links.html @@ -0,0 +1,11 @@ + + {% if site.social.email and site.social.email != "" %} + Email + {% endif %} + {% if site.social.github and site.social.github != "" %} + GitHub + {% endif %} + {% if site.social.linkedin and site.social.linkedin != "" %} + LinkedIn + {% endif %} + diff --git a/_layouts/default.html b/_layouts/default.html index 2a523415376..5edd3472e0a 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -10,17 +10,27 @@

{{ site.title | escape }}

{% endunless %} - {% include menu.html menu=site.navigation %} - {% include menu.html menu=site.external %} + {% include menu.html menu=site.navigation class_name="site-header__nav" %} + {% include menu.html menu=site.external class_name="site-header__external" %} - {{ content }} +
+ {{ content }} +
- {%- if site.footer -%}
-
{{ site.description }}
- {% include menu.html menu=site.footer %} +
+
+

{{ site.title }}

+

{{ site.tagline }}

+

{{ site.location }}

+
+
+

© {{ site.time | date: "%Y" }} {{ site.author }} | {{ site.footer_note }}

+ {% include social-links.html class_name="site-footer__social" %} +
+
+ {% include menu.html menu=site.footer class_name="site-footer__nav" %}
- {%- endif -%} diff --git a/_layouts/page.html b/_layouts/page.html index 610b22a15f4..94c1bce90e7 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -4,7 +4,7 @@
{% if page.title and page.title != "Home" %}
-

Portfolio Section

+

{{ page.eyebrow | default: "Portfolio Section" }}

{{ page.title }}

{% if page.description %}

{{ page.description }}

{% endif %}
diff --git a/_layouts/post.html b/_layouts/post.html index 802cbaf6270..e7c26ce1287 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -2,23 +2,50 @@ layout: default --- +{% capture computed_reading_time %}{% include reading-time.html content=page.content override=page.read_time %}{% endcapture %} +{% assign has_featured_image = false %} +{% if page.featured_image and page.featured_image != "" %} + {% assign has_featured_image = true %} +{% endif %} +
- {% if page.phase %}

{{ page.phase }}

{% endif %} +

{{ page.phase | default: page.categories | first | default: "Article" | replace: "-", " " }}

{{ page.title }}

{% if page.summary %}

{{ page.summary }}

{% endif %}
- {% if page.journey_stage %}{{ page.journey_stage }}{% endif %} - {% if page.read_time %}{{ page.read_time }} read{% endif %} - {% if page.sequence %}Article {{ page.sequence }}{% endif %} + {{ page.date | date: site.date_format }} + {{ computed_reading_time | strip }} + {% if page.featured %}Featured{% endif %}
+ {% include post-taxonomy.html items=page.categories type="category" %} + {% include post-taxonomy.html items=page.tags type="tag" %}
-
- {{ content }} + {% if has_featured_image %} +
+ {{ page.featured_image_alt | default: page.title }} + {% if page.featured_image_caption %} +
{{ page.featured_image_caption }}
+ {% endif %} +
+ {% endif %} + +
+
+

On This Page

+
+
+ +
+ {{ content }} +
-
- Back to the blog -
+
+
+ Back to the blog +
+ {% include post-navigation.html %} +
diff --git a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md index a885759fdec..c3df8703b55 100644 --- a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md +++ b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md @@ -1,13 +1,26 @@ ---- +--- layout: post title: "My Journey to Admission in UET Lahore (Faisalabad Campus)" +date: 2026-01-01 +categories: + - admissions + - academic-journey +tags: + - uet-lahore + - ecat + - entry-test + - self-study +featured: true +featured_image: /assets/images/posts/journey-to-admission/cover.svg +featured_image_alt: "Illustrated cover for Asim Raza's admission journey to UET Lahore Faisalabad Campus" +featured_image_caption: "A visual cover representing the beginning of my computer engineering journey." sequence: 1 phase: "Getting In & Starting Out" journey_stage: "Admission Journey" -read_time: "4 min" summary: "How I balanced board exams and entry tests to secure admission to UET Lahore, Faisalabad Campus, in Computer Engineering." --- + My journey toward becoming a Computer Engineering student began during the final phase of my FSc Part-II. It was one of the most important and challenging periods of my academic life because I had to handle multiple responsibilities at the same time. While many students around me were fully focused only on their board exams, I found myself balancing two major challenges together: preparing seriously for my intermediate examinations and, at the same time, getting ready for different university entrance tests. I realized early that securing admission to a well-reputed engineering university was not possible without proper planning, consistent effort, and strong determination. That is why I decided to start my preparation for entry tests alongside my academic studies instead of waiting until the exams were over. For my preparation, I mainly relied on my FSc textbooks because they provided the basic concepts required for all entry tests. Along with that, I also used different online platforms that offered practice material, past papers, and mock tests. These resources helped me understand the pattern of entry tests and improve my speed and accuracy. This combination of self-study and online practice proved very effective for me. However, managing both board exam preparation and entry test preparation at the same time was not an easy task. There were moments when it became stressful and difficult to maintain focus, but I stayed committed to my goal. This phase taught me discipline, patience, and strong time management skills, which later became very helpful in my university life. diff --git a/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md b/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md index 828cde9513f..12e4f84ab70 100644 --- a/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md +++ b/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md @@ -1,13 +1,25 @@ ---- +--- layout: post title: "A Life-Changing Scholarship – The Support That Made My Dreams Possible" +date: 2026-01-02 +categories: + - scholarship + - academic-journey +tags: + - financial-support + - mentorship + - opportunity +featured: true +featured_image: /assets/images/posts/life-changing-scholarship/cover.svg +featured_image_alt: "Illustrated cover for a life-changing scholarship story" +featured_image_caption: "A visual cover symbolizing support, opportunity, and educational hope." sequence: 2 phase: "Getting In & Starting Out" journey_stage: "Scholarship Support" -read_time: "6 min" summary: "A story of unexpected support, generous mentors, and the scholarship that made my higher education possible." --- + Every student has a story behind their academic journey, but some stories are shaped not only by hard work, but also by unexpected kindness and support from others. My journey toward higher education is one of those stories, a journey where a simple, random meeting changed the direction of my life and made my dreams achievable. It all started during my FSc Part-II. At that time, like many students, I was focused on completing my intermediate education and thinking about my future. One day, while walking in the street, I randomly met an old school friend. It was a normal and casual meeting at first, but it turned out to be one of the most important moments of my life. During our conversation, he mentioned that his aunt wanted to meet me regarding a scholarship opportunity. His aunt, whom I already knew as my teacher from my early school years in 5th and 6th class, had always been a kind and supportive person. Her name was Madam Tasmiha. diff --git a/_posts/2026-01-03-my-first-journey-to-university.md b/_posts/2026-01-03-my-first-journey-to-university.md index a8dfcd35264..8091edae48f 100644 --- a/_posts/2026-01-03-my-first-journey-to-university.md +++ b/_posts/2026-01-03-my-first-journey-to-university.md @@ -1,13 +1,22 @@ ---- +--- layout: post title: "My First Journey to University" +date: 2026-01-03 +categories: + - transition + - student-life +tags: + - travel + - independence + - first-day +featured: false sequence: 3 phase: "Getting In & Starting Out" journey_stage: "First Departure" -read_time: "4 min" summary: "The emotional, uncertain, and unforgettable journey from home to UET Faisalabad for the very first time." --- + The journey to university is always a memorable and emotional moment in a student’s life, and mine was no different. In fact, it was one of the most important transitions in my life because it was the first time I was leaving my home to start a completely new phase. Everything felt new and uncertain, yet exciting at the same time. The night before my departure, I carefully prepared all my necessary belongings, including clothes, shoes, and other daily essentials. I made sure that everything was properly packed and organized because I knew the next day would be both hectic and emotional. I did not want to forget anything important, as I would be away from home for a long time. Early in the morning, around 7 a.m., I left my home with my father on a bike and headed toward the bus stand. That short ride felt very long because my mind was filled with different thoughts and emotions. Saying goodbye to my family was not easy at all. It was a deeply emotional moment, as I was stepping into a new life away from the comfort of my home. There was excitement for the journey ahead, but at the same time, there was sadness in leaving my loved ones behind. These mixed feelings stayed with me as I boarded the bus. diff --git a/_posts/2026-01-04-my-first-hostel-experience.md b/_posts/2026-01-04-my-first-hostel-experience.md index e7962c044cc..ea42858c8a7 100644 --- a/_posts/2026-01-04-my-first-hostel-experience.md +++ b/_posts/2026-01-04-my-first-hostel-experience.md @@ -1,13 +1,22 @@ ---- +--- layout: post title: "My First Hostel Experience" +date: 2026-01-04 +categories: + - student-life + - hostel-life +tags: + - adjustment + - independence + - friendship +featured: false sequence: 4 phase: "Getting In & Starting Out" journey_stage: "Hostel Adjustment" -read_time: "4 min" summary: "How my first days in the hostel began with discomfort and uncertainty but gradually turned into growth and friendship." --- + After securing my admission in UET Lahore (Faisalabad Campus), a completely new chapter of my life began, my very first experience of hostel life. Before joining university, I had never stayed in a hostel or lived away from my home for such a long period. Because of this, everything about this transition felt new, unfamiliar, and a bit overwhelming for me. I was both excited and nervous at the same time, as I did not know what to expect from this new lifestyle. When the university announced that hostel rooms would be allotted on a “first come, first serve” basis, I did not take this information very seriously. I thought that I would easily get a place in one of the better hostels without any difficulty. Due to this casual approach, I arrived at the campus without much urgency. However, when I reached there, I quickly realized that I had made a mistake. The most well-known hostels, Al-Biruni Hall and Ali Hall, were already fully occupied by new students who had arrived earlier. At that moment, I understood the importance of timing and planning. diff --git a/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md b/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md index 48a5f17dec5..afa40e719bb 100644 --- a/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md +++ b/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md @@ -1,13 +1,22 @@ ---- +--- layout: post title: "My First Day and First Class at UET Faisalabad Campus" +date: 2026-01-05 +categories: + - student-life + - academics +tags: + - first-class + - campus-life + - programming +featured: false sequence: 5 phase: "Getting In & Starting Out" journey_stage: "First Day on Campus" -read_time: "4 min" summary: "An unforgettable first day filled with confusion, curiosity, first classes, and the realization that university life would demand much more from me." --- + After settling into hostel life, the next big step in my journey was my very first day of classes at UET Faisalabad Campus. That morning felt completely different from the previous days because it carried a unique mix of excitement, curiosity, and nervousness. Since it was my first university class, I wanted everything to go perfectly. I woke up early in the morning, took a shower, got fully ready, and carefully packed my bag with the basic items I had at that time, including a register, a pen, and a few markers. I was not even sure what other stationery items would be required, but I tried my best to be prepared. As I walked toward the university campus, I observed everything very carefully. I noticed the buildings, the movement of students, and the overall environment around me. Being a newcomer, I wanted to present myself confidently in front of others, even though deep inside I was feeling a bit unsure and nervous. Everything around me was new, and I was trying to adjust myself to this new atmosphere. diff --git a/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md b/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md index 42ab28eba50..27281815e88 100644 --- a/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md +++ b/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md @@ -1,13 +1,22 @@ ---- +--- layout: post title: "Adjusting to University Life and Building My Routine" +date: 2026-01-06 +categories: + - academics + - growth +tags: + - routine + - programming-fundamentals + - adaptation +featured: false sequence: 6 phase: "First Semester Growth" journey_stage: "Building Routine" -read_time: "5 min" summary: "The difficult but valuable process of adapting to university studies, programming, English lectures, and a completely new routine." --- + After experiencing my first day at university, the real challenge began, adjusting to a completely new academic and social environment. The first week of classes was a mixture of confusion, curiosity, and pressure. Everything felt very different from my FSc life, where studies were more structured, guided, and predictable. In university, I had to manage everything on my own, including attending lectures, completing assignments, handling hostel life, and doing self-study. This sudden shift in responsibility made the initial days quite challenging for me. One of the biggest challenges I faced was the subject of Programming Fundamentals. Coming from an FSc Pre-Engineering background, and even earlier from a biology-focused matric, I had no exposure to computers or programming at all. While subjects like Calculus, Applied Physics, and Discrete Mathematics were somewhat familiar and easier to understand, programming was completely new and unfamiliar for me. In our first lectures, we started learning Python, beginning with very basic concepts such as variables. For many students, these concepts seemed simple and easy to grasp, but for me, everything felt new and difficult to understand. I had to put in extra effort just to follow what was being taught in class. diff --git a/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md b/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md index 947192a8251..b2b7a64d28f 100644 --- a/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md +++ b/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md @@ -1,13 +1,22 @@ ---- +--- layout: post title: "My First Lab Experience and Learning New Skills" +date: 2026-01-07 +categories: + - labs + - skills +tags: + - python + - ict + - self-study +featured: false sequence: 7 phase: "First Semester Growth" journey_stage: "First Lab Experience" -read_time: "4 min" summary: "My earliest practical labs taught me coding discipline, ICT tools, self-study habits, and the value of supportive friends." --- + After settling into the rhythm of my first classes, the next big step in my academic journey was experiencing my first real labs at UET Faisalabad Campus. This phase was both exciting and challenging because it required me to apply the theoretical knowledge I was learning in subjects like Programming Fundamentals and Engineering Science into practical tasks. It was a completely new experience for me, as I was not used to learning in such an interactive and hands-on way. Our first lab in Programming Fundamentals was mainly an introduction to basic coding. Since I had already struggled with understanding variables and Python logic in the classroom, this lab became a real test of my understanding. Initially, everything felt overwhelming because I had no prior experience in coding, and even simple tasks seemed difficult to perform. I often felt confused while following the instructions, but I tried my best to stay focused and not give up. Gradually, I started developing a habit of self-study, where I would revise concepts on my own and practice simple coding tasks repeatedly. I realized that consistency and regular practice were the only ways to overcome my hesitation and confusion. diff --git a/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md b/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md index e1952598a46..00ea5e37ec7 100644 --- a/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md +++ b/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md @@ -1,13 +1,22 @@ ---- +--- layout: post title: "A Mentor Who Changed Our Perspective – Dr. Bilal" +date: 2026-01-08 +categories: + - mentorship + - mindset +tags: + - dr-bilal + - skills + - career +featured: false sequence: 8 phase: "First Semester Growth" journey_stage: "Mentorship and Mindset" -read_time: "4 min" summary: "How Dr. Bilal helped us move beyond labels and focus on the technical skills that truly shape a future in computing." --- + During the early weeks of my university life, one of the most common concerns among students in our class was about our degree program. We were enrolled in BSc Computer Engineering under SEC instead of PEC, and this created a lot of confusion and uncertainty. Many students, including myself, started to question whether we were in the right field. There were discussions in classrooms, hostels, and even during breaks about future job opportunities, the value of our degree, and whether not being registered under PEC would limit our careers. This situation created stress and doubt in our minds, especially because we had just started our university journey and were already worried about our future. At that time, our Programming Fundamentals teacher, Dr. Bilal, played a very important role in guiding us. He was not only a knowledgeable and intelligent teacher but also someone who understood the mindset of students. One day, he addressed this issue in class when he realized that many students were confused and worried. Instead of ignoring our concerns, he openly discussed them and gave us a very clear and practical perspective. diff --git a/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md b/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md index 86b67699239..310cf4a4c3e 100644 --- a/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md +++ b/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md @@ -1,13 +1,22 @@ ---- +--- layout: post title: "Group Study and My Midterm Exams Experience" +date: 2026-01-09 +categories: + - academics + - exams +tags: + - group-study + - midterms + - collaboration +featured: false sequence: 9 phase: "First Semester Growth" journey_stage: "Midterm Preparation" -read_time: "4 min" summary: "How group study, shared understanding, and focused preparation turned moderate quiz scores into strong midterm results." --- + After settling into my daily routine and becoming more familiar with university life, the next significant phase of my journey was preparing for quizzes and midterm exams. Initially, the concept of group study was completely new to me. During my FSc studies, I was used to studying alone, relying mostly on personal notes and self-practice. However, at UET Faisalabad, I quickly realized that working together with peers could make a huge difference. Learning in a collaborative environment not only helped me understand difficult concepts more effectively but also made the study process less stressful. I formed a study group with my closest friends, including my best friend Tahir Yaqoob, as well as other classmates from the hostel and our courses. We made it a habit to meet regularly, sharing our notes, solving problems together, and discussing challenging topics. Subjects like Programming Fundamentals, Calculus, and Discrete Mathematics often required detailed explanations, and our group discussions allowed us to clarify doubts and learn from each other’s perspectives. These sessions gradually became a cornerstone of my preparation strategy, and I began looking forward to them as a productive and supportive way to study. diff --git a/_posts/2026-01-10-final-exams-and-academic-challenges.md b/_posts/2026-01-10-final-exams-and-academic-challenges.md index 4fc077f5066..d889c3b9d41 100644 --- a/_posts/2026-01-10-final-exams-and-academic-challenges.md +++ b/_posts/2026-01-10-final-exams-and-academic-challenges.md @@ -1,13 +1,22 @@ ---- +--- layout: post title: "Final Exams and Academic Challenges" +date: 2026-01-10 +categories: + - academics + - exams +tags: + - final-exams + - time-management + - resilience +featured: false sequence: 10 phase: "First Semester Growth" journey_stage: "Final Exam Pressure" -read_time: "4 min" summary: "The final exam period taught me disciplined revision, time management, and how to remain steady under academic pressure." --- + As the semester moved toward its final phase, the pressure of final exams began to increase steadily. Unlike midterm exams, which covered only a portion of the syllabus, the finals required complete preparation for all subjects, including every concept taught throughout the semester. For me, this period was both challenging and highly important because it tested not only my academic understanding but also my consistency, discipline, and ability to manage time effectively. I realized that success in finals was not simply about studying hard for a few days; it depended largely on how well I had built and strengthened my concepts over the entire semester. To prepare effectively, I began revising all subjects in a planned and organized way. I divided my study time according to the difficulty and complexity of each subject. Programming Fundamentals required extra attention because it was still relatively new for me and involved coding, which I had little prior experience with. I spent most of my time practicing Python problems, understanding logical structures, and revising lab exercises step by step. At the same time, I reviewed other subjects like Calculus, Applied Physics, and Discrete Mathematics by going through my class notes, solving past questions, and revisiting important formulas and concepts. Making short notes and summaries proved to be very helpful, as they allowed me to quickly revise key points before the exams without wasting time searching through bulky books. diff --git a/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md b/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md index 419c4fb12cd..0902db75ce3 100644 --- a/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md +++ b/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md @@ -1,13 +1,25 @@ ---- +--- layout: post title: "Completing My First Semester – Challenges, Learning, and Success" +date: 2026-01-11 +categories: + - projects + - achievements +tags: + - machine-learning + - python + - cgpa +featured: true +featured_image: /assets/images/posts/first-semester-success/cover.svg +featured_image_alt: "Illustrated cover for first semester success and project growth" +featured_image_caption: "A visual cover highlighting academic progress, project work, and confidence." sequence: 11 phase: "First Semester Growth" journey_stage: "First Semester Success" -read_time: "6 min" summary: "My first semester ended with a strong CGPA, a machine learning project, and the confidence that I could thrive in computer engineering." --- + The end of my first semester at UET Faisalabad Campus was both challenging and rewarding. After completing the midterm exams, the next major task was preparing for the final exams, which required comprehensive revision of all the concepts covered throughout the semester, including topics taught before the midterms. For me, this period was particularly demanding because it involved balancing multiple responsibilities, maintaining a consistent study routine, managing hostel life, and, whenever possible, spending quality time with my family. It became clear that effective time management and self-discipline were essential if I wanted to cover all subjects thoroughly, from Programming Fundamentals and Calculus to Physics, ICT, and Discrete Mathematics. During this intense period, I developed several new study habits that proved crucial for my academic success. I began making detailed notes and summaries for each subject, which allowed me to revise efficiently before exams. Regular practice of problems, especially in Programming Fundamentals and Calculus, helped reinforce my understanding of difficult concepts. Group study sessions with my friends became a key part of my preparation. My closest friends, particularly Tahir Yaqoob, along with other classmates, played an important role in keeping me motivated and focused. During these sessions, we discussed difficult topics, solved problems collaboratively, and shared different approaches to learning. This experience taught me the value of teamwork and how peer support can enhance understanding and retention of knowledge. diff --git a/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md b/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md index 1664bf6d4cc..b7c8ae73723 100644 --- a/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md +++ b/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md @@ -1,13 +1,22 @@ ---- +--- layout: post title: "A Fresh Start – My Second Semester Journey and Early Challenges" +date: 2026-01-12 +categories: + - academics + - growth +tags: + - oop + - databases + - scholarship-interview +featured: false sequence: 12 phase: "Second Semester Momentum" journey_stage: "Second Semester Start" -read_time: "5 min" summary: "My second semester began with preparation, confidence, a scholarship interview, and the lesson that good preparation can reduce setbacks." --- + After successfully completing my first semester at university, I was given a short but valuable break of two weeks. For many students, such vacations are a time to relax and disconnect from studies. However, for me, this break became an opportunity to prepare myself for the challenges ahead. I had already realized during my first semester that university life is very different from college life. The concepts are deeper, the pace is faster, and the expectations are much higher. Keeping this in mind, I decided to use my vacation wisely instead of spending it casually. During these two weeks, I focused on learning the basics of Object-Oriented Programming and Database Systems through online platforms. These subjects were part of my upcoming semester, and I wanted to build a strong foundation before classes even started. I explored different online resources, including video lectures, tutorials, and practice exercises. This self-learning experience was very helpful because it introduced me to important concepts such as classes, objects, inheritance, and basic database operations like tables, queries, and relationships. At that time, I did not aim to master everything; my goal was simply to become familiar with the concepts so that I would not feel completely new when these topics were taught in class. diff --git a/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md b/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md index ac6abfc5bf8..6a34bfc2220 100644 --- a/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md +++ b/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md @@ -1,13 +1,22 @@ ---- +--- layout: post title: "My First Practical Lab Experience – Learning Database Tools" +date: 2026-01-13 +categories: + - labs + - databases +tags: + - mysql + - workbench + - setup +featured: false sequence: 13 phase: "Second Semester Momentum" journey_stage: "Database Lab Foundations" -read_time: "3 min" summary: "My first real database lab gave me hands-on confidence with MySQL Server, MySQL Workbench, and practical setup skills." --- + Starting a new semester always brings new experiences, and one of the most important parts of my second semester was the beginning of practical lab work. Although officially it was the second lab session, for me it was actually my first lab because I had missed the initial one due to my visit to the main campus for the HEC Need-Based Scholarship interview. Therefore, I entered this lab with a mix of curiosity, excitement, and a slight concern about what I might have missed. At the beginning of the session, our teacher understood that some students, including me, were not present in the previous lab. So, he briefly revised the important points and clearly explained the objectives of the current lab. This supportive approach helped me feel comfortable and allowed me to quickly align myself with the rest of the class. It also showed me how important a good teacher is in guiding students, especially when they face small gaps in their learning. diff --git a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md index 20dd1191326..2b2ee0337e5 100644 --- a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md +++ b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md @@ -1,13 +1,22 @@ ---- +--- layout: post title: "Ramzan Adventures and an Unexpected Shift to Online Learning" +date: 2026-01-14 +categories: + - student-life + - online-learning +tags: + - ramzan + - adaptability + - hostel-life +featured: false sequence: 14 phase: "Second Semester Momentum" journey_stage: "Ramzan and Adaptability" -read_time: "5 min" summary: "Ramzan in the hostel taught me responsibility, teamwork, and adaptability just as university life unexpectedly shifted online." --- + The beginning of Ramzan during my second semester brought a completely new and memorable experience into my university life. It was not just a change in routine, but a unique phase filled with learning, independence, and unexpected challenges. As hostel students, this was our first time observing Ramzan away from home, which made it both exciting and slightly difficult. At the start of Ramzan, we were already settled into our semester, attending regular classes and managing our academic workload. However, fasting in a university environment was a new experience for all of us. While the university continued to provide the usual mess food, it was not fully aligned with the special needs of Sehri and Iftar. At home, these moments are always well-prepared and comfortable, but in the hostel, we had to manage everything on our own. diff --git a/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md b/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md index e22eaaae0a0..25125b4b711 100644 --- a/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md +++ b/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md @@ -1,13 +1,22 @@ ---- +--- layout: post title: "Online Classes, SQL Learning, and Collaborative Projects" +date: 2026-01-15 +categories: + - online-learning + - databases +tags: + - sql + - collaboration + - projects +featured: false sequence: 15 phase: "Second Semester Momentum" journey_stage: "Online Learning Growth" -read_time: "4 min" summary: "Online classes pushed me to strengthen SQL, improve project work, and stay disciplined through collaboration and self-management." --- + During the end of Ramadan, the semester took an unexpected turn due to global events that affected life in our country. The conflict between America, Israel, and Iran caused a sharp rise in petrol prices, which ultimately led to the closure of all universities, colleges, and schools across Pakistan. As a result, our classes shifted entirely to online mode, introducing a new set of challenges for both learning and staying disciplined while at home. Adapting to this sudden change required flexibility, self-motivation, and careful planning. Despite these challenges, I made a conscious effort to make the most of the situation, focusing on practical learning during online sessions and labs to ensure that my academic progress was not affected. During this period, I gained my first real exposure to SQL commands. Under the guidance of Dr. Bilal, I learned to write basic queries, create tables, and manage data efficiently. This hands-on experience helped me understand how databases function and how data can be organized and manipulated effectively. In addition to SQL, our lab sessions involved revisiting our previous projects from the first semester and refining them further. The “before mid” project, which initially involved creating a simple portal uploaded on GitHub, served as the foundation for our final project. We enhanced this project significantly by incorporating Machine Learning and Deep Learning components, adding advanced features, and improving its visual interface. The result was a professional and more advanced version compared to our earlier work. This process taught me the importance of iterative development, attention to detail, and striving for continuous improvement in technical projects. diff --git a/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md b/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md index 6b7e82437af..833ac2b3930 100644 --- a/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md +++ b/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md @@ -1,13 +1,25 @@ ---- +--- layout: post title: "An Online Lab Experience – Challenges, Projects, and Responsibility" +date: 2026-01-16 +categories: + - leadership + - databases +tags: + - sql + - portfolio-project + - mentorship +featured: true +featured_image: /assets/images/posts/online-lab-responsibility/cover.svg +featured_image_alt: "Illustrated cover for online lab work, responsibility, and portfolio leadership" +featured_image_caption: "A visual cover for the article about preparation, guidance, and leadership." sequence: 16 phase: "Second Semester Momentum" journey_stage: "Leadership and Responsibility" -read_time: "6 min" summary: "An online database lab became a turning point where preparation, project planning, and helping classmates all came together." --- + As my second semester continued, one of the most interesting and slightly challenging experiences came during an online database lab session. This lab was different from the previous ones because it focused more on preparation, understanding, and evaluation rather than just performing tasks step by step. It also introduced us to important academic responsibilities and teamwork beyond the classroom. In the previous lab, our teacher had given us a detailed task to prepare different types of SQL queries. These included basic queries, aggregate queries, join queries for table relationships, group queries, and queries based on business logic. The purpose of this preparation was not only to test our knowledge but also to strengthen our understanding of how databases work in real-world scenarios. The teacher clearly instructed us that in the next lab, which would be conducted online, he would ask questions from these topics, and students would be evaluated based on their responses. diff --git a/about.md b/about.md index b1279caa3c7..5631608866b 100644 --- a/about.md +++ b/about.md @@ -2,64 +2,89 @@ layout: page title: "About" permalink: /about/ -description: "A concise portrait of who I am, what shaped my journey, and the values guiding my growth in computer engineering." +description: "A professional overview of Asim Raza, his values, learning approach, and long-term direction in computer engineering." ---

Who I Am

-

A student shaped by purpose, support, and persistence

+

A student shaped by purpose, support, and consistent effort

-
+

Academic Profile

-

I am Asim Raza, a BSc Computer Engineering student at UET Lahore, Faisalabad Campus. My academic journey is rooted in hard work, self-discipline, and the desire to build strong technical skills that can create meaningful impact.

-
-
-

How My Journey Began

-

My path started with balancing FSc Part-II studies and university entrance test preparation at the same time. That phase taught me planning, patience, and how to stay focused when the pressure is high.

-
-
-

A Turning Point

-

A scholarship opportunity changed the direction of my life. The support of Madam Tasmiha, Sir Aftab, and Sir Ahmad Nawaz gave me the chance to continue my education with dignity, hope, and renewed motivation.

-
-
-

What I Am Learning

-

My growth at university has included programming in Python, database systems, SQL, machine learning projects, and the practical discipline that comes from labs, assignments, and continuous assessment.

-
+

I am Asim Raza, a Computer Engineering student at UET Lahore, Faisalabad Campus. My journey is built on discipline, curiosity, and the belief that strong skills create meaningful long-term opportunities.

+
+
+

Learning Style

+

I grow through a blend of classroom learning, self-study, reflective writing, peer discussion, and hands-on practice with technical tools and problem-solving tasks.

+
+
+

What Motivates Me

+

The support I received from teachers, mentors, and generous sponsors has made me deeply grateful and strongly motivated to keep improving both academically and personally.

+
+
+

Long-Term Direction

+

I want to keep building a strong foundation in software, data, databases, and engineering thinking while presenting my work in a professional way that reflects steady growth over time.

+

What Guides Me

-

Values that shape my work

+

Values behind the work

Gratitude

-

I never forget the people whose trust and generosity supported my education. Their belief in me motivates me to work with sincerity.

+

I carry forward the trust of the people who supported my education, and that trust shapes how seriously I approach every opportunity.

Consistency

-

I believe strong results come from daily effort, not shortcuts. My academic progress has always been tied to regular practice and discipline.

+

I believe sustainable results come from regular effort, thoughtful routines, and the willingness to keep improving even when progress feels slow.

-

Skill-Focused Growth

-

One of the most valuable lessons I learned at university is that skills define long-term success, especially in computing and modern engineering fields.

+

Skill-First Growth

+

I focus on practical skills, real understanding, and strong foundations because they matter most for long-term success in computing and engineering.

Helping Others

-

When I was asked to guide classmates on the portfolio project, I realized that knowledge becomes stronger when it is shared with others.

+

Sharing what I learn helps me grow further. Teaching, guiding, and discussing ideas with classmates has become an important part of my development.

+
+
+
+ +
+
+

Current Focus

+

What I am actively building

+
+
+
+

Programming Confidence

+

Strengthening problem solving, writing clearer code, and building confidence with programming concepts through repeated practice.

+
+
+

Database Understanding

+

Learning how structured data, SQL queries, and database tools support reliable systems and real technical work.

+
+
+

Project Thinking

+

Turning coursework and ideas into presentable projects that show process, technical decisions, and measurable progress.

+
+
+

Professional Presentation

+

Documenting my journey in a way that is useful for mentors, recruiters, collaborators, and anyone interested in my long-term growth.

-

What This Portfolio Shows

-

More than achievements alone

-

This portfolio is a record of growth through scholarship, challenge, hostel life, group study, mentorship, and technical learning. It represents the person I am becoming as a computer engineering student.

+

Keep Exploring

+

From personal story to technical growth

+

The blog archive expands this introduction with full articles about learning, projects, mentorship, responsibility, and progress in computer engineering.

- Contact Me + Open Blog
diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index 99f46b27eb4..31a98428e73 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -1,15 +1,52 @@ --- --- +:root + --bg: #f4efe6 + --panel: rgba(255, 251, 244, 0.94) + --panel-strong: rgba(255, 255, 255, 0.96) + --ink: #102033 + --ink-soft: #415263 + --teal: #0f7b83 + --teal-deep: #0d5165 + --accent: #c66b42 + --line: rgba(16, 32, 51, 0.12) + --shadow: 0 28px 70px rgba(16, 32, 51, 0.14) + --shadow-soft: 0 16px 40px rgba(16, 32, 51, 0.08) + --radius-xl: 28px + --radius-lg: 20px + --radius-md: 18px + --radius-sm: 14px + +* + box-sizing: border-box + html scroll-behavior: smooth body + margin: 0 font-family: "PT Sans", "Segoe UI", sans-serif - color: #102033 - background: #f4efe6 + color: var(--ink) + background: var(--bg) background-image: radial-gradient(circle at top left, rgba(15, 123, 131, 0.14), transparent 24%), radial-gradient(circle at top right, rgba(198, 107, 66, 0.15), transparent 22%), linear-gradient(180deg, rgba(255, 255, 255, 0.35), transparent 28%) +img + display: block + max-width: 100% + height: auto + +a + color: var(--teal-deep) + transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease + +a:hover + color: var(--ink) + +button, +input + font: inherit + body > header, body > article, body > main, @@ -17,6 +54,9 @@ body > footer position: relative z-index: 1 +.site-main + padding-bottom: 0.4rem + .site-header position: sticky top: 0 @@ -25,31 +65,45 @@ body > footer max-width: 1120px margin: 1.25rem auto 0 padding: 1rem 1.5rem + display: flex + flex-wrap: wrap + align-items: center + justify-content: space-between + gap: 0.75rem border: 1px solid rgba(255, 255, 255, 0.45) border-radius: 999px background: rgba(10, 24, 39, 0.88) box-shadow: 0 14px 40px rgba(7, 18, 30, 0.2) color: #f7f3ea + backdrop-filter: blur(16px) .site-header h1 + margin: 0 font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif letter-spacing: 0.03em + font-size: 1.2rem -.site-header a - border-radius: 999px - padding: 0.45rem 0.9rem +.site-header h1 a + color: #f7f3ea + text-decoration: none -.site-header nav +.site-header__nav, +.site-header__external, +.site-footer__nav display: flex flex-wrap: wrap gap: 0.35rem margin: 0 +.site-header nav a, +.site-footer nav a + border-radius: 999px + padding: 0.45rem 0.9rem + text-decoration: none + .site-header nav a color: #f7f3ea font-size: 0.98rem - text-decoration: none - transition: background 0.2s ease, color 0.2s ease .site-header nav a:hover, .site-header nav a.is-active @@ -62,10 +116,10 @@ body > footer max-width: 1120px margin: 1.35rem auto padding: 2rem - border: 1px solid rgba(16, 32, 51, 0.12) - border-radius: 28px + border: 1px solid var(--line) + border-radius: var(--radius-xl) background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 252, 246, 0.96)) - box-shadow: 0 28px 70px rgba(16, 32, 51, 0.14) + box-shadow: var(--shadow) overflow: hidden .page-hero, @@ -73,7 +127,7 @@ body > footer margin-bottom: 2.2rem padding: 2rem border: 1px solid rgba(255, 255, 255, 0.5) - border-radius: 20px + border-radius: var(--radius-lg) background: linear-gradient(135deg, rgba(15, 123, 131, 0.12), rgba(255, 255, 255, 0.7) 42%, rgba(198, 107, 66, 0.12)) .home-page .page-hero @@ -81,34 +135,58 @@ body > footer .eyebrow margin: 0 0 0.65rem - color: #0d5165 + color: var(--teal-deep) font-size: 0.8rem font-weight: 700 letter-spacing: 0.16em text-transform: uppercase -h1, h2, h3 +h1, +h2, +h3, +h4 + margin: 0 font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif - color: #102033 + color: var(--ink) line-height: 1.1 h1 - margin: 0 - font-size: 4.2rem + font-size: 4.1rem h2 - margin: 0 font-size: 2.35rem h3 - margin: 0 0 0.7rem font-size: 1.32rem +h4 + font-size: 1.1rem + p - color: #415263 + color: var(--ink-soft) line-height: 1.78 font-size: 1.03rem +code + padding: 0.15rem 0.45rem + border-radius: 999px + background: rgba(15, 123, 131, 0.1) + color: var(--teal-deep) + +pre + margin: 1.5rem 0 + padding: 1rem 1.1rem + overflow-x: auto + border-radius: var(--radius-sm) + background: #102033 + color: #f7f3ea + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) + +pre code + padding: 0 + background: transparent + color: inherit + .page-lead, .post-lead, .hero-subtitle @@ -116,32 +194,87 @@ p color: #213447 max-width: 52rem +.section-block + margin-top: 2rem + +.section-heading + display: flex + flex-direction: column + gap: 0.35rem + margin-bottom: 1rem + +.section-heading--split + flex-direction: row + align-items: end + justify-content: space-between + gap: 1rem + .hero-grid display: grid - grid-template-columns: 1.7fr 0.9fr + grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.95fr) gap: 1.4rem align-items: stretch .hero-copy, .profile-panel, .feature-card, -.metric-card, .timeline-card, .about-card, .contact-card, -.journal-card, .quote-panel, .cta-panel, -.blog-intro - border: 1px solid rgba(16, 32, 51, 0.12) - border-radius: 18px - background: rgba(255, 251, 244, 0.92) - box-shadow: 0 16px 40px rgba(16, 32, 51, 0.08) +.blog-intro, +.blog-toolbox, +.skill-card, +.project-card, +.post-preview, +.blog-empty-state, +.taxonomy-section, +.post-outline, +.content-figure + border: 1px solid var(--line) + border-radius: var(--radius-md) + background: var(--panel) + box-shadow: var(--shadow-soft) .hero-copy padding: 2.2rem background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(232, 246, 244, 0.92)) +.hero-highlights, +.skill-tags, +.project-tech, +.post-taxonomy, +.taxonomy-directory, +.site-footer__social, +.contact-social-links + display: flex + flex-wrap: wrap + gap: 0.65rem + +.hero-highlights + margin-top: 1.4rem + +.hero-highlights span, +.skill-tags span, +.project-tech span, +.taxonomy-pill, +.taxonomy-count, +.post-meta-row span, +.contact-note, +.blog-result-count, +.pagination-controls__status + display: inline-flex + align-items: center + gap: 0.35rem + min-height: 2rem + padding: 0.32rem 0.75rem + border-radius: 999px + background: rgba(15, 123, 131, 0.12) + color: var(--teal-deep) + font-size: 0.9rem + font-weight: 700 + .profile-panel display: flex flex-direction: column @@ -151,7 +284,8 @@ p color: #f7f3ea .profile-panel p, -.profile-panel li +.profile-panel li, +.profile-panel strong color: rgba(247, 243, 234, 0.88) .profile-badge @@ -162,7 +296,7 @@ p margin-bottom: 1rem border-radius: 24px background: linear-gradient(135deg, #f9d7c1, #8ee0d7) - color: #102033 + color: var(--ink) font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif font-size: 2rem font-weight: 700 @@ -177,68 +311,112 @@ p padding-left: 1.15rem .profile-facts li - margin: 0.5rem 0 - -.section-block - margin-top: 2rem - -.section-heading - display: flex - flex-direction: column - gap: 0.35rem - margin-bottom: 1rem + margin: 0.55rem 0 .feature-grid, -.metric-grid, .timeline-grid, .about-grid, .contact-grid, -.journal-grid +.skill-grid, +.project-grid, +.post-preview-grid display: grid gap: 1rem -.feature-grid - grid-template-columns: repeat(2, 1fr) - -.metric-grid - grid-template-columns: repeat(4, 1fr) - +.feature-grid, .timeline-grid, .about-grid, -.journal-grid - grid-template-columns: repeat(2, 1fr) +.contact-grid, +.skill-grid + grid-template-columns: repeat(2, minmax(0, 1fr)) + +.project-grid + grid-template-columns: repeat(3, minmax(0, 1fr)) -.contact-grid - grid-template-columns: repeat(3, 1fr) +.post-preview-grid + grid-template-columns: repeat(3, minmax(0, 1fr)) + +.post-preview-grid--featured + grid-template-columns: repeat(3, minmax(0, 1fr)) + +.post-preview-grid--compact + grid-template-columns: repeat(2, minmax(0, 1fr)) .feature-card, -.metric-card, .timeline-card, .about-card, .contact-card, -.journal-card +.skill-card, +.project-card padding: 1.35rem + background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 252, 252, 0.94)) -.metric-card +.project-card display: flex flex-direction: column - gap: 0.45rem - align-items: flex-start - justify-content: space-between - background: linear-gradient(180deg, rgba(15, 123, 131, 0.08), rgba(255, 255, 255, 0.92)) + gap: 1rem -.metric-value - display: inline-block - min-width: 68px - padding: 0.4rem 0.85rem +.project-card__eyebrow + margin: 0 + color: var(--accent) + font-size: 0.82rem + font-weight: 700 + letter-spacing: 0.12em + text-transform: uppercase + +.button-row + display: flex + flex-wrap: wrap + gap: 0.75rem + margin-top: 1.5rem + +.primary-link, +.secondary-link, +.post-return a, +.phase-links a, +.contact-social-links a + display: inline-flex + align-items: center + justify-content: center + min-height: 2.8rem + padding: 0.8rem 1.2rem border-radius: 999px - background: #d8f0ee - color: #0d5165 - font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif - font-size: 1.8rem + border: 1px solid transparent + font-weight: 700 + text-decoration: none + cursor: pointer + +.primary-link + background: linear-gradient(135deg, var(--teal), var(--teal-deep)) + color: #ffffff + +.primary-link:hover + color: #ffffff + transform: translateY(-1px) + box-shadow: 0 10px 24px rgba(13, 81, 101, 0.22) + +.secondary-link, +.post-return a, +.phase-links a, +.contact-social-links a + border-color: var(--line) + background: rgba(255, 255, 255, 0.72) + color: var(--ink) + +.secondary-link:hover, +.post-return a:hover, +.phase-links a:hover, +.contact-social-links a:hover + transform: translateY(-1px) + background: rgba(216, 240, 238, 0.72) + box-shadow: 0 10px 22px rgba(16, 32, 51, 0.08) -.metric-label - color: #415263 +.secondary-link[disabled], +.pagination-controls__button[disabled] + opacity: 0.45 + cursor: not-allowed + transform: none + box-shadow: none .quote-panel margin-top: 2rem @@ -249,7 +427,6 @@ p .quote-panel blockquote margin: 0 padding: 0 - background: transparent border: 0 color: #ffffff font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif @@ -275,92 +452,260 @@ p gap: 1rem background: linear-gradient(135deg, rgba(255, 244, 233, 0.95), rgba(220, 244, 241, 0.95)) -.button-row +.blog-intro, +.blog-toolbox + padding: 1.4rem + +.blog-intro + margin-bottom: 1rem + +.phase-links display: flex flex-wrap: wrap gap: 0.75rem - margin-top: 1.5rem + margin-top: 1rem -.primary-link, -.secondary-link, -.post-return a, -.phase-links a - display: inline-block - padding: 0.8rem 1.2rem - border-radius: 999px - font-weight: 700 - text-decoration: none - box-shadow: none +.blog-toolbox + display: flex + align-items: end + justify-content: space-between + gap: 1rem + margin-bottom: 2rem -.primary-link - background: linear-gradient(135deg, #0f7b83, #0d5165) - color: #ffffff +.blog-search + flex: 1 + display: flex + flex-direction: column + gap: 0.45rem -.primary-link:hover - background: linear-gradient(135deg, #118a93, #0d4a5d) - box-shadow: none +.blog-search__label + color: var(--ink) + font-size: 0.92rem + font-weight: 700 -.secondary-link, -.phase-links a, -.post-return a - border: 1px solid rgba(16, 32, 51, 0.12) - background: rgba(255, 255, 255, 0.72) - color: #102033 +.blog-search input + width: 100% + min-height: 3.1rem + padding: 0.9rem 1rem + border: 1px solid rgba(16, 32, 51, 0.16) + border-radius: 16px + background: rgba(255, 255, 255, 0.92) + color: var(--ink) + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.36) + +.blog-search input:focus + outline: none + border-color: rgba(15, 123, 131, 0.45) + box-shadow: 0 0 0 4px rgba(15, 123, 131, 0.12) + +.blog-toolbox__links, +.blog-archive__actions + display: flex + flex-wrap: wrap + gap: 0.75rem -.secondary-link:hover, -.phase-links a:hover, -.post-return a:hover - background: rgba(216, 240, 238, 0.72) - box-shadow: none +.blog-archive__note + margin: 0 + color: var(--ink-soft) + font-size: 0.98rem -.blog-intro - padding: 1.4rem - margin-bottom: 2rem +.blog-result-count + margin: 0 0 1rem + width: fit-content -.phase-links +.blog-empty-state + padding: 1.5rem + text-align: center + +.pagination-controls + margin-top: 1.5rem display: flex - flex-wrap: wrap + align-items: center + justify-content: center gap: 0.75rem - margin-top: 1rem + flex-wrap: wrap -.phase-section - margin-top: 2rem +.post-preview + display: flex + flex-direction: column + overflow: hidden + background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 252, 252, 0.94)) + +.post-preview:hover + transform: translateY(-3px) + box-shadow: 0 20px 42px rgba(16, 32, 51, 0.12) + +.post-preview__media + position: relative + aspect-ratio: 16 / 10 + display: flex + align-items: end + justify-content: start + padding: 1rem + overflow: hidden + text-decoration: none + background: linear-gradient(135deg, rgba(15, 123, 131, 0.18), rgba(198, 107, 66, 0.16)) + +.post-preview__media img + width: 100% + height: 100% + object-fit: cover + position: absolute + inset: 0 + +.post-preview__media::after + content: "" + position: absolute + inset: 0 + background: linear-gradient(180deg, transparent 0%, rgba(10, 24, 39, 0.12) 60%, rgba(10, 24, 39, 0.46) 100%) + pointer-events: none + +.post-preview__media--fallback + align-items: flex-end + +.post-preview__placeholder-label, +.post-preview__placeholder-title, +.post-preview__featured-badge + position: relative + z-index: 1 + +.post-preview__placeholder-label + padding: 0.38rem 0.8rem + border-radius: 999px + background: rgba(255, 255, 255, 0.18) + color: #ffffff + font-size: 0.82rem + font-weight: 700 + text-transform: uppercase + letter-spacing: 0.08em + +.post-preview__placeholder-title + display: block + margin-top: 0.7rem + color: #ffffff + font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif + font-size: 1.35rem + max-width: 16rem + +.post-preview__featured-badge + position: absolute + top: 1rem + right: 1rem + padding: 0.35rem 0.7rem + border-radius: 999px + background: rgba(16, 32, 51, 0.8) + color: #ffffff + font-size: 0.82rem + font-weight: 700 -.journal-card +.post-preview__content display: flex + flex: 1 flex-direction: column gap: 0.9rem - background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 252, 252, 0.94)) + padding: 1.2rem -.journal-index, -.post-meta-row span, -.journal-meta span, -.contact-note - display: inline-block - padding: 0.32rem 0.75rem - border-radius: 999px - background: rgba(15, 123, 131, 0.12) - color: #0d5165 +.post-preview__meta + display: flex + flex-wrap: wrap + gap: 0.5rem + color: var(--teal-deep) font-size: 0.9rem font-weight: 700 -.journal-card h3 a - color: #102033 +.post-preview__title a + color: var(--ink) text-decoration: none -.journal-card h3 a:hover - color: #0d5165 - box-shadow: none +.post-preview__title a:hover + color: var(--teal-deep) -.journal-meta, -.post-meta-row - display: flex - flex-wrap: wrap - gap: 0.55rem +.post-preview__summary + margin: 0 + +.post-taxonomy + gap: 0.5rem + +.taxonomy-pill + border: 1px solid rgba(15, 123, 131, 0.12) + text-decoration: none + +.taxonomy-pill:hover + transform: translateY(-1px) + background: rgba(216, 240, 238, 0.72) + color: var(--ink) + +.taxonomy-directory + margin-top: 1rem + +.taxonomy-count + min-width: 1.7rem + justify-content: center + padding: 0.18rem 0.48rem + background: rgba(255, 255, 255, 0.66) + +.taxonomy-section + padding: 1.35rem + +.post-feature-image, +.content-figure, +.prose figure + margin: 0 0 2rem + overflow: hidden + border: 1px solid var(--line) + border-radius: var(--radius-lg) + background: rgba(255, 255, 255, 0.94) + box-shadow: var(--shadow-soft) + +.post-feature-image img, +.content-figure img, +.prose figure img, +.prose img + width: 100% + height: auto + +.post-feature-image figcaption, +.content-figure figcaption, +.prose figure figcaption + padding: 0.85rem 1rem 1rem + color: rgba(65, 82, 99, 0.82) + font-size: 0.92rem + text-align: center + +.post-layout-grid + display: grid + grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) + gap: 1.8rem + align-items: start + +.post-outline + position: sticky + top: 6.9rem + padding: 1.2rem + +.post-outline__list + margin: 0 + padding: 0 + list-style: none + display: grid + gap: 0.5rem + +.post-outline__item--h3 + padding-left: 0.8rem + +.post-outline a + color: var(--ink-soft) + text-decoration: none + +.post-outline a:hover + color: var(--teal-deep) .prose max-width: 54rem +.prose > *:first-child + margin-top: 0 + .prose p margin: 0 0 1rem @@ -368,63 +713,172 @@ p float: left padding-right: 0.35rem line-height: 0.9 - color: #c66b42 + color: var(--accent) font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif font-size: 3.2rem -.post-return +.prose h2, +.prose h3, +.prose h4 + margin: 2rem 0 0.8rem + +.prose ul, +.prose ol + margin: 0 0 1rem 1.1rem + color: var(--ink-soft) + line-height: 1.75 + +.prose li + li + margin-top: 0.35rem + +.prose blockquote + margin: 1.5rem 0 + padding: 1rem 1.2rem + border-left: 4px solid rgba(15, 123, 131, 0.35) + border-radius: 0 var(--radius-sm) var(--radius-sm) 0 + background: rgba(15, 123, 131, 0.08) + +.prose hr + margin: 2rem 0 + border: 0 + border-top: 1px solid rgba(16, 32, 51, 0.12) + +.post-footer-stack width: 94% max-width: 1120px margin: -0.2rem auto 1.35rem + +.post-return + margin: 0 0 1rem padding: 0 text-align: right background: transparent box-shadow: none +.post-navigation + display: grid + grid-template-columns: repeat(2, minmax(0, 1fr)) + gap: 1rem + +.post-navigation__link + display: flex + flex-direction: column + gap: 0.35rem + padding: 1.2rem + border: 1px solid var(--line) + border-radius: var(--radius-md) + background: var(--panel) + box-shadow: var(--shadow-soft) + text-decoration: none + +.post-navigation__link strong + color: var(--ink) + +.post-navigation__link--next + text-align: right + +.post-navigation__label + color: var(--teal-deep) + font-size: 0.82rem + font-weight: 700 + text-transform: uppercase + letter-spacing: 0.1em + +.post-navigation__link:hover + transform: translateY(-2px) + box-shadow: 0 18px 36px rgba(16, 32, 51, 0.1) + +.post-navigation__link--empty + opacity: 0.72 + .site-footer width: 94% max-width: 1120px margin: 0 auto 1.35rem - padding: 1.25rem 1.5rem + padding: 1.4rem 1.5rem border: 1px solid rgba(255, 255, 255, 0.35) border-radius: 24px background: rgba(10, 24, 39, 0.9) color: rgba(247, 243, 234, 0.84) box-shadow: 0 16px 36px rgba(7, 18, 30, 0.18) +.site-footer h2 + margin-bottom: 0.35rem + color: #ffffff + font-size: 1.35rem + +.site-footer p + margin: 0.2rem 0 + color: rgba(247, 243, 234, 0.82) + +.site-footer__intro + display: flex + flex-wrap: wrap + align-items: end + justify-content: space-between + gap: 1rem + margin-bottom: 1rem + +.site-footer__location + color: rgba(247, 243, 234, 0.62) + +.site-footer__meta + display: flex + flex-direction: column + gap: 0.75rem + align-items: flex-end + .site-footer a color: #f7f3ea text-decoration: none -.site-footer nav - display: flex - flex-wrap: wrap - gap: 0.35rem +.site-footer nav a:hover, +.site-footer__social a:hover + background: rgba(255, 255, 255, 0.12) + color: #ffffff -.site-footer nav a - padding: 0.35rem 0.8rem +.site-footer__social a + min-height: 2.2rem + padding: 0.35rem 0.75rem + border: 1px solid rgba(255, 255, 255, 0.14) border-radius: 999px -.site-footer nav a:hover - background: rgba(255, 255, 255, 0.12) - box-shadow: none +@media (max-width: 1100px) + .project-grid, + .post-preview-grid, + .post-preview-grid--featured + grid-template-columns: repeat(2, minmax(0, 1fr)) @media (max-width: 960px) .hero-grid, .feature-grid, - .metric-grid, .timeline-grid, .about-grid, .contact-grid, - .journal-grid + .skill-grid, + .project-grid, + .post-preview-grid, + .post-preview-grid--featured, + .post-preview-grid--compact, + .post-layout-grid, + .post-navigation grid-template-columns: 1fr - .cta-panel + .section-heading--split, + .blog-toolbox, + .cta-panel, + .site-footer__intro flex-direction: column align-items: flex-start + .site-footer__meta + align-items: flex-start + + .post-outline + position: static + h1 - font-size: 3.5rem + font-size: 3.4rem h2 font-size: 2.05rem @@ -441,27 +895,37 @@ p .page-card, .post-card, .site-footer, - .post-return + .post-footer-stack width: 96% padding: 1.2rem - h1 - font-size: 2.8rem - - h2 - font-size: 1.8rem - - .profile-panel, - .hero-copy, .page-hero, .post-hero, + .hero-copy, + .profile-panel, .feature-card, - .metric-card, .timeline-card, .about-card, .contact-card, - .journal-card, .quote-panel, .cta-panel, - .blog-intro + .blog-intro, + .blog-toolbox, + .skill-card, + .project-card, + .post-preview, + .taxonomy-section, + .post-outline padding: 1.2rem + + h1 + font-size: 2.8rem + + h2 + font-size: 1.8rem + + .post-return + text-align: left + + .post-preview__content + padding: 1rem diff --git a/assets/images/favicon.svg b/assets/images/favicon.svg new file mode 100644 index 00000000000..a07bbdef0a8 --- /dev/null +++ b/assets/images/favicon.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/assets/images/posts/.gitkeep b/assets/images/posts/.gitkeep new file mode 100644 index 00000000000..8b137891791 --- /dev/null +++ b/assets/images/posts/.gitkeep @@ -0,0 +1 @@ + diff --git a/assets/images/posts/first-semester-success/cover.svg b/assets/images/posts/first-semester-success/cover.svg new file mode 100644 index 00000000000..0a94a2f8edb --- /dev/null +++ b/assets/images/posts/first-semester-success/cover.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + PROJECTS AND RESULTS + Completing My First + Semester Strong + Machine learning, growth, and academic confidence. + diff --git a/assets/images/posts/journey-to-admission/cover.svg b/assets/images/posts/journey-to-admission/cover.svg new file mode 100644 index 00000000000..7433c73df2c --- /dev/null +++ b/assets/images/posts/journey-to-admission/cover.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + ADMISSION JOURNEY + My Journey to Admission + UET Lahore, Faisalabad Campus + Preparation, pressure, persistence, and a new beginning. + diff --git a/assets/images/posts/life-changing-scholarship/cover.svg b/assets/images/posts/life-changing-scholarship/cover.svg new file mode 100644 index 00000000000..274459a5666 --- /dev/null +++ b/assets/images/posts/life-changing-scholarship/cover.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + SCHOLARSHIP STORY + Support That Changed + My Direction + Kindness, trust, and opportunity made higher education possible. + diff --git a/assets/images/posts/online-lab-responsibility/cover.svg b/assets/images/posts/online-lab-responsibility/cover.svg new file mode 100644 index 00000000000..0c7c09beeb3 --- /dev/null +++ b/assets/images/posts/online-lab-responsibility/cover.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + LEADERSHIP AND GUIDANCE + Online Lab, Projects, + and Responsibility + Preparation, portfolio work, and helping others move forward. + diff --git a/assets/js/blog.js b/assets/js/blog.js new file mode 100644 index 00000000000..cabbf7d7285 --- /dev/null +++ b/assets/js/blog.js @@ -0,0 +1,109 @@ +(() => { + const archive = document.querySelector("[data-blog-archive]"); + + if (!archive) { + return; + } + + const searchInput = document.querySelector("[data-blog-search]"); + const cards = Array.from(archive.querySelectorAll("[data-post-card]")); + const resultCount = archive.querySelector("[data-blog-result-count]"); + const emptyState = archive.querySelector("[data-blog-empty]"); + const pagination = archive.querySelector("[data-blog-pagination]"); + const previousButton = archive.querySelector("[data-blog-prev]"); + const nextButton = archive.querySelector("[data-blog-next]"); + const status = archive.querySelector("[data-blog-status]"); + const pageSize = Number.parseInt(archive.dataset.postsPerPage || "6", 10) || 6; + + let query = ""; + let currentPage = 1; + + const getFilteredCards = () => + cards.filter((card) => (card.dataset.search || "").includes(query)); + + const render = () => { + const filteredCards = getFilteredCards(); + const totalItems = filteredCards.length; + const totalPages = Math.max(1, Math.ceil(totalItems / pageSize)); + + if (currentPage > totalPages) { + currentPage = totalPages; + } + + const start = (currentPage - 1) * pageSize; + const end = start + pageSize; + const visibleCards = filteredCards.slice(start, end); + + cards.forEach((card) => { + card.hidden = true; + }); + + visibleCards.forEach((card) => { + card.hidden = false; + }); + + if (resultCount) { + if (totalItems === 0) { + resultCount.textContent = query + ? `No articles found for "${searchInput.value.trim()}".` + : "No articles available yet."; + } else { + const rangeStart = start + 1; + const rangeEnd = Math.min(end, totalItems); + resultCount.textContent = query + ? `Showing ${rangeStart}-${rangeEnd} of ${totalItems} matching articles.` + : `Showing ${rangeStart}-${rangeEnd} of ${totalItems} articles.`; + } + } + + if (emptyState) { + emptyState.hidden = totalItems !== 0; + } + + if (pagination) { + pagination.hidden = totalItems <= pageSize || totalItems === 0; + } + + if (previousButton) { + previousButton.disabled = currentPage === 1 || totalItems === 0; + } + + if (nextButton) { + nextButton.disabled = currentPage === totalPages || totalItems === 0; + } + + if (status) { + status.textContent = totalItems === 0 ? "Page 0 of 0" : `Page ${currentPage} of ${totalPages}`; + } + }; + + if (searchInput) { + searchInput.addEventListener("input", () => { + query = searchInput.value.trim().toLowerCase(); + currentPage = 1; + render(); + }); + } + + if (previousButton) { + previousButton.addEventListener("click", () => { + if (currentPage > 1) { + currentPage -= 1; + render(); + } + }); + } + + if (nextButton) { + nextButton.addEventListener("click", () => { + const totalPages = Math.max(1, Math.ceil(getFilteredCards().length / pageSize)); + + if (currentPage < totalPages) { + currentPage += 1; + render(); + } + }); + } + + render(); +})(); diff --git a/assets/js/site.js b/assets/js/site.js new file mode 100644 index 00000000000..46c854aa22c --- /dev/null +++ b/assets/js/site.js @@ -0,0 +1,106 @@ +(() => { + const slugify = (value) => + value + .toLowerCase() + .trim() + .replace(/[^a-z0-9\s-]/g, "") + .replace(/\s+/g, "-") + .replace(/-+/g, "-"); + + const decorateArticleImages = () => { + const images = document.querySelectorAll(".prose img"); + + images.forEach((image) => { + image.loading = "lazy"; + image.decoding = "async"; + + if (image.closest("figure") || image.closest(".post-feature-image")) { + return; + } + + const parent = image.parentElement; + const paragraph = + parent && parent.tagName === "P" + ? parent + : parent && + parent.tagName === "A" && + parent.parentElement && + parent.parentElement.tagName === "P" + ? parent.parentElement + : null; + + if (!paragraph || paragraph.textContent.trim() !== "") { + return; + } + + const figure = document.createElement("figure"); + figure.className = "content-figure"; + + const media = + image.parentElement && image.parentElement.tagName === "A" + ? image.parentElement + : image; + + paragraph.parentNode.insertBefore(figure, paragraph); + figure.appendChild(media); + + if (image.title) { + const caption = document.createElement("figcaption"); + caption.textContent = image.title; + figure.appendChild(caption); + } + + paragraph.remove(); + }); + }; + + const buildPostToc = () => { + const content = document.querySelector("[data-post-content]"); + const tocContainer = document.querySelector("[data-post-toc-container]"); + const tocTarget = document.querySelector("[data-post-toc]"); + + if (!content || !tocContainer || !tocTarget) { + return; + } + + const headings = Array.from(content.querySelectorAll("h2, h3")).filter((heading) => + heading.textContent.trim() + ); + + if (!headings.length) { + return; + } + + const usedIds = new Set(); + const list = document.createElement("ul"); + list.className = "post-outline__list"; + + headings.forEach((heading) => { + let id = heading.id || slugify(heading.textContent); + + while (!id || usedIds.has(id) || (document.getElementById(id) && document.getElementById(id) !== heading)) { + id = `${slugify(heading.textContent)}-${usedIds.size + 1}`; + } + + heading.id = id; + usedIds.add(id); + + const item = document.createElement("li"); + item.className = `post-outline__item post-outline__item--${heading.tagName.toLowerCase()}`; + + const link = document.createElement("a"); + link.href = `#${id}`; + link.textContent = heading.textContent; + + item.appendChild(link); + list.appendChild(item); + }); + + tocTarget.innerHTML = ""; + tocTarget.appendChild(list); + tocContainer.hidden = false; + }; + + decorateArticleImages(); + buildPostToc(); +})(); diff --git a/blog.md b/blog.md index 9a3bcfe894c..b1aa857c83d 100644 --- a/blog.md +++ b/blog.md @@ -2,79 +2,72 @@ layout: page title: "Blog" permalink: /blog/ -description: "A complete record of my computer engineering journey, organized as linked posts from admission to second semester growth." +body_class: blog-page +eyebrow: "Journal & Writing" +description: "A scalable archive of articles about my computer engineering journey, projects, lessons, and technical growth." --- -{% assign sorted_posts = site.posts | sort: "sequence" %} -{% assign phase_one = sorted_posts | where: "phase", "Getting In & Starting Out" %} -{% assign phase_two = sorted_posts | where: "phase", "First Semester Growth" %} -{% assign phase_three = sorted_posts | where: "phase", "Second Semester Momentum" %} +{% assign featured_posts = site.posts | where: "featured", true %}
-

This page collects my full portfolio articles. Each article opens separately so the complete post can be read in detail.

+

This archive updates automatically whenever a new post is added to _posts/. Articles appear from latest to oldest, can be searched instantly, and support categories, tags, reading time, featured images, and professional navigation.

- Admission & Transition - First Semester Growth - Second Semester Momentum + Latest Articles + {% if featured_posts != empty %}Featured{% endif %} + Categories + Tags
-
-
-

Phase 01

-

Getting In & Starting Out

-
-
- {% for post in phase_one %} -
- Article {{ post.sequence }} -

{{ post.title }}

-

{{ post.summary }}

-
- {{ post.journey_stage }} - {{ post.read_time }} -
-
- {% endfor %} +
+ +
+ Browse Categories + Browse Tags
-
+{% if featured_posts != empty %} +
-

Phase 02

-

First Semester Growth

+

Featured Posts

+

Selected milestones and standout moments

-
- {% for post in phase_two %} -
- Article {{ post.sequence }} -

{{ post.title }}

-

{{ post.summary }}

-
- {{ post.journey_stage }} - {{ post.read_time }} -
-
+
+ {% for post in featured_posts limit: site.featured_posts_limit %} + {% include post-card.html post=post show_tags=true variant="featured" %} {% endfor %}
+{% endif %} -
-
-

Phase 03

-

Second Semester Momentum

+
+
+
+

All Articles

+

Latest to oldest

+
+

New weekly posts will appear here automatically.

-
- {% for post in phase_three %} -
- Article {{ post.sequence }} -

{{ post.title }}

-

{{ post.summary }}

-
- {{ post.journey_stage }} - {{ post.read_time }} -
-
+

+ +
+ {% for post in site.posts %} + {% include post-card.html post=post show_tags=true %} {% endfor %}
+ +
+

No articles match your search

+

Try a different keyword or browse the full archive through categories and tags.

+
+ +
+ + + +
diff --git a/categories.md b/categories.md new file mode 100644 index 00000000000..392114f61d9 --- /dev/null +++ b/categories.md @@ -0,0 +1,44 @@ +--- +layout: page +title: "Categories" +permalink: /categories/ +body_class: taxonomy-page +eyebrow: "Browse Archive" +description: "Explore portfolio articles by category, from admissions and student life to databases, projects, and technical growth." +--- + +{% assign sorted_categories = site.categories | sort %} + +
+

Browse the archive by category to quickly find articles about admissions, academic growth, labs, projects, student life, and technical development.

+
+ {% for category in sorted_categories %} + {% assign category_name = category | first %} + {% assign category_posts = category | last %} + + {{ category_name | replace: "-", " " }} + {{ category_posts | size }} + + {% endfor %} +
+
+ +{% for category in sorted_categories %} + {% assign category_name = category | first %} + {% assign category_posts = category | last %} + {% assign category_count = category_posts | size %} +
+
+
+

Category

+

{{ category_name | replace: "-", " " }}

+
+

{{ category_count }} article{% if category_count != 1 %}s{% endif %}

+
+
+ {% for post in category_posts %} + {% include post-card.html post=post variant="compact" %} + {% endfor %} +
+
+{% endfor %} diff --git a/contact.md b/contact.md index 97b57ea8460..c1f5ff88591 100644 --- a/contact.md +++ b/contact.md @@ -2,30 +2,37 @@ layout: page title: "Contact" permalink: /contact/ -description: "Ways to reach me for academic networking, portfolio feedback, and professional conversation." +description: "Ways to connect with Asim Raza for academic networking, professional conversation, portfolio feedback, and collaboration." ---
-

Let’s Connect

-

I am open to meaningful academic and professional conversations

+

Let's Connect

+

Open to thoughtful academic and professional conversations

Email

-

For portfolio feedback, academic discussion, or opportunities, email is the best way to reach me directly.

- gondalasim665@gmail.com +

For portfolio feedback, academic discussion, collaboration, or professional opportunities, email is the best way to reach me directly.

+ {{ site.social.email }}

GitHub

-

You can also view my work and connect with me through my GitHub profile and portfolio repository.

- github.com/asim-raza665 +

You can review my public work, portfolio repository, and ongoing technical presence through GitHub.

+ Visit GitHub
-

Academic Base

-

I am currently pursuing Computer Engineering at UET Lahore, Faisalabad Campus, where I continue building my technical and personal growth.

- UET Lahore, Faisalabad Campus +

Location

+

I am based in {{ site.location }} and continue building my academic and technical profile through UET Lahore, Faisalabad Campus.

+ {{ site.location }}
+ {% if site.social.linkedin and site.social.linkedin != "" %} +
+

LinkedIn

+

Connect with me on LinkedIn for professional networking and updates beyond my blog archive.

+ View LinkedIn +
+ {% endif %}
@@ -37,19 +44,28 @@ description: "Ways to reach me for academic networking, portfolio feedback, and

Student Journey

-

Conversations about admissions, hostel adjustment, scholarships, and managing the transition from college life to university.

+

Admissions, scholarships, hostel adjustment, university routines, and how to navigate the transition into engineering education.

-

Technical Growth

-

Learning programming, database systems, SQL, machine learning, and building confidence in computer engineering subjects.

+

Technical Learning

+

Programming fundamentals, SQL, database tools, beginner machine learning work, and strategies for learning unfamiliar concepts.

Portfolio Feedback

-

Suggestions, collaboration ideas, and professional feedback that can help me improve my projects and presentation.

+

Suggestions on writing, structure, presentation, and how to document technical progress in a professional and scalable way.

-

Academic Networking

-

Connecting with fellow students, mentors, and professionals who value learning, discipline, and skill-oriented progress.

+

Collaboration

+

Academic networking, peer learning, shared projects, and conversations with people who value consistent and skill-oriented growth.

+ +
+
+

Social Links

+

Available channels

+

My configured contact channels are shown below and in the site footer, so they stay reusable across the whole portfolio.

+
+ {% include social-links.html class_name="contact-social-links" %} +
diff --git a/index.md b/index.md index 58082767fda..3241951a944 100644 --- a/index.md +++ b/index.md @@ -2,119 +2,180 @@ layout: page title: "Home" body_class: home-page -description: "A polished introduction to my academic path, achievements, and future direction in computer engineering." +description: "Professional portfolio of Asim Raza, a Computer Engineering student documenting technical growth, projects, and long-term learning." ---
-

Computer Engineering Journey

+

Computer Engineering Portfolio

Asim Raza

-

BSc Computer Engineering student at UET Lahore, Faisalabad Campus, building a future through discipline, gratitude, and practical learning.

-

I created this portfolio to present my journey from entry-test preparation to university life, technical growth, scholarships, hostel experiences, labs, and academic progress. It reflects how I am growing not only as a student, but also as a resilient and responsible future engineer.

+

Computer Engineering student passionate about learning, building practical systems, and turning challenges into long-term growth.

+

This portfolio presents my academic journey, technical development, and project-based learning in a clean and professional format. It is designed to grow with me over time, from foundational university experiences to future work in software, data, and engineering problem-solving.

- Explore My Story - Read My Articles + About Me + Read Articles +
+
+ Python and problem solving + Databases and SQL + Machine learning exposure + Consistent academic growth
AR
-

Emerging Computer Engineer

+

Student, builder, and lifelong learner

    -
  • University: UET Lahore, Faisalabad Campus
    • -
  • Focus: Programming, Databases, Machine Learning
    • -
  • Milestone: 3.83 CGPA in first semester
    • -
  • Mindset: Learn deeply, grow consistently, help others
    • +
  • Location: {{ site.location }}
    • +
  • Academic Base: UET Lahore, Faisalabad Campus
    • +
  • Focus: Programming, Databases, Machine Learning, Technical Communication
    • +
  • Approach: Learn deeply, build consistently, and keep improving
-

Journey Snapshot

-

Four defining parts of my story

+

About Me

+

A portfolio built around growth, discipline, and real experiences

-
-
-

Admission With Purpose

-

I balanced FSc board preparation with competitive entry tests and secured admission to UET Lahore in Computer Engineering through steady planning and self-study.

+
+
+

Professional Direction

+

I am building my foundation in computer engineering through practical learning, reflective writing, and a steady focus on skills that matter in modern technical work.

-
-

Support That Changed Everything

-

A life-changing scholarship and the trust of generous mentors removed financial barriers and gave me the strength to pursue higher education with confidence.

+
+

What This Site Shows

+

My homepage remains a stable professional introduction, while the blog archive grows automatically as I publish new weekly articles about projects, learning milestones, and personal development.

-
-

From Hostel Life to Labs

-

Living independently, adjusting to university routines, and learning through practical labs taught me adaptability, discipline, and confidence in new environments.

+
+

How I Learn

+

I learn best by combining coursework, self-study, peer collaboration, and hands-on experimentation with tools such as Python, SQL, and academic lab platforms.

-
-

Growth Through Consistency

-

From struggling with Python in the beginning to completing a machine learning project and ranking near the top of my class, I learned how persistence creates results.

+
+

What I Value

+

Gratitude, consistency, adaptability, and service guide how I work. I want my portfolio to reflect not only what I learn, but also how I grow through the process.

-

Academic Identity

-

What defines me as a student

+

Skills

+

Core strengths I am developing

-
-
- 16 - portfolio articles documenting real experiences +
+
+

Programming Foundations

+
+ Python + Problem Solving + OOP Concepts + Logical Thinking +
-
- 3.83 - CGPA achieved in my first semester +
+

Data and Databases

+
+ SQL + MySQL + Database Design + Data Organization +
-
- 3rd - position secured in my section +
+

Tools and Workflow

+
+ GitHub + Documentation + Portfolio Writing + Continuous Learning +
-
- 1 - clear mission: become skill-driven and impactful +
+

Professional Qualities

+
+ Discipline + Adaptability + Collaboration + Leadership Support +
-
-

Core Strengths

-

The qualities I am building

+
+
+

Projects

+

Highlighted work and technical milestones

+
+ View Full Archive
-
-
-

Discipline

-

I learned to balance studies, hostel life, assignments, labs, and exam preparation through structured routines and strong self-management.

+
+
+

Applied Machine Learning

+

Cardiovascular Disease Prediction Model

+

A Python-based academic project where my team cleaned data, explored visual patterns, and compared machine learning models to find the best prediction approach.

+
+ Python + Data Cleaning + Random Forest +
+ Read the project story
-
-

Adaptability

-

I adjusted to new cities, new people, online learning shifts, technical subjects, and challenging academic expectations without giving up.

+
+

Database Skills

+

SQL Learning and Database Workflow

+

My database journey includes MySQL setup, SQL query practice, schema understanding, and project-based learning built around structured data systems.

+
+ SQL + MySQL + Database Systems +
+ See the learning process
-
-

Collaboration

-

Group study, supportive friends, and academic discussions helped me understand difficult concepts and grow with confidence.

-
-
-

Responsibility

-

When my teacher trusted me to guide classmates on the portfolio project, I discovered a new sense of leadership and service.

+
+

Portfolio Engineering

+

Scalable Portfolio and Blog System

+

This website itself is part of my work: a structured GitHub Pages portfolio with reusable layouts, searchable articles, and a weekly publishing workflow.

+
+ Jekyll + GitHub Pages + Content Strategy +
+ See the background
+
+
+
+

Latest Articles

+

Recent updates from my journey

+
+ Browse All Posts +
+
+ {% for post in site.posts limit: site.latest_posts_limit %} + {% include post-card.html post=post %} + {% endfor %} +
+
+
-

“

+

"

Your skills will define your future, not just your degree title.
-

A lesson from Dr. Bilal that continues to shape my direction in computer engineering.

+

A lesson that continues to shape how I approach computer engineering, projects, and long-term career growth.

-

Next Step

-

Read the complete journey in the blog section

-

The first page stays focused on my fixed introduction, while the blog page collects the full story article by article, exactly as required.

+

Explore More

+

Follow the journey as new articles are added

+

The portfolio homepage stays stable and professional, while the blog keeps growing with new weekly writing, better projects, and deeper technical experience.

- Open Blog + Contact Me
diff --git a/tags.md b/tags.md new file mode 100644 index 00000000000..a7f04104881 --- /dev/null +++ b/tags.md @@ -0,0 +1,44 @@ +--- +layout: page +title: "Tags" +permalink: /tags/ +body_class: taxonomy-page +eyebrow: "Browse Topics" +description: "Explore portfolio articles by tag to quickly find specific topics, tools, and themes across the archive." +--- + +{% assign sorted_tags = site.tags | sort %} + +
+

Tags make it easier to find specific tools, ideas, and themes such as Python, SQL, scholarships, machine learning, student life, and collaboration.

+
+ {% for tag in sorted_tags %} + {% assign tag_name = tag | first %} + {% assign tag_posts = tag | last %} + + {{ tag_name | replace: "-", " " }} + {{ tag_posts | size }} + + {% endfor %} +
+
+ +{% for tag in sorted_tags %} + {% assign tag_name = tag | first %} + {% assign tag_posts = tag | last %} + {% assign tag_count = tag_posts | size %} +
+
+
+

Tag

+

{{ tag_name | replace: "-", " " }}

+
+

{{ tag_count }} article{% if tag_count != 1 %}s{% endif %}

+
+
+ {% for post in tag_posts %} + {% include post-card.html post=post variant="compact" %} + {% endfor %} +
+
+{% endfor %} From 5d02a485a572b1296033363c4aea7fcaa03bd68f Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Fri, 3 Apr 2026 00:55:41 +0500 Subject: [PATCH 13/71] Harden portfolio stylesheet for Pages build --- assets/css/portfolio.sass | 121 +++++++++++++++++++------------------- 1 file changed, 60 insertions(+), 61 deletions(-) diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index 31a98428e73..85f487beb27 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -1,22 +1,21 @@ ---- +--- --- -:root - --bg: #f4efe6 - --panel: rgba(255, 251, 244, 0.94) - --panel-strong: rgba(255, 255, 255, 0.96) - --ink: #102033 - --ink-soft: #415263 - --teal: #0f7b83 - --teal-deep: #0d5165 - --accent: #c66b42 - --line: rgba(16, 32, 51, 0.12) - --shadow: 0 28px 70px rgba(16, 32, 51, 0.14) - --shadow-soft: 0 16px 40px rgba(16, 32, 51, 0.08) - --radius-xl: 28px - --radius-lg: 20px - --radius-md: 18px - --radius-sm: 14px +$bg: #f4efe6 +$panel: rgba(255, 251, 244, 0.94) +$panel-strong: rgba(255, 255, 255, 0.96) +$ink: #102033 +$ink-soft: #415263 +$teal: #0f7b83 +$teal-deep: #0d5165 +$accent: #c66b42 +$line: rgba(16, 32, 51, 0.12) +$shadow: 0 28px 70px rgba(16, 32, 51, 0.14) +$shadow-soft: 0 16px 40px rgba(16, 32, 51, 0.08) +$radius-xl: 28px +$radius-lg: 20px +$radius-md: 18px +$radius-sm: 14px * box-sizing: border-box @@ -27,8 +26,8 @@ html body margin: 0 font-family: "PT Sans", "Segoe UI", sans-serif - color: var(--ink) - background: var(--bg) + color: $ink + background: $bg background-image: radial-gradient(circle at top left, rgba(15, 123, 131, 0.14), transparent 24%), radial-gradient(circle at top right, rgba(198, 107, 66, 0.15), transparent 22%), linear-gradient(180deg, rgba(255, 255, 255, 0.35), transparent 28%) img @@ -37,11 +36,11 @@ img height: auto a - color: var(--teal-deep) + color: $teal-deep transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease a:hover - color: var(--ink) + color: $ink button, input @@ -116,10 +115,10 @@ body > footer max-width: 1120px margin: 1.35rem auto padding: 2rem - border: 1px solid var(--line) - border-radius: var(--radius-xl) + border: 1px solid $line + border-radius: $radius-xl background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 252, 246, 0.96)) - box-shadow: var(--shadow) + box-shadow: $shadow overflow: hidden .page-hero, @@ -127,7 +126,7 @@ body > footer margin-bottom: 2.2rem padding: 2rem border: 1px solid rgba(255, 255, 255, 0.5) - border-radius: var(--radius-lg) + border-radius: $radius-lg background: linear-gradient(135deg, rgba(15, 123, 131, 0.12), rgba(255, 255, 255, 0.7) 42%, rgba(198, 107, 66, 0.12)) .home-page .page-hero @@ -135,7 +134,7 @@ body > footer .eyebrow margin: 0 0 0.65rem - color: var(--teal-deep) + color: $teal-deep font-size: 0.8rem font-weight: 700 letter-spacing: 0.16em @@ -147,7 +146,7 @@ h3, h4 margin: 0 font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif - color: var(--ink) + color: $ink line-height: 1.1 h1 @@ -163,7 +162,7 @@ h4 font-size: 1.1rem p - color: var(--ink-soft) + color: $ink-soft line-height: 1.78 font-size: 1.03rem @@ -171,13 +170,13 @@ code padding: 0.15rem 0.45rem border-radius: 999px background: rgba(15, 123, 131, 0.1) - color: var(--teal-deep) + color: $teal-deep pre margin: 1.5rem 0 padding: 1rem 1.1rem overflow-x: auto - border-radius: var(--radius-sm) + border-radius: $radius-sm background: #102033 color: #f7f3ea box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) @@ -232,10 +231,10 @@ pre code .taxonomy-section, .post-outline, .content-figure - border: 1px solid var(--line) - border-radius: var(--radius-md) - background: var(--panel) - box-shadow: var(--shadow-soft) + border: 1px solid $line + border-radius: $radius-md + background: $panel + box-shadow: $shadow-soft .hero-copy padding: 2.2rem @@ -271,7 +270,7 @@ pre code padding: 0.32rem 0.75rem border-radius: 999px background: rgba(15, 123, 131, 0.12) - color: var(--teal-deep) + color: $teal-deep font-size: 0.9rem font-weight: 700 @@ -296,7 +295,7 @@ pre code margin-bottom: 1rem border-radius: 24px background: linear-gradient(135deg, #f9d7c1, #8ee0d7) - color: var(--ink) + color: $ink font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif font-size: 2rem font-weight: 700 @@ -358,7 +357,7 @@ pre code .project-card__eyebrow margin: 0 - color: var(--accent) + color: $accent font-size: 0.82rem font-weight: 700 letter-spacing: 0.12em @@ -387,7 +386,7 @@ pre code cursor: pointer .primary-link - background: linear-gradient(135deg, var(--teal), var(--teal-deep)) + background: linear-gradient(135deg, $teal, $teal-deep) color: #ffffff .primary-link:hover @@ -399,9 +398,9 @@ pre code .post-return a, .phase-links a, .contact-social-links a - border-color: var(--line) + border-color: $line background: rgba(255, 255, 255, 0.72) - color: var(--ink) + color: $ink .secondary-link:hover, .post-return a:hover, @@ -479,7 +478,7 @@ pre code gap: 0.45rem .blog-search__label - color: var(--ink) + color: $ink font-size: 0.92rem font-weight: 700 @@ -490,7 +489,7 @@ pre code border: 1px solid rgba(16, 32, 51, 0.16) border-radius: 16px background: rgba(255, 255, 255, 0.92) - color: var(--ink) + color: $ink box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.36) .blog-search input:focus @@ -506,7 +505,7 @@ pre code .blog-archive__note margin: 0 - color: var(--ink-soft) + color: $ink-soft font-size: 0.98rem .blog-result-count @@ -609,16 +608,16 @@ pre code display: flex flex-wrap: wrap gap: 0.5rem - color: var(--teal-deep) + color: $teal-deep font-size: 0.9rem font-weight: 700 .post-preview__title a - color: var(--ink) + color: $ink text-decoration: none .post-preview__title a:hover - color: var(--teal-deep) + color: $teal-deep .post-preview__summary margin: 0 @@ -633,7 +632,7 @@ pre code .taxonomy-pill:hover transform: translateY(-1px) background: rgba(216, 240, 238, 0.72) - color: var(--ink) + color: $ink .taxonomy-directory margin-top: 1rem @@ -652,10 +651,10 @@ pre code .prose figure margin: 0 0 2rem overflow: hidden - border: 1px solid var(--line) - border-radius: var(--radius-lg) + border: 1px solid $line + border-radius: $radius-lg background: rgba(255, 255, 255, 0.94) - box-shadow: var(--shadow-soft) + box-shadow: $shadow-soft .post-feature-image img, .content-figure img, @@ -694,11 +693,11 @@ pre code padding-left: 0.8rem .post-outline a - color: var(--ink-soft) + color: $ink-soft text-decoration: none .post-outline a:hover - color: var(--teal-deep) + color: $teal-deep .prose max-width: 54rem @@ -713,7 +712,7 @@ pre code float: left padding-right: 0.35rem line-height: 0.9 - color: var(--accent) + color: $accent font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif font-size: 3.2rem @@ -725,7 +724,7 @@ pre code .prose ul, .prose ol margin: 0 0 1rem 1.1rem - color: var(--ink-soft) + color: $ink-soft line-height: 1.75 .prose li + li @@ -735,7 +734,7 @@ pre code margin: 1.5rem 0 padding: 1rem 1.2rem border-left: 4px solid rgba(15, 123, 131, 0.35) - border-radius: 0 var(--radius-sm) var(--radius-sm) 0 + border-radius: 0 $radius-sm $radius-sm 0 background: rgba(15, 123, 131, 0.08) .prose hr @@ -765,20 +764,20 @@ pre code flex-direction: column gap: 0.35rem padding: 1.2rem - border: 1px solid var(--line) - border-radius: var(--radius-md) - background: var(--panel) - box-shadow: var(--shadow-soft) + border: 1px solid $line + border-radius: $radius-md + background: $panel + box-shadow: $shadow-soft text-decoration: none .post-navigation__link strong - color: var(--ink) + color: $ink .post-navigation__link--next text-align: right .post-navigation__label - color: var(--teal-deep) + color: $teal-deep font-size: 0.82rem font-weight: 700 text-transform: uppercase From 5854a37e8b096425baf65f2f614d5f35fddfcb1a Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Fri, 3 Apr 2026 10:48:17 +0500 Subject: [PATCH 14/71] Revert "Harden portfolio stylesheet for Pages build" This reverts commit 5d02a485a572b1296033363c4aea7fcaa03bd68f. --- assets/css/portfolio.sass | 121 +++++++++++++++++++------------------- 1 file changed, 61 insertions(+), 60 deletions(-) diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index 85f487beb27..31a98428e73 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -1,21 +1,22 @@ ---- +--- --- -$bg: #f4efe6 -$panel: rgba(255, 251, 244, 0.94) -$panel-strong: rgba(255, 255, 255, 0.96) -$ink: #102033 -$ink-soft: #415263 -$teal: #0f7b83 -$teal-deep: #0d5165 -$accent: #c66b42 -$line: rgba(16, 32, 51, 0.12) -$shadow: 0 28px 70px rgba(16, 32, 51, 0.14) -$shadow-soft: 0 16px 40px rgba(16, 32, 51, 0.08) -$radius-xl: 28px -$radius-lg: 20px -$radius-md: 18px -$radius-sm: 14px +:root + --bg: #f4efe6 + --panel: rgba(255, 251, 244, 0.94) + --panel-strong: rgba(255, 255, 255, 0.96) + --ink: #102033 + --ink-soft: #415263 + --teal: #0f7b83 + --teal-deep: #0d5165 + --accent: #c66b42 + --line: rgba(16, 32, 51, 0.12) + --shadow: 0 28px 70px rgba(16, 32, 51, 0.14) + --shadow-soft: 0 16px 40px rgba(16, 32, 51, 0.08) + --radius-xl: 28px + --radius-lg: 20px + --radius-md: 18px + --radius-sm: 14px * box-sizing: border-box @@ -26,8 +27,8 @@ html body margin: 0 font-family: "PT Sans", "Segoe UI", sans-serif - color: $ink - background: $bg + color: var(--ink) + background: var(--bg) background-image: radial-gradient(circle at top left, rgba(15, 123, 131, 0.14), transparent 24%), radial-gradient(circle at top right, rgba(198, 107, 66, 0.15), transparent 22%), linear-gradient(180deg, rgba(255, 255, 255, 0.35), transparent 28%) img @@ -36,11 +37,11 @@ img height: auto a - color: $teal-deep + color: var(--teal-deep) transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease a:hover - color: $ink + color: var(--ink) button, input @@ -115,10 +116,10 @@ body > footer max-width: 1120px margin: 1.35rem auto padding: 2rem - border: 1px solid $line - border-radius: $radius-xl + border: 1px solid var(--line) + border-radius: var(--radius-xl) background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 252, 246, 0.96)) - box-shadow: $shadow + box-shadow: var(--shadow) overflow: hidden .page-hero, @@ -126,7 +127,7 @@ body > footer margin-bottom: 2.2rem padding: 2rem border: 1px solid rgba(255, 255, 255, 0.5) - border-radius: $radius-lg + border-radius: var(--radius-lg) background: linear-gradient(135deg, rgba(15, 123, 131, 0.12), rgba(255, 255, 255, 0.7) 42%, rgba(198, 107, 66, 0.12)) .home-page .page-hero @@ -134,7 +135,7 @@ body > footer .eyebrow margin: 0 0 0.65rem - color: $teal-deep + color: var(--teal-deep) font-size: 0.8rem font-weight: 700 letter-spacing: 0.16em @@ -146,7 +147,7 @@ h3, h4 margin: 0 font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif - color: $ink + color: var(--ink) line-height: 1.1 h1 @@ -162,7 +163,7 @@ h4 font-size: 1.1rem p - color: $ink-soft + color: var(--ink-soft) line-height: 1.78 font-size: 1.03rem @@ -170,13 +171,13 @@ code padding: 0.15rem 0.45rem border-radius: 999px background: rgba(15, 123, 131, 0.1) - color: $teal-deep + color: var(--teal-deep) pre margin: 1.5rem 0 padding: 1rem 1.1rem overflow-x: auto - border-radius: $radius-sm + border-radius: var(--radius-sm) background: #102033 color: #f7f3ea box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) @@ -231,10 +232,10 @@ pre code .taxonomy-section, .post-outline, .content-figure - border: 1px solid $line - border-radius: $radius-md - background: $panel - box-shadow: $shadow-soft + border: 1px solid var(--line) + border-radius: var(--radius-md) + background: var(--panel) + box-shadow: var(--shadow-soft) .hero-copy padding: 2.2rem @@ -270,7 +271,7 @@ pre code padding: 0.32rem 0.75rem border-radius: 999px background: rgba(15, 123, 131, 0.12) - color: $teal-deep + color: var(--teal-deep) font-size: 0.9rem font-weight: 700 @@ -295,7 +296,7 @@ pre code margin-bottom: 1rem border-radius: 24px background: linear-gradient(135deg, #f9d7c1, #8ee0d7) - color: $ink + color: var(--ink) font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif font-size: 2rem font-weight: 700 @@ -357,7 +358,7 @@ pre code .project-card__eyebrow margin: 0 - color: $accent + color: var(--accent) font-size: 0.82rem font-weight: 700 letter-spacing: 0.12em @@ -386,7 +387,7 @@ pre code cursor: pointer .primary-link - background: linear-gradient(135deg, $teal, $teal-deep) + background: linear-gradient(135deg, var(--teal), var(--teal-deep)) color: #ffffff .primary-link:hover @@ -398,9 +399,9 @@ pre code .post-return a, .phase-links a, .contact-social-links a - border-color: $line + border-color: var(--line) background: rgba(255, 255, 255, 0.72) - color: $ink + color: var(--ink) .secondary-link:hover, .post-return a:hover, @@ -478,7 +479,7 @@ pre code gap: 0.45rem .blog-search__label - color: $ink + color: var(--ink) font-size: 0.92rem font-weight: 700 @@ -489,7 +490,7 @@ pre code border: 1px solid rgba(16, 32, 51, 0.16) border-radius: 16px background: rgba(255, 255, 255, 0.92) - color: $ink + color: var(--ink) box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.36) .blog-search input:focus @@ -505,7 +506,7 @@ pre code .blog-archive__note margin: 0 - color: $ink-soft + color: var(--ink-soft) font-size: 0.98rem .blog-result-count @@ -608,16 +609,16 @@ pre code display: flex flex-wrap: wrap gap: 0.5rem - color: $teal-deep + color: var(--teal-deep) font-size: 0.9rem font-weight: 700 .post-preview__title a - color: $ink + color: var(--ink) text-decoration: none .post-preview__title a:hover - color: $teal-deep + color: var(--teal-deep) .post-preview__summary margin: 0 @@ -632,7 +633,7 @@ pre code .taxonomy-pill:hover transform: translateY(-1px) background: rgba(216, 240, 238, 0.72) - color: $ink + color: var(--ink) .taxonomy-directory margin-top: 1rem @@ -651,10 +652,10 @@ pre code .prose figure margin: 0 0 2rem overflow: hidden - border: 1px solid $line - border-radius: $radius-lg + border: 1px solid var(--line) + border-radius: var(--radius-lg) background: rgba(255, 255, 255, 0.94) - box-shadow: $shadow-soft + box-shadow: var(--shadow-soft) .post-feature-image img, .content-figure img, @@ -693,11 +694,11 @@ pre code padding-left: 0.8rem .post-outline a - color: $ink-soft + color: var(--ink-soft) text-decoration: none .post-outline a:hover - color: $teal-deep + color: var(--teal-deep) .prose max-width: 54rem @@ -712,7 +713,7 @@ pre code float: left padding-right: 0.35rem line-height: 0.9 - color: $accent + color: var(--accent) font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif font-size: 3.2rem @@ -724,7 +725,7 @@ pre code .prose ul, .prose ol margin: 0 0 1rem 1.1rem - color: $ink-soft + color: var(--ink-soft) line-height: 1.75 .prose li + li @@ -734,7 +735,7 @@ pre code margin: 1.5rem 0 padding: 1rem 1.2rem border-left: 4px solid rgba(15, 123, 131, 0.35) - border-radius: 0 $radius-sm $radius-sm 0 + border-radius: 0 var(--radius-sm) var(--radius-sm) 0 background: rgba(15, 123, 131, 0.08) .prose hr @@ -764,20 +765,20 @@ pre code flex-direction: column gap: 0.35rem padding: 1.2rem - border: 1px solid $line - border-radius: $radius-md - background: $panel - box-shadow: $shadow-soft + border: 1px solid var(--line) + border-radius: var(--radius-md) + background: var(--panel) + box-shadow: var(--shadow-soft) text-decoration: none .post-navigation__link strong - color: $ink + color: var(--ink) .post-navigation__link--next text-align: right .post-navigation__label - color: $teal-deep + color: var(--teal-deep) font-size: 0.82rem font-weight: 700 text-transform: uppercase From 9e20e4ae4788d707ed7583c3c610acbd4026358b Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Fri, 3 Apr 2026 10:48:17 +0500 Subject: [PATCH 15/71] Revert "Refactor portfolio for scalable blog and image support" This reverts commit d436d700fe07febc251e381b67eb31bcea9d1f3b. --- _config.yml | 36 +- _drafts/article-template.md | 54 -- _includes/figure.html | 6 - _includes/head.html | 10 - _includes/menu.html | 4 +- _includes/post-card.html | 35 - _includes/post-navigation.html | 25 - _includes/post-taxonomy.html | 13 - _includes/reading-time.html | 11 - _includes/social-links.html | 11 - _layouts/default.html | 24 +- _layouts/page.html | 2 +- _layouts/post.html | 45 +- ...mission-in-uet-lahore-faisalabad-campus.md | 17 +- ...he-support-that-made-my-dreams-possible.md | 16 +- ...26-01-03-my-first-journey-to-university.md | 13 +- .../2026-01-04-my-first-hostel-experience.md | 13 +- ...nd-first-class-at-uet-faisalabad-campus.md | 13 +- ...university-life-and-building-my-routine.md | 13 +- ...-lab-experience-and-learning-new-skills.md | 13 +- ...or-who-changed-our-perspective-dr-bilal.md | 13 +- ...p-study-and-my-midterm-exams-experience.md | 13 +- ...-10-final-exams-and-academic-challenges.md | 13 +- ...emester-challenges-learning-and-success.md | 16 +- ...d-semester-journey-and-early-challenges.md | 13 +- ...-lab-experience-learning-database-tools.md | 13 +- ...-an-unexpected-shift-to-online-learning.md | 13 +- ...sql-learning-and-collaborative-projects.md | 13 +- ...-challenges-projects-and-responsibility.md | 16 +- about.md | 79 +- assets/css/portfolio.sass | 776 ++++-------------- assets/images/favicon.svg | 17 - assets/images/posts/.gitkeep | 1 - .../posts/first-semester-success/cover.svg | 24 - .../posts/journey-to-admission/cover.svg | 22 - .../posts/life-changing-scholarship/cover.svg | 23 - .../posts/online-lab-responsibility/cover.svg | 23 - assets/js/blog.js | 109 --- assets/js/site.js | 106 --- blog.md | 103 +-- categories.md | 44 - contact.md | 48 +- index.md | 189 ++--- tags.md | 44 - 44 files changed, 371 insertions(+), 1734 deletions(-) delete mode 100644 _drafts/article-template.md delete mode 100644 _includes/figure.html delete mode 100644 _includes/post-card.html delete mode 100644 _includes/post-navigation.html delete mode 100644 _includes/post-taxonomy.html delete mode 100644 _includes/reading-time.html delete mode 100644 _includes/social-links.html delete mode 100644 assets/images/favicon.svg delete mode 100644 assets/images/posts/.gitkeep delete mode 100644 assets/images/posts/first-semester-success/cover.svg delete mode 100644 assets/images/posts/journey-to-admission/cover.svg delete mode 100644 assets/images/posts/life-changing-scholarship/cover.svg delete mode 100644 assets/images/posts/online-lab-responsibility/cover.svg delete mode 100644 assets/js/blog.js delete mode 100644 assets/js/site.js delete mode 100644 categories.md delete mode 100644 tags.md diff --git a/_config.yml b/_config.yml index 990529e19cf..fd0226a2102 100644 --- a/_config.yml +++ b/_config.yml @@ -1,22 +1,9 @@ title: "Asim Raza" author: "Asim Raza" -tagline: "Computer Engineering student passionate about learning, building projects, and documenting long-term growth." -description: "Computer Engineering student from Mandi Bahauddin, Punjab, Pakistan, building a long-term portfolio of projects, technical skills, and weekly reflections." -url: "https://asim-raza665.github.io" +description: "Computer Engineering student at UET Lahore, Faisalabad Campus, documenting growth, resilience, and technical learning." permalink: /blog/:title/ lang: "en" date_format: "%B %d, %Y" -location: "Mandi Bahauddin, Punjab, Pakistan" -posts_per_page: 6 -latest_posts_limit: 3 -featured_posts_limit: 3 -footer_note: "Built with GitHub Pages" -favicon: "/assets/images/favicon.svg" - -social: - email: "gondalasim665@gmail.com" - github: "https://github.com/asim-raza665" - linkedin: "" show_excerpts: false show_frame: false @@ -34,10 +21,9 @@ external: - {title: "GitHub", icon: github, url: "https://github.com/asim-raza665"} footer: - - {file: "about.md", title: "About"} + - {file: "about.md", title: "Journey"} - {file: "blog.md", title: "Articles"} - - {file: "categories.md", title: "Categories"} - - {file: "tags.md", title: "Tags"} + - {title: "GitHub", url: "https://github.com/asim-raza665"} comments: @@ -46,19 +32,3 @@ plugins: sass: style: compressed - -defaults: - - scope: - path: "" - type: "posts" - values: - layout: post - author: "Asim Raza" - featured: false - featured_image: "" - featured_image_alt: "" - featured_image_caption: "" - -exclude: - - repo-backup-master - - repo-backup-master.zip diff --git a/_drafts/article-template.md b/_drafts/article-template.md deleted file mode 100644 index dbeb40101a5..00000000000 --- a/_drafts/article-template.md +++ /dev/null @@ -1,54 +0,0 @@ ---- -layout: post -title: "Replace with your article title" -date: 2026-04-03 -categories: - - category-name -tags: - - tag-one - - tag-two -summary: "Write a short summary for cards, previews, and SEO." -featured: false -featured_image: /assets/images/posts/article-name/cover.jpg -featured_image_alt: "Describe the featured image clearly" -featured_image_caption: "Optional caption for the featured image" ---- - -## Introduction - -Write a short introduction that explains the context, why this topic matters, and what the reader will learn from the article. - -## Step-by-Step Explanation - -### 1. Starting Point - -Explain where the situation began and what challenge or goal shaped the article. - -### 2. Process - -Describe the actions, learning steps, decisions, or experiences in a clear sequence. - -### 3. Outcome - -Share what you achieved, learned, or improved by the end of the process. - -## Code or Examples - -```text -Add commands, code snippets, structured notes, or short examples here. -``` - -![Replace with image alt text](/assets/images/posts/article-name/example.jpg "Optional image caption") - -## Conclusion - -Close with the lesson, insight, or next step that connects this article to your long-term growth. - -{% comment %} -Optional advanced image usage: -{% include figure.html - src="/assets/images/posts/article-name/example.jpg" - alt="Describe the image" - caption="Optional caption" -%} -{% endcomment %} diff --git a/_includes/figure.html b/_includes/figure.html deleted file mode 100644 index f411153722c..00000000000 --- a/_includes/figure.html +++ /dev/null @@ -1,6 +0,0 @@ -
- {{ include.alt | default: '' }} - {% if include.caption %} -
{{ include.caption }}
- {% endif %} -
diff --git a/_includes/head.html b/_includes/head.html index 7df64629d95..9b61316f6d7 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -6,15 +6,7 @@ - - - - -{% if page.featured_image and page.featured_image != "" %} - -{% endif %} - {%- if site.show_minimal -%} {%- elsif site.show_frame -%} @@ -40,6 +32,4 @@ {%- if site.comments.isso_domain and page.layout == "post" -%} {%- endif -%} - - {%- if site.show_sidebar %}{% include sidebar.html %}{% endif %} diff --git a/_includes/menu.html b/_includes/menu.html index f91c082e92a..6dc79e896ac 100644 --- a/_includes/menu.html +++ b/_includes/menu.html @@ -1,10 +1,9 @@ {%- if include.menu -%} - +
{%- for item in include.menu -%} {%- assign node = site.pages | where: "name", item.file | first -%} {%- assign url = item.url | default: node.url -%} {%- assign title = item.title | default: node.title -%} - {%- if url and title -%} {%- if item.icon -%} @@ -12,7 +11,6 @@ {{ title }} {%- endif -%} - {%- endif -%} {%- endfor -%}
{%- endif -%} diff --git a/_includes/post-card.html b/_includes/post-card.html deleted file mode 100644 index 1a8de2c95b2..00000000000 --- a/_includes/post-card.html +++ /dev/null @@ -1,35 +0,0 @@ -{% assign post = include.post %} -{% capture computed_reading_time %}{% include reading-time.html content=post.content override=post.read_time %}{% endcapture %} -{% assign post_summary = post.summary | default: post.excerpt | strip_html | strip %} -{% capture search_blob %}{{ post.title }} {{ post_summary }} {{ post.categories | join: ' ' }} {{ post.tags | join: ' ' }}{% endcapture %} -{% assign has_featured_image = false %} -{% if post.featured_image and post.featured_image != "" %} - {% assign has_featured_image = true %} -{% endif %} - -
- - {% if has_featured_image %} - {{ post.featured_image_alt | default: post.title }} - {% else %} - {{ post.categories | first | default: "Article" | replace: "-", " " }} - {{ post.title }} - {% endif %} - {% if post.featured %} - Featured - {% endif %} - - -
-
- {{ post.date | date: site.date_format }} - {{ computed_reading_time | strip }} -
-

{{ post.title }}

-

{{ post_summary }}

- {% include post-taxonomy.html items=post.categories type="category" %} - {% if include.show_tags %} - {% include post-taxonomy.html items=post.tags type="tag" %} - {% endif %} -
-
diff --git a/_includes/post-navigation.html b/_includes/post-navigation.html deleted file mode 100644 index e6a9ece7b3f..00000000000 --- a/_includes/post-navigation.html +++ /dev/null @@ -1,25 +0,0 @@ -
- {% if page.previous %} - - Previous Article - {{ page.previous.title }} - - {% else %} - - Previous Article - No earlier article - - {% endif %} - - {% if page.next %} - - Next Article - {{ page.next.title }} - - {% else %} - - Next Article - No newer article - - {% endif %} -
diff --git a/_includes/post-taxonomy.html b/_includes/post-taxonomy.html deleted file mode 100644 index 87f609bbf25..00000000000 --- a/_includes/post-taxonomy.html +++ /dev/null @@ -1,13 +0,0 @@ -{% if include.items and include.items.size > 0 %} -
- {% for item in include.items %} - {% assign item_slug = item | slugify %} - {% if include.type == "tag" %} - {% assign item_url = "/tags/#" | append: item_slug %} - {% else %} - {% assign item_url = "/categories/#" | append: item_slug %} - {% endif %} - {{ item | replace: "-", " " }} - {% endfor %} -
-{% endif %} diff --git a/_includes/reading-time.html b/_includes/reading-time.html deleted file mode 100644 index bf79994e0de..00000000000 --- a/_includes/reading-time.html +++ /dev/null @@ -1,11 +0,0 @@ -{% if include.override and include.override != "" %} -{{ include.override }} -{% else %} -{% assign plain_content = include.content | strip_html | strip_newlines %} -{% assign word_count = plain_content | split: " " | size %} -{% assign reading_minutes = word_count | plus: 179 | divided_by: 180 %} -{% if reading_minutes < 1 %} - {% assign reading_minutes = 1 %} -{% endif %} -{{ reading_minutes }} min read -{% endif %} diff --git a/_includes/social-links.html b/_includes/social-links.html deleted file mode 100644 index b584d4a5b1c..00000000000 --- a/_includes/social-links.html +++ /dev/null @@ -1,11 +0,0 @@ - - {% if site.social.email and site.social.email != "" %} - Email - {% endif %} - {% if site.social.github and site.social.github != "" %} - GitHub - {% endif %} - {% if site.social.linkedin and site.social.linkedin != "" %} - LinkedIn - {% endif %} -
diff --git a/_layouts/default.html b/_layouts/default.html index 5edd3472e0a..2a523415376 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -10,27 +10,17 @@

{{ site.title | escape }}

{% endunless %} - {% include menu.html menu=site.navigation class_name="site-header__nav" %} - {% include menu.html menu=site.external class_name="site-header__external" %} + {% include menu.html menu=site.navigation %} + {% include menu.html menu=site.external %} -
- {{ content }} -
+ {{ content }} + {%- if site.footer -%}
-
-
-

{{ site.title }}

-

{{ site.tagline }}

-

{{ site.location }}

-
-
-

© {{ site.time | date: "%Y" }} {{ site.author }} | {{ site.footer_note }}

- {% include social-links.html class_name="site-footer__social" %} -
-
- {% include menu.html menu=site.footer class_name="site-footer__nav" %} +
{{ site.description }}
+ {% include menu.html menu=site.footer %}
+ {%- endif -%} diff --git a/_layouts/page.html b/_layouts/page.html index 94c1bce90e7..610b22a15f4 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -4,7 +4,7 @@
{% if page.title and page.title != "Home" %}
-

{{ page.eyebrow | default: "Portfolio Section" }}

+

Portfolio Section

{{ page.title }}

{% if page.description %}

{{ page.description }}

{% endif %}
diff --git a/_layouts/post.html b/_layouts/post.html index e7c26ce1287..802cbaf6270 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -2,50 +2,23 @@ layout: default --- -{% capture computed_reading_time %}{% include reading-time.html content=page.content override=page.read_time %}{% endcapture %} -{% assign has_featured_image = false %} -{% if page.featured_image and page.featured_image != "" %} - {% assign has_featured_image = true %} -{% endif %} -
-

{{ page.phase | default: page.categories | first | default: "Article" | replace: "-", " " }}

+ {% if page.phase %}

{{ page.phase }}

{% endif %}

{{ page.title }}

{% if page.summary %}

{{ page.summary }}

{% endif %}
- {{ page.date | date: site.date_format }} - {{ computed_reading_time | strip }} - {% if page.featured %}Featured{% endif %} + {% if page.journey_stage %}{{ page.journey_stage }}{% endif %} + {% if page.read_time %}{{ page.read_time }} read{% endif %} + {% if page.sequence %}Article {{ page.sequence }}{% endif %}
- {% include post-taxonomy.html items=page.categories type="category" %} - {% include post-taxonomy.html items=page.tags type="tag" %}
- {% if has_featured_image %} -
- {{ page.featured_image_alt | default: page.title }} - {% if page.featured_image_caption %} -
{{ page.featured_image_caption }}
- {% endif %} -
- {% endif %} - -
-
-

On This Page

-
-
- -
- {{ content }} -
+
+ {{ content }}
-
-
- Back to the blog -
- {% include post-navigation.html %} -
+
+ Back to the blog +
diff --git a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md index c3df8703b55..a885759fdec 100644 --- a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md +++ b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md @@ -1,26 +1,13 @@ ---- +--- layout: post title: "My Journey to Admission in UET Lahore (Faisalabad Campus)" -date: 2026-01-01 -categories: - - admissions - - academic-journey -tags: - - uet-lahore - - ecat - - entry-test - - self-study -featured: true -featured_image: /assets/images/posts/journey-to-admission/cover.svg -featured_image_alt: "Illustrated cover for Asim Raza's admission journey to UET Lahore Faisalabad Campus" -featured_image_caption: "A visual cover representing the beginning of my computer engineering journey." sequence: 1 phase: "Getting In & Starting Out" journey_stage: "Admission Journey" +read_time: "4 min" summary: "How I balanced board exams and entry tests to secure admission to UET Lahore, Faisalabad Campus, in Computer Engineering." --- - My journey toward becoming a Computer Engineering student began during the final phase of my FSc Part-II. It was one of the most important and challenging periods of my academic life because I had to handle multiple responsibilities at the same time. While many students around me were fully focused only on their board exams, I found myself balancing two major challenges together: preparing seriously for my intermediate examinations and, at the same time, getting ready for different university entrance tests. I realized early that securing admission to a well-reputed engineering university was not possible without proper planning, consistent effort, and strong determination. That is why I decided to start my preparation for entry tests alongside my academic studies instead of waiting until the exams were over. For my preparation, I mainly relied on my FSc textbooks because they provided the basic concepts required for all entry tests. Along with that, I also used different online platforms that offered practice material, past papers, and mock tests. These resources helped me understand the pattern of entry tests and improve my speed and accuracy. This combination of self-study and online practice proved very effective for me. However, managing both board exam preparation and entry test preparation at the same time was not an easy task. There were moments when it became stressful and difficult to maintain focus, but I stayed committed to my goal. This phase taught me discipline, patience, and strong time management skills, which later became very helpful in my university life. diff --git a/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md b/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md index 12e4f84ab70..828cde9513f 100644 --- a/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md +++ b/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md @@ -1,25 +1,13 @@ ---- +--- layout: post title: "A Life-Changing Scholarship – The Support That Made My Dreams Possible" -date: 2026-01-02 -categories: - - scholarship - - academic-journey -tags: - - financial-support - - mentorship - - opportunity -featured: true -featured_image: /assets/images/posts/life-changing-scholarship/cover.svg -featured_image_alt: "Illustrated cover for a life-changing scholarship story" -featured_image_caption: "A visual cover symbolizing support, opportunity, and educational hope." sequence: 2 phase: "Getting In & Starting Out" journey_stage: "Scholarship Support" +read_time: "6 min" summary: "A story of unexpected support, generous mentors, and the scholarship that made my higher education possible." --- - Every student has a story behind their academic journey, but some stories are shaped not only by hard work, but also by unexpected kindness and support from others. My journey toward higher education is one of those stories, a journey where a simple, random meeting changed the direction of my life and made my dreams achievable. It all started during my FSc Part-II. At that time, like many students, I was focused on completing my intermediate education and thinking about my future. One day, while walking in the street, I randomly met an old school friend. It was a normal and casual meeting at first, but it turned out to be one of the most important moments of my life. During our conversation, he mentioned that his aunt wanted to meet me regarding a scholarship opportunity. His aunt, whom I already knew as my teacher from my early school years in 5th and 6th class, had always been a kind and supportive person. Her name was Madam Tasmiha. diff --git a/_posts/2026-01-03-my-first-journey-to-university.md b/_posts/2026-01-03-my-first-journey-to-university.md index 8091edae48f..a8dfcd35264 100644 --- a/_posts/2026-01-03-my-first-journey-to-university.md +++ b/_posts/2026-01-03-my-first-journey-to-university.md @@ -1,22 +1,13 @@ ---- +--- layout: post title: "My First Journey to University" -date: 2026-01-03 -categories: - - transition - - student-life -tags: - - travel - - independence - - first-day -featured: false sequence: 3 phase: "Getting In & Starting Out" journey_stage: "First Departure" +read_time: "4 min" summary: "The emotional, uncertain, and unforgettable journey from home to UET Faisalabad for the very first time." --- - The journey to university is always a memorable and emotional moment in a student’s life, and mine was no different. In fact, it was one of the most important transitions in my life because it was the first time I was leaving my home to start a completely new phase. Everything felt new and uncertain, yet exciting at the same time. The night before my departure, I carefully prepared all my necessary belongings, including clothes, shoes, and other daily essentials. I made sure that everything was properly packed and organized because I knew the next day would be both hectic and emotional. I did not want to forget anything important, as I would be away from home for a long time. Early in the morning, around 7 a.m., I left my home with my father on a bike and headed toward the bus stand. That short ride felt very long because my mind was filled with different thoughts and emotions. Saying goodbye to my family was not easy at all. It was a deeply emotional moment, as I was stepping into a new life away from the comfort of my home. There was excitement for the journey ahead, but at the same time, there was sadness in leaving my loved ones behind. These mixed feelings stayed with me as I boarded the bus. diff --git a/_posts/2026-01-04-my-first-hostel-experience.md b/_posts/2026-01-04-my-first-hostel-experience.md index ea42858c8a7..e7962c044cc 100644 --- a/_posts/2026-01-04-my-first-hostel-experience.md +++ b/_posts/2026-01-04-my-first-hostel-experience.md @@ -1,22 +1,13 @@ ---- +--- layout: post title: "My First Hostel Experience" -date: 2026-01-04 -categories: - - student-life - - hostel-life -tags: - - adjustment - - independence - - friendship -featured: false sequence: 4 phase: "Getting In & Starting Out" journey_stage: "Hostel Adjustment" +read_time: "4 min" summary: "How my first days in the hostel began with discomfort and uncertainty but gradually turned into growth and friendship." --- - After securing my admission in UET Lahore (Faisalabad Campus), a completely new chapter of my life began, my very first experience of hostel life. Before joining university, I had never stayed in a hostel or lived away from my home for such a long period. Because of this, everything about this transition felt new, unfamiliar, and a bit overwhelming for me. I was both excited and nervous at the same time, as I did not know what to expect from this new lifestyle. When the university announced that hostel rooms would be allotted on a “first come, first serve” basis, I did not take this information very seriously. I thought that I would easily get a place in one of the better hostels without any difficulty. Due to this casual approach, I arrived at the campus without much urgency. However, when I reached there, I quickly realized that I had made a mistake. The most well-known hostels, Al-Biruni Hall and Ali Hall, were already fully occupied by new students who had arrived earlier. At that moment, I understood the importance of timing and planning. diff --git a/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md b/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md index afa40e719bb..48a5f17dec5 100644 --- a/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md +++ b/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md @@ -1,22 +1,13 @@ ---- +--- layout: post title: "My First Day and First Class at UET Faisalabad Campus" -date: 2026-01-05 -categories: - - student-life - - academics -tags: - - first-class - - campus-life - - programming -featured: false sequence: 5 phase: "Getting In & Starting Out" journey_stage: "First Day on Campus" +read_time: "4 min" summary: "An unforgettable first day filled with confusion, curiosity, first classes, and the realization that university life would demand much more from me." --- - After settling into hostel life, the next big step in my journey was my very first day of classes at UET Faisalabad Campus. That morning felt completely different from the previous days because it carried a unique mix of excitement, curiosity, and nervousness. Since it was my first university class, I wanted everything to go perfectly. I woke up early in the morning, took a shower, got fully ready, and carefully packed my bag with the basic items I had at that time, including a register, a pen, and a few markers. I was not even sure what other stationery items would be required, but I tried my best to be prepared. As I walked toward the university campus, I observed everything very carefully. I noticed the buildings, the movement of students, and the overall environment around me. Being a newcomer, I wanted to present myself confidently in front of others, even though deep inside I was feeling a bit unsure and nervous. Everything around me was new, and I was trying to adjust myself to this new atmosphere. diff --git a/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md b/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md index 27281815e88..42ab28eba50 100644 --- a/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md +++ b/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md @@ -1,22 +1,13 @@ ---- +--- layout: post title: "Adjusting to University Life and Building My Routine" -date: 2026-01-06 -categories: - - academics - - growth -tags: - - routine - - programming-fundamentals - - adaptation -featured: false sequence: 6 phase: "First Semester Growth" journey_stage: "Building Routine" +read_time: "5 min" summary: "The difficult but valuable process of adapting to university studies, programming, English lectures, and a completely new routine." --- - After experiencing my first day at university, the real challenge began, adjusting to a completely new academic and social environment. The first week of classes was a mixture of confusion, curiosity, and pressure. Everything felt very different from my FSc life, where studies were more structured, guided, and predictable. In university, I had to manage everything on my own, including attending lectures, completing assignments, handling hostel life, and doing self-study. This sudden shift in responsibility made the initial days quite challenging for me. One of the biggest challenges I faced was the subject of Programming Fundamentals. Coming from an FSc Pre-Engineering background, and even earlier from a biology-focused matric, I had no exposure to computers or programming at all. While subjects like Calculus, Applied Physics, and Discrete Mathematics were somewhat familiar and easier to understand, programming was completely new and unfamiliar for me. In our first lectures, we started learning Python, beginning with very basic concepts such as variables. For many students, these concepts seemed simple and easy to grasp, but for me, everything felt new and difficult to understand. I had to put in extra effort just to follow what was being taught in class. diff --git a/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md b/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md index b2b7a64d28f..947192a8251 100644 --- a/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md +++ b/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md @@ -1,22 +1,13 @@ ---- +--- layout: post title: "My First Lab Experience and Learning New Skills" -date: 2026-01-07 -categories: - - labs - - skills -tags: - - python - - ict - - self-study -featured: false sequence: 7 phase: "First Semester Growth" journey_stage: "First Lab Experience" +read_time: "4 min" summary: "My earliest practical labs taught me coding discipline, ICT tools, self-study habits, and the value of supportive friends." --- - After settling into the rhythm of my first classes, the next big step in my academic journey was experiencing my first real labs at UET Faisalabad Campus. This phase was both exciting and challenging because it required me to apply the theoretical knowledge I was learning in subjects like Programming Fundamentals and Engineering Science into practical tasks. It was a completely new experience for me, as I was not used to learning in such an interactive and hands-on way. Our first lab in Programming Fundamentals was mainly an introduction to basic coding. Since I had already struggled with understanding variables and Python logic in the classroom, this lab became a real test of my understanding. Initially, everything felt overwhelming because I had no prior experience in coding, and even simple tasks seemed difficult to perform. I often felt confused while following the instructions, but I tried my best to stay focused and not give up. Gradually, I started developing a habit of self-study, where I would revise concepts on my own and practice simple coding tasks repeatedly. I realized that consistency and regular practice were the only ways to overcome my hesitation and confusion. diff --git a/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md b/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md index 00ea5e37ec7..e1952598a46 100644 --- a/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md +++ b/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md @@ -1,22 +1,13 @@ ---- +--- layout: post title: "A Mentor Who Changed Our Perspective – Dr. Bilal" -date: 2026-01-08 -categories: - - mentorship - - mindset -tags: - - dr-bilal - - skills - - career -featured: false sequence: 8 phase: "First Semester Growth" journey_stage: "Mentorship and Mindset" +read_time: "4 min" summary: "How Dr. Bilal helped us move beyond labels and focus on the technical skills that truly shape a future in computing." --- - During the early weeks of my university life, one of the most common concerns among students in our class was about our degree program. We were enrolled in BSc Computer Engineering under SEC instead of PEC, and this created a lot of confusion and uncertainty. Many students, including myself, started to question whether we were in the right field. There were discussions in classrooms, hostels, and even during breaks about future job opportunities, the value of our degree, and whether not being registered under PEC would limit our careers. This situation created stress and doubt in our minds, especially because we had just started our university journey and were already worried about our future. At that time, our Programming Fundamentals teacher, Dr. Bilal, played a very important role in guiding us. He was not only a knowledgeable and intelligent teacher but also someone who understood the mindset of students. One day, he addressed this issue in class when he realized that many students were confused and worried. Instead of ignoring our concerns, he openly discussed them and gave us a very clear and practical perspective. diff --git a/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md b/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md index 310cf4a4c3e..86b67699239 100644 --- a/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md +++ b/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md @@ -1,22 +1,13 @@ ---- +--- layout: post title: "Group Study and My Midterm Exams Experience" -date: 2026-01-09 -categories: - - academics - - exams -tags: - - group-study - - midterms - - collaboration -featured: false sequence: 9 phase: "First Semester Growth" journey_stage: "Midterm Preparation" +read_time: "4 min" summary: "How group study, shared understanding, and focused preparation turned moderate quiz scores into strong midterm results." --- - After settling into my daily routine and becoming more familiar with university life, the next significant phase of my journey was preparing for quizzes and midterm exams. Initially, the concept of group study was completely new to me. During my FSc studies, I was used to studying alone, relying mostly on personal notes and self-practice. However, at UET Faisalabad, I quickly realized that working together with peers could make a huge difference. Learning in a collaborative environment not only helped me understand difficult concepts more effectively but also made the study process less stressful. I formed a study group with my closest friends, including my best friend Tahir Yaqoob, as well as other classmates from the hostel and our courses. We made it a habit to meet regularly, sharing our notes, solving problems together, and discussing challenging topics. Subjects like Programming Fundamentals, Calculus, and Discrete Mathematics often required detailed explanations, and our group discussions allowed us to clarify doubts and learn from each other’s perspectives. These sessions gradually became a cornerstone of my preparation strategy, and I began looking forward to them as a productive and supportive way to study. diff --git a/_posts/2026-01-10-final-exams-and-academic-challenges.md b/_posts/2026-01-10-final-exams-and-academic-challenges.md index d889c3b9d41..4fc077f5066 100644 --- a/_posts/2026-01-10-final-exams-and-academic-challenges.md +++ b/_posts/2026-01-10-final-exams-and-academic-challenges.md @@ -1,22 +1,13 @@ ---- +--- layout: post title: "Final Exams and Academic Challenges" -date: 2026-01-10 -categories: - - academics - - exams -tags: - - final-exams - - time-management - - resilience -featured: false sequence: 10 phase: "First Semester Growth" journey_stage: "Final Exam Pressure" +read_time: "4 min" summary: "The final exam period taught me disciplined revision, time management, and how to remain steady under academic pressure." --- - As the semester moved toward its final phase, the pressure of final exams began to increase steadily. Unlike midterm exams, which covered only a portion of the syllabus, the finals required complete preparation for all subjects, including every concept taught throughout the semester. For me, this period was both challenging and highly important because it tested not only my academic understanding but also my consistency, discipline, and ability to manage time effectively. I realized that success in finals was not simply about studying hard for a few days; it depended largely on how well I had built and strengthened my concepts over the entire semester. To prepare effectively, I began revising all subjects in a planned and organized way. I divided my study time according to the difficulty and complexity of each subject. Programming Fundamentals required extra attention because it was still relatively new for me and involved coding, which I had little prior experience with. I spent most of my time practicing Python problems, understanding logical structures, and revising lab exercises step by step. At the same time, I reviewed other subjects like Calculus, Applied Physics, and Discrete Mathematics by going through my class notes, solving past questions, and revisiting important formulas and concepts. Making short notes and summaries proved to be very helpful, as they allowed me to quickly revise key points before the exams without wasting time searching through bulky books. diff --git a/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md b/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md index 0902db75ce3..419c4fb12cd 100644 --- a/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md +++ b/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md @@ -1,25 +1,13 @@ ---- +--- layout: post title: "Completing My First Semester – Challenges, Learning, and Success" -date: 2026-01-11 -categories: - - projects - - achievements -tags: - - machine-learning - - python - - cgpa -featured: true -featured_image: /assets/images/posts/first-semester-success/cover.svg -featured_image_alt: "Illustrated cover for first semester success and project growth" -featured_image_caption: "A visual cover highlighting academic progress, project work, and confidence." sequence: 11 phase: "First Semester Growth" journey_stage: "First Semester Success" +read_time: "6 min" summary: "My first semester ended with a strong CGPA, a machine learning project, and the confidence that I could thrive in computer engineering." --- - The end of my first semester at UET Faisalabad Campus was both challenging and rewarding. After completing the midterm exams, the next major task was preparing for the final exams, which required comprehensive revision of all the concepts covered throughout the semester, including topics taught before the midterms. For me, this period was particularly demanding because it involved balancing multiple responsibilities, maintaining a consistent study routine, managing hostel life, and, whenever possible, spending quality time with my family. It became clear that effective time management and self-discipline were essential if I wanted to cover all subjects thoroughly, from Programming Fundamentals and Calculus to Physics, ICT, and Discrete Mathematics. During this intense period, I developed several new study habits that proved crucial for my academic success. I began making detailed notes and summaries for each subject, which allowed me to revise efficiently before exams. Regular practice of problems, especially in Programming Fundamentals and Calculus, helped reinforce my understanding of difficult concepts. Group study sessions with my friends became a key part of my preparation. My closest friends, particularly Tahir Yaqoob, along with other classmates, played an important role in keeping me motivated and focused. During these sessions, we discussed difficult topics, solved problems collaboratively, and shared different approaches to learning. This experience taught me the value of teamwork and how peer support can enhance understanding and retention of knowledge. diff --git a/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md b/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md index b7c8ae73723..1664bf6d4cc 100644 --- a/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md +++ b/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md @@ -1,22 +1,13 @@ ---- +--- layout: post title: "A Fresh Start – My Second Semester Journey and Early Challenges" -date: 2026-01-12 -categories: - - academics - - growth -tags: - - oop - - databases - - scholarship-interview -featured: false sequence: 12 phase: "Second Semester Momentum" journey_stage: "Second Semester Start" +read_time: "5 min" summary: "My second semester began with preparation, confidence, a scholarship interview, and the lesson that good preparation can reduce setbacks." --- - After successfully completing my first semester at university, I was given a short but valuable break of two weeks. For many students, such vacations are a time to relax and disconnect from studies. However, for me, this break became an opportunity to prepare myself for the challenges ahead. I had already realized during my first semester that university life is very different from college life. The concepts are deeper, the pace is faster, and the expectations are much higher. Keeping this in mind, I decided to use my vacation wisely instead of spending it casually. During these two weeks, I focused on learning the basics of Object-Oriented Programming and Database Systems through online platforms. These subjects were part of my upcoming semester, and I wanted to build a strong foundation before classes even started. I explored different online resources, including video lectures, tutorials, and practice exercises. This self-learning experience was very helpful because it introduced me to important concepts such as classes, objects, inheritance, and basic database operations like tables, queries, and relationships. At that time, I did not aim to master everything; my goal was simply to become familiar with the concepts so that I would not feel completely new when these topics were taught in class. diff --git a/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md b/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md index 6a34bfc2220..ac6abfc5bf8 100644 --- a/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md +++ b/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md @@ -1,22 +1,13 @@ ---- +--- layout: post title: "My First Practical Lab Experience – Learning Database Tools" -date: 2026-01-13 -categories: - - labs - - databases -tags: - - mysql - - workbench - - setup -featured: false sequence: 13 phase: "Second Semester Momentum" journey_stage: "Database Lab Foundations" +read_time: "3 min" summary: "My first real database lab gave me hands-on confidence with MySQL Server, MySQL Workbench, and practical setup skills." --- - Starting a new semester always brings new experiences, and one of the most important parts of my second semester was the beginning of practical lab work. Although officially it was the second lab session, for me it was actually my first lab because I had missed the initial one due to my visit to the main campus for the HEC Need-Based Scholarship interview. Therefore, I entered this lab with a mix of curiosity, excitement, and a slight concern about what I might have missed. At the beginning of the session, our teacher understood that some students, including me, were not present in the previous lab. So, he briefly revised the important points and clearly explained the objectives of the current lab. This supportive approach helped me feel comfortable and allowed me to quickly align myself with the rest of the class. It also showed me how important a good teacher is in guiding students, especially when they face small gaps in their learning. diff --git a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md index 2b2ee0337e5..20dd1191326 100644 --- a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md +++ b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md @@ -1,22 +1,13 @@ ---- +--- layout: post title: "Ramzan Adventures and an Unexpected Shift to Online Learning" -date: 2026-01-14 -categories: - - student-life - - online-learning -tags: - - ramzan - - adaptability - - hostel-life -featured: false sequence: 14 phase: "Second Semester Momentum" journey_stage: "Ramzan and Adaptability" +read_time: "5 min" summary: "Ramzan in the hostel taught me responsibility, teamwork, and adaptability just as university life unexpectedly shifted online." --- - The beginning of Ramzan during my second semester brought a completely new and memorable experience into my university life. It was not just a change in routine, but a unique phase filled with learning, independence, and unexpected challenges. As hostel students, this was our first time observing Ramzan away from home, which made it both exciting and slightly difficult. At the start of Ramzan, we were already settled into our semester, attending regular classes and managing our academic workload. However, fasting in a university environment was a new experience for all of us. While the university continued to provide the usual mess food, it was not fully aligned with the special needs of Sehri and Iftar. At home, these moments are always well-prepared and comfortable, but in the hostel, we had to manage everything on our own. diff --git a/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md b/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md index 25125b4b711..e22eaaae0a0 100644 --- a/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md +++ b/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md @@ -1,22 +1,13 @@ ---- +--- layout: post title: "Online Classes, SQL Learning, and Collaborative Projects" -date: 2026-01-15 -categories: - - online-learning - - databases -tags: - - sql - - collaboration - - projects -featured: false sequence: 15 phase: "Second Semester Momentum" journey_stage: "Online Learning Growth" +read_time: "4 min" summary: "Online classes pushed me to strengthen SQL, improve project work, and stay disciplined through collaboration and self-management." --- - During the end of Ramadan, the semester took an unexpected turn due to global events that affected life in our country. The conflict between America, Israel, and Iran caused a sharp rise in petrol prices, which ultimately led to the closure of all universities, colleges, and schools across Pakistan. As a result, our classes shifted entirely to online mode, introducing a new set of challenges for both learning and staying disciplined while at home. Adapting to this sudden change required flexibility, self-motivation, and careful planning. Despite these challenges, I made a conscious effort to make the most of the situation, focusing on practical learning during online sessions and labs to ensure that my academic progress was not affected. During this period, I gained my first real exposure to SQL commands. Under the guidance of Dr. Bilal, I learned to write basic queries, create tables, and manage data efficiently. This hands-on experience helped me understand how databases function and how data can be organized and manipulated effectively. In addition to SQL, our lab sessions involved revisiting our previous projects from the first semester and refining them further. The “before mid” project, which initially involved creating a simple portal uploaded on GitHub, served as the foundation for our final project. We enhanced this project significantly by incorporating Machine Learning and Deep Learning components, adding advanced features, and improving its visual interface. The result was a professional and more advanced version compared to our earlier work. This process taught me the importance of iterative development, attention to detail, and striving for continuous improvement in technical projects. diff --git a/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md b/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md index 833ac2b3930..6b7e82437af 100644 --- a/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md +++ b/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md @@ -1,25 +1,13 @@ ---- +--- layout: post title: "An Online Lab Experience – Challenges, Projects, and Responsibility" -date: 2026-01-16 -categories: - - leadership - - databases -tags: - - sql - - portfolio-project - - mentorship -featured: true -featured_image: /assets/images/posts/online-lab-responsibility/cover.svg -featured_image_alt: "Illustrated cover for online lab work, responsibility, and portfolio leadership" -featured_image_caption: "A visual cover for the article about preparation, guidance, and leadership." sequence: 16 phase: "Second Semester Momentum" journey_stage: "Leadership and Responsibility" +read_time: "6 min" summary: "An online database lab became a turning point where preparation, project planning, and helping classmates all came together." --- - As my second semester continued, one of the most interesting and slightly challenging experiences came during an online database lab session. This lab was different from the previous ones because it focused more on preparation, understanding, and evaluation rather than just performing tasks step by step. It also introduced us to important academic responsibilities and teamwork beyond the classroom. In the previous lab, our teacher had given us a detailed task to prepare different types of SQL queries. These included basic queries, aggregate queries, join queries for table relationships, group queries, and queries based on business logic. The purpose of this preparation was not only to test our knowledge but also to strengthen our understanding of how databases work in real-world scenarios. The teacher clearly instructed us that in the next lab, which would be conducted online, he would ask questions from these topics, and students would be evaluated based on their responses. diff --git a/about.md b/about.md index 5631608866b..b1279caa3c7 100644 --- a/about.md +++ b/about.md @@ -2,89 +2,64 @@ layout: page title: "About" permalink: /about/ -description: "A professional overview of Asim Raza, his values, learning approach, and long-term direction in computer engineering." +description: "A concise portrait of who I am, what shaped my journey, and the values guiding my growth in computer engineering." ---

Who I Am

-

A student shaped by purpose, support, and consistent effort

+

A student shaped by purpose, support, and persistence

-
+

Academic Profile

-

I am Asim Raza, a Computer Engineering student at UET Lahore, Faisalabad Campus. My journey is built on discipline, curiosity, and the belief that strong skills create meaningful long-term opportunities.

-
-
-

Learning Style

-

I grow through a blend of classroom learning, self-study, reflective writing, peer discussion, and hands-on practice with technical tools and problem-solving tasks.

-
-
-

What Motivates Me

-

The support I received from teachers, mentors, and generous sponsors has made me deeply grateful and strongly motivated to keep improving both academically and personally.

-
-
-

Long-Term Direction

-

I want to keep building a strong foundation in software, data, databases, and engineering thinking while presenting my work in a professional way that reflects steady growth over time.

-
+

I am Asim Raza, a BSc Computer Engineering student at UET Lahore, Faisalabad Campus. My academic journey is rooted in hard work, self-discipline, and the desire to build strong technical skills that can create meaningful impact.

+
+
+

How My Journey Began

+

My path started with balancing FSc Part-II studies and university entrance test preparation at the same time. That phase taught me planning, patience, and how to stay focused when the pressure is high.

+
+
+

A Turning Point

+

A scholarship opportunity changed the direction of my life. The support of Madam Tasmiha, Sir Aftab, and Sir Ahmad Nawaz gave me the chance to continue my education with dignity, hope, and renewed motivation.

+
+
+

What I Am Learning

+

My growth at university has included programming in Python, database systems, SQL, machine learning projects, and the practical discipline that comes from labs, assignments, and continuous assessment.

+

What Guides Me

-

Values behind the work

+

Values that shape my work

Gratitude

-

I carry forward the trust of the people who supported my education, and that trust shapes how seriously I approach every opportunity.

+

I never forget the people whose trust and generosity supported my education. Their belief in me motivates me to work with sincerity.

Consistency

-

I believe sustainable results come from regular effort, thoughtful routines, and the willingness to keep improving even when progress feels slow.

+

I believe strong results come from daily effort, not shortcuts. My academic progress has always been tied to regular practice and discipline.

-

Skill-First Growth

-

I focus on practical skills, real understanding, and strong foundations because they matter most for long-term success in computing and engineering.

+

Skill-Focused Growth

+

One of the most valuable lessons I learned at university is that skills define long-term success, especially in computing and modern engineering fields.

Helping Others

-

Sharing what I learn helps me grow further. Teaching, guiding, and discussing ideas with classmates has become an important part of my development.

-
-
-
- -
-
-

Current Focus

-

What I am actively building

-
-
-
-

Programming Confidence

-

Strengthening problem solving, writing clearer code, and building confidence with programming concepts through repeated practice.

-
-
-

Database Understanding

-

Learning how structured data, SQL queries, and database tools support reliable systems and real technical work.

-
-
-

Project Thinking

-

Turning coursework and ideas into presentable projects that show process, technical decisions, and measurable progress.

-
-
-

Professional Presentation

-

Documenting my journey in a way that is useful for mentors, recruiters, collaborators, and anyone interested in my long-term growth.

+

When I was asked to guide classmates on the portfolio project, I realized that knowledge becomes stronger when it is shared with others.

-

Keep Exploring

-

From personal story to technical growth

-

The blog archive expands this introduction with full articles about learning, projects, mentorship, responsibility, and progress in computer engineering.

+

What This Portfolio Shows

+

More than achievements alone

+

This portfolio is a record of growth through scholarship, challenge, hostel life, group study, mentorship, and technical learning. It represents the person I am becoming as a computer engineering student.

- Open Blog + Contact Me
diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index 31a98428e73..99f46b27eb4 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -1,52 +1,15 @@ --- --- -:root - --bg: #f4efe6 - --panel: rgba(255, 251, 244, 0.94) - --panel-strong: rgba(255, 255, 255, 0.96) - --ink: #102033 - --ink-soft: #415263 - --teal: #0f7b83 - --teal-deep: #0d5165 - --accent: #c66b42 - --line: rgba(16, 32, 51, 0.12) - --shadow: 0 28px 70px rgba(16, 32, 51, 0.14) - --shadow-soft: 0 16px 40px rgba(16, 32, 51, 0.08) - --radius-xl: 28px - --radius-lg: 20px - --radius-md: 18px - --radius-sm: 14px - -* - box-sizing: border-box - html scroll-behavior: smooth body - margin: 0 font-family: "PT Sans", "Segoe UI", sans-serif - color: var(--ink) - background: var(--bg) + color: #102033 + background: #f4efe6 background-image: radial-gradient(circle at top left, rgba(15, 123, 131, 0.14), transparent 24%), radial-gradient(circle at top right, rgba(198, 107, 66, 0.15), transparent 22%), linear-gradient(180deg, rgba(255, 255, 255, 0.35), transparent 28%) -img - display: block - max-width: 100% - height: auto - -a - color: var(--teal-deep) - transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease - -a:hover - color: var(--ink) - -button, -input - font: inherit - body > header, body > article, body > main, @@ -54,9 +17,6 @@ body > footer position: relative z-index: 1 -.site-main - padding-bottom: 0.4rem - .site-header position: sticky top: 0 @@ -65,45 +25,31 @@ body > footer max-width: 1120px margin: 1.25rem auto 0 padding: 1rem 1.5rem - display: flex - flex-wrap: wrap - align-items: center - justify-content: space-between - gap: 0.75rem border: 1px solid rgba(255, 255, 255, 0.45) border-radius: 999px background: rgba(10, 24, 39, 0.88) box-shadow: 0 14px 40px rgba(7, 18, 30, 0.2) color: #f7f3ea - backdrop-filter: blur(16px) .site-header h1 - margin: 0 font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif letter-spacing: 0.03em - font-size: 1.2rem -.site-header h1 a - color: #f7f3ea - text-decoration: none +.site-header a + border-radius: 999px + padding: 0.45rem 0.9rem -.site-header__nav, -.site-header__external, -.site-footer__nav +.site-header nav display: flex flex-wrap: wrap gap: 0.35rem margin: 0 -.site-header nav a, -.site-footer nav a - border-radius: 999px - padding: 0.45rem 0.9rem - text-decoration: none - .site-header nav a color: #f7f3ea font-size: 0.98rem + text-decoration: none + transition: background 0.2s ease, color 0.2s ease .site-header nav a:hover, .site-header nav a.is-active @@ -116,10 +62,10 @@ body > footer max-width: 1120px margin: 1.35rem auto padding: 2rem - border: 1px solid var(--line) - border-radius: var(--radius-xl) + border: 1px solid rgba(16, 32, 51, 0.12) + border-radius: 28px background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 252, 246, 0.96)) - box-shadow: var(--shadow) + box-shadow: 0 28px 70px rgba(16, 32, 51, 0.14) overflow: hidden .page-hero, @@ -127,7 +73,7 @@ body > footer margin-bottom: 2.2rem padding: 2rem border: 1px solid rgba(255, 255, 255, 0.5) - border-radius: var(--radius-lg) + border-radius: 20px background: linear-gradient(135deg, rgba(15, 123, 131, 0.12), rgba(255, 255, 255, 0.7) 42%, rgba(198, 107, 66, 0.12)) .home-page .page-hero @@ -135,58 +81,34 @@ body > footer .eyebrow margin: 0 0 0.65rem - color: var(--teal-deep) + color: #0d5165 font-size: 0.8rem font-weight: 700 letter-spacing: 0.16em text-transform: uppercase -h1, -h2, -h3, -h4 - margin: 0 +h1, h2, h3 font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif - color: var(--ink) + color: #102033 line-height: 1.1 h1 - font-size: 4.1rem + margin: 0 + font-size: 4.2rem h2 + margin: 0 font-size: 2.35rem h3 + margin: 0 0 0.7rem font-size: 1.32rem -h4 - font-size: 1.1rem - p - color: var(--ink-soft) + color: #415263 line-height: 1.78 font-size: 1.03rem -code - padding: 0.15rem 0.45rem - border-radius: 999px - background: rgba(15, 123, 131, 0.1) - color: var(--teal-deep) - -pre - margin: 1.5rem 0 - padding: 1rem 1.1rem - overflow-x: auto - border-radius: var(--radius-sm) - background: #102033 - color: #f7f3ea - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) - -pre code - padding: 0 - background: transparent - color: inherit - .page-lead, .post-lead, .hero-subtitle @@ -194,87 +116,32 @@ pre code color: #213447 max-width: 52rem -.section-block - margin-top: 2rem - -.section-heading - display: flex - flex-direction: column - gap: 0.35rem - margin-bottom: 1rem - -.section-heading--split - flex-direction: row - align-items: end - justify-content: space-between - gap: 1rem - .hero-grid display: grid - grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.95fr) + grid-template-columns: 1.7fr 0.9fr gap: 1.4rem align-items: stretch .hero-copy, .profile-panel, .feature-card, +.metric-card, .timeline-card, .about-card, .contact-card, +.journal-card, .quote-panel, .cta-panel, -.blog-intro, -.blog-toolbox, -.skill-card, -.project-card, -.post-preview, -.blog-empty-state, -.taxonomy-section, -.post-outline, -.content-figure - border: 1px solid var(--line) - border-radius: var(--radius-md) - background: var(--panel) - box-shadow: var(--shadow-soft) +.blog-intro + border: 1px solid rgba(16, 32, 51, 0.12) + border-radius: 18px + background: rgba(255, 251, 244, 0.92) + box-shadow: 0 16px 40px rgba(16, 32, 51, 0.08) .hero-copy padding: 2.2rem background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(232, 246, 244, 0.92)) -.hero-highlights, -.skill-tags, -.project-tech, -.post-taxonomy, -.taxonomy-directory, -.site-footer__social, -.contact-social-links - display: flex - flex-wrap: wrap - gap: 0.65rem - -.hero-highlights - margin-top: 1.4rem - -.hero-highlights span, -.skill-tags span, -.project-tech span, -.taxonomy-pill, -.taxonomy-count, -.post-meta-row span, -.contact-note, -.blog-result-count, -.pagination-controls__status - display: inline-flex - align-items: center - gap: 0.35rem - min-height: 2rem - padding: 0.32rem 0.75rem - border-radius: 999px - background: rgba(15, 123, 131, 0.12) - color: var(--teal-deep) - font-size: 0.9rem - font-weight: 700 - .profile-panel display: flex flex-direction: column @@ -284,8 +151,7 @@ pre code color: #f7f3ea .profile-panel p, -.profile-panel li, -.profile-panel strong +.profile-panel li color: rgba(247, 243, 234, 0.88) .profile-badge @@ -296,7 +162,7 @@ pre code margin-bottom: 1rem border-radius: 24px background: linear-gradient(135deg, #f9d7c1, #8ee0d7) - color: var(--ink) + color: #102033 font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif font-size: 2rem font-weight: 700 @@ -311,112 +177,68 @@ pre code padding-left: 1.15rem .profile-facts li - margin: 0.55rem 0 + margin: 0.5rem 0 + +.section-block + margin-top: 2rem + +.section-heading + display: flex + flex-direction: column + gap: 0.35rem + margin-bottom: 1rem .feature-grid, +.metric-grid, .timeline-grid, .about-grid, .contact-grid, -.skill-grid, -.project-grid, -.post-preview-grid +.journal-grid display: grid gap: 1rem -.feature-grid, -.timeline-grid, -.about-grid, -.contact-grid, -.skill-grid - grid-template-columns: repeat(2, minmax(0, 1fr)) - -.project-grid - grid-template-columns: repeat(3, minmax(0, 1fr)) +.feature-grid + grid-template-columns: repeat(2, 1fr) -.post-preview-grid - grid-template-columns: repeat(3, minmax(0, 1fr)) +.metric-grid + grid-template-columns: repeat(4, 1fr) -.post-preview-grid--featured - grid-template-columns: repeat(3, minmax(0, 1fr)) +.timeline-grid, +.about-grid, +.journal-grid + grid-template-columns: repeat(2, 1fr) -.post-preview-grid--compact - grid-template-columns: repeat(2, minmax(0, 1fr)) +.contact-grid + grid-template-columns: repeat(3, 1fr) .feature-card, +.metric-card, .timeline-card, .about-card, .contact-card, -.skill-card, -.project-card +.journal-card padding: 1.35rem - background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 252, 252, 0.94)) -.project-card +.metric-card display: flex flex-direction: column - gap: 1rem - -.project-card__eyebrow - margin: 0 - color: var(--accent) - font-size: 0.82rem - font-weight: 700 - letter-spacing: 0.12em - text-transform: uppercase - -.button-row - display: flex - flex-wrap: wrap - gap: 0.75rem - margin-top: 1.5rem + gap: 0.45rem + align-items: flex-start + justify-content: space-between + background: linear-gradient(180deg, rgba(15, 123, 131, 0.08), rgba(255, 255, 255, 0.92)) -.primary-link, -.secondary-link, -.post-return a, -.phase-links a, -.contact-social-links a - display: inline-flex - align-items: center - justify-content: center - min-height: 2.8rem - padding: 0.8rem 1.2rem +.metric-value + display: inline-block + min-width: 68px + padding: 0.4rem 0.85rem border-radius: 999px - border: 1px solid transparent - font-weight: 700 - text-decoration: none - cursor: pointer - -.primary-link - background: linear-gradient(135deg, var(--teal), var(--teal-deep)) - color: #ffffff - -.primary-link:hover - color: #ffffff - transform: translateY(-1px) - box-shadow: 0 10px 24px rgba(13, 81, 101, 0.22) - -.secondary-link, -.post-return a, -.phase-links a, -.contact-social-links a - border-color: var(--line) - background: rgba(255, 255, 255, 0.72) - color: var(--ink) - -.secondary-link:hover, -.post-return a:hover, -.phase-links a:hover, -.contact-social-links a:hover - transform: translateY(-1px) - background: rgba(216, 240, 238, 0.72) - box-shadow: 0 10px 22px rgba(16, 32, 51, 0.08) + background: #d8f0ee + color: #0d5165 + font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif + font-size: 1.8rem -.secondary-link[disabled], -.pagination-controls__button[disabled] - opacity: 0.45 - cursor: not-allowed - transform: none - box-shadow: none +.metric-label + color: #415263 .quote-panel margin-top: 2rem @@ -427,6 +249,7 @@ pre code .quote-panel blockquote margin: 0 padding: 0 + background: transparent border: 0 color: #ffffff font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif @@ -452,260 +275,92 @@ pre code gap: 1rem background: linear-gradient(135deg, rgba(255, 244, 233, 0.95), rgba(220, 244, 241, 0.95)) -.blog-intro, -.blog-toolbox - padding: 1.4rem - -.blog-intro - margin-bottom: 1rem - -.phase-links +.button-row display: flex flex-wrap: wrap gap: 0.75rem - margin-top: 1rem - -.blog-toolbox - display: flex - align-items: end - justify-content: space-between - gap: 1rem - margin-bottom: 2rem - -.blog-search - flex: 1 - display: flex - flex-direction: column - gap: 0.45rem + margin-top: 1.5rem -.blog-search__label - color: var(--ink) - font-size: 0.92rem +.primary-link, +.secondary-link, +.post-return a, +.phase-links a + display: inline-block + padding: 0.8rem 1.2rem + border-radius: 999px font-weight: 700 + text-decoration: none + box-shadow: none -.blog-search input - width: 100% - min-height: 3.1rem - padding: 0.9rem 1rem - border: 1px solid rgba(16, 32, 51, 0.16) - border-radius: 16px - background: rgba(255, 255, 255, 0.92) - color: var(--ink) - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.36) - -.blog-search input:focus - outline: none - border-color: rgba(15, 123, 131, 0.45) - box-shadow: 0 0 0 4px rgba(15, 123, 131, 0.12) - -.blog-toolbox__links, -.blog-archive__actions - display: flex - flex-wrap: wrap - gap: 0.75rem - -.blog-archive__note - margin: 0 - color: var(--ink-soft) - font-size: 0.98rem - -.blog-result-count - margin: 0 0 1rem - width: fit-content +.primary-link + background: linear-gradient(135deg, #0f7b83, #0d5165) + color: #ffffff -.blog-empty-state - padding: 1.5rem - text-align: center +.primary-link:hover + background: linear-gradient(135deg, #118a93, #0d4a5d) + box-shadow: none -.pagination-controls - margin-top: 1.5rem - display: flex - align-items: center - justify-content: center - gap: 0.75rem - flex-wrap: wrap +.secondary-link, +.phase-links a, +.post-return a + border: 1px solid rgba(16, 32, 51, 0.12) + background: rgba(255, 255, 255, 0.72) + color: #102033 -.post-preview - display: flex - flex-direction: column - overflow: hidden - background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 252, 252, 0.94)) +.secondary-link:hover, +.phase-links a:hover, +.post-return a:hover + background: rgba(216, 240, 238, 0.72) + box-shadow: none -.post-preview:hover - transform: translateY(-3px) - box-shadow: 0 20px 42px rgba(16, 32, 51, 0.12) +.blog-intro + padding: 1.4rem + margin-bottom: 2rem -.post-preview__media - position: relative - aspect-ratio: 16 / 10 +.phase-links display: flex - align-items: end - justify-content: start - padding: 1rem - overflow: hidden - text-decoration: none - background: linear-gradient(135deg, rgba(15, 123, 131, 0.18), rgba(198, 107, 66, 0.16)) - -.post-preview__media img - width: 100% - height: 100% - object-fit: cover - position: absolute - inset: 0 - -.post-preview__media::after - content: "" - position: absolute - inset: 0 - background: linear-gradient(180deg, transparent 0%, rgba(10, 24, 39, 0.12) 60%, rgba(10, 24, 39, 0.46) 100%) - pointer-events: none - -.post-preview__media--fallback - align-items: flex-end - -.post-preview__placeholder-label, -.post-preview__placeholder-title, -.post-preview__featured-badge - position: relative - z-index: 1 - -.post-preview__placeholder-label - padding: 0.38rem 0.8rem - border-radius: 999px - background: rgba(255, 255, 255, 0.18) - color: #ffffff - font-size: 0.82rem - font-weight: 700 - text-transform: uppercase - letter-spacing: 0.08em + flex-wrap: wrap + gap: 0.75rem + margin-top: 1rem -.post-preview__placeholder-title - display: block - margin-top: 0.7rem - color: #ffffff - font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif - font-size: 1.35rem - max-width: 16rem - -.post-preview__featured-badge - position: absolute - top: 1rem - right: 1rem - padding: 0.35rem 0.7rem - border-radius: 999px - background: rgba(16, 32, 51, 0.8) - color: #ffffff - font-size: 0.82rem - font-weight: 700 +.phase-section + margin-top: 2rem -.post-preview__content +.journal-card display: flex - flex: 1 flex-direction: column gap: 0.9rem - padding: 1.2rem + background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 252, 252, 0.94)) -.post-preview__meta - display: flex - flex-wrap: wrap - gap: 0.5rem - color: var(--teal-deep) +.journal-index, +.post-meta-row span, +.journal-meta span, +.contact-note + display: inline-block + padding: 0.32rem 0.75rem + border-radius: 999px + background: rgba(15, 123, 131, 0.12) + color: #0d5165 font-size: 0.9rem font-weight: 700 -.post-preview__title a - color: var(--ink) - text-decoration: none - -.post-preview__title a:hover - color: var(--teal-deep) - -.post-preview__summary - margin: 0 - -.post-taxonomy - gap: 0.5rem - -.taxonomy-pill - border: 1px solid rgba(15, 123, 131, 0.12) +.journal-card h3 a + color: #102033 text-decoration: none -.taxonomy-pill:hover - transform: translateY(-1px) - background: rgba(216, 240, 238, 0.72) - color: var(--ink) - -.taxonomy-directory - margin-top: 1rem - -.taxonomy-count - min-width: 1.7rem - justify-content: center - padding: 0.18rem 0.48rem - background: rgba(255, 255, 255, 0.66) - -.taxonomy-section - padding: 1.35rem - -.post-feature-image, -.content-figure, -.prose figure - margin: 0 0 2rem - overflow: hidden - border: 1px solid var(--line) - border-radius: var(--radius-lg) - background: rgba(255, 255, 255, 0.94) - box-shadow: var(--shadow-soft) - -.post-feature-image img, -.content-figure img, -.prose figure img, -.prose img - width: 100% - height: auto - -.post-feature-image figcaption, -.content-figure figcaption, -.prose figure figcaption - padding: 0.85rem 1rem 1rem - color: rgba(65, 82, 99, 0.82) - font-size: 0.92rem - text-align: center - -.post-layout-grid - display: grid - grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) - gap: 1.8rem - align-items: start - -.post-outline - position: sticky - top: 6.9rem - padding: 1.2rem - -.post-outline__list - margin: 0 - padding: 0 - list-style: none - display: grid - gap: 0.5rem - -.post-outline__item--h3 - padding-left: 0.8rem - -.post-outline a - color: var(--ink-soft) - text-decoration: none +.journal-card h3 a:hover + color: #0d5165 + box-shadow: none -.post-outline a:hover - color: var(--teal-deep) +.journal-meta, +.post-meta-row + display: flex + flex-wrap: wrap + gap: 0.55rem .prose max-width: 54rem -.prose > *:first-child - margin-top: 0 - .prose p margin: 0 0 1rem @@ -713,172 +368,63 @@ pre code float: left padding-right: 0.35rem line-height: 0.9 - color: var(--accent) + color: #c66b42 font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif font-size: 3.2rem -.prose h2, -.prose h3, -.prose h4 - margin: 2rem 0 0.8rem - -.prose ul, -.prose ol - margin: 0 0 1rem 1.1rem - color: var(--ink-soft) - line-height: 1.75 - -.prose li + li - margin-top: 0.35rem - -.prose blockquote - margin: 1.5rem 0 - padding: 1rem 1.2rem - border-left: 4px solid rgba(15, 123, 131, 0.35) - border-radius: 0 var(--radius-sm) var(--radius-sm) 0 - background: rgba(15, 123, 131, 0.08) - -.prose hr - margin: 2rem 0 - border: 0 - border-top: 1px solid rgba(16, 32, 51, 0.12) - -.post-footer-stack +.post-return width: 94% max-width: 1120px margin: -0.2rem auto 1.35rem - -.post-return - margin: 0 0 1rem padding: 0 text-align: right background: transparent box-shadow: none -.post-navigation - display: grid - grid-template-columns: repeat(2, minmax(0, 1fr)) - gap: 1rem - -.post-navigation__link - display: flex - flex-direction: column - gap: 0.35rem - padding: 1.2rem - border: 1px solid var(--line) - border-radius: var(--radius-md) - background: var(--panel) - box-shadow: var(--shadow-soft) - text-decoration: none - -.post-navigation__link strong - color: var(--ink) - -.post-navigation__link--next - text-align: right - -.post-navigation__label - color: var(--teal-deep) - font-size: 0.82rem - font-weight: 700 - text-transform: uppercase - letter-spacing: 0.1em - -.post-navigation__link:hover - transform: translateY(-2px) - box-shadow: 0 18px 36px rgba(16, 32, 51, 0.1) - -.post-navigation__link--empty - opacity: 0.72 - .site-footer width: 94% max-width: 1120px margin: 0 auto 1.35rem - padding: 1.4rem 1.5rem + padding: 1.25rem 1.5rem border: 1px solid rgba(255, 255, 255, 0.35) border-radius: 24px background: rgba(10, 24, 39, 0.9) color: rgba(247, 243, 234, 0.84) box-shadow: 0 16px 36px rgba(7, 18, 30, 0.18) -.site-footer h2 - margin-bottom: 0.35rem - color: #ffffff - font-size: 1.35rem - -.site-footer p - margin: 0.2rem 0 - color: rgba(247, 243, 234, 0.82) - -.site-footer__intro - display: flex - flex-wrap: wrap - align-items: end - justify-content: space-between - gap: 1rem - margin-bottom: 1rem - -.site-footer__location - color: rgba(247, 243, 234, 0.62) - -.site-footer__meta - display: flex - flex-direction: column - gap: 0.75rem - align-items: flex-end - .site-footer a color: #f7f3ea text-decoration: none -.site-footer nav a:hover, -.site-footer__social a:hover - background: rgba(255, 255, 255, 0.12) - color: #ffffff +.site-footer nav + display: flex + flex-wrap: wrap + gap: 0.35rem -.site-footer__social a - min-height: 2.2rem - padding: 0.35rem 0.75rem - border: 1px solid rgba(255, 255, 255, 0.14) +.site-footer nav a + padding: 0.35rem 0.8rem border-radius: 999px -@media (max-width: 1100px) - .project-grid, - .post-preview-grid, - .post-preview-grid--featured - grid-template-columns: repeat(2, minmax(0, 1fr)) +.site-footer nav a:hover + background: rgba(255, 255, 255, 0.12) + box-shadow: none @media (max-width: 960px) .hero-grid, .feature-grid, + .metric-grid, .timeline-grid, .about-grid, .contact-grid, - .skill-grid, - .project-grid, - .post-preview-grid, - .post-preview-grid--featured, - .post-preview-grid--compact, - .post-layout-grid, - .post-navigation + .journal-grid grid-template-columns: 1fr - .section-heading--split, - .blog-toolbox, - .cta-panel, - .site-footer__intro + .cta-panel flex-direction: column align-items: flex-start - .site-footer__meta - align-items: flex-start - - .post-outline - position: static - h1 - font-size: 3.4rem + font-size: 3.5rem h2 font-size: 2.05rem @@ -895,37 +441,27 @@ pre code .page-card, .post-card, .site-footer, - .post-footer-stack + .post-return width: 96% padding: 1.2rem + h1 + font-size: 2.8rem + + h2 + font-size: 1.8rem + + .profile-panel, + .hero-copy, .page-hero, .post-hero, - .hero-copy, - .profile-panel, .feature-card, + .metric-card, .timeline-card, .about-card, .contact-card, + .journal-card, .quote-panel, .cta-panel, - .blog-intro, - .blog-toolbox, - .skill-card, - .project-card, - .post-preview, - .taxonomy-section, - .post-outline + .blog-intro padding: 1.2rem - - h1 - font-size: 2.8rem - - h2 - font-size: 1.8rem - - .post-return - text-align: left - - .post-preview__content - padding: 1rem diff --git a/assets/images/favicon.svg b/assets/images/favicon.svg deleted file mode 100644 index a07bbdef0a8..00000000000 --- a/assets/images/favicon.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - - - - - - - - - - diff --git a/assets/images/posts/.gitkeep b/assets/images/posts/.gitkeep deleted file mode 100644 index 8b137891791..00000000000 --- a/assets/images/posts/.gitkeep +++ /dev/null @@ -1 +0,0 @@ - diff --git a/assets/images/posts/first-semester-success/cover.svg b/assets/images/posts/first-semester-success/cover.svg deleted file mode 100644 index 0a94a2f8edb..00000000000 --- a/assets/images/posts/first-semester-success/cover.svg +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - - - - - - - - - - - - PROJECTS AND RESULTS - Completing My First - Semester Strong - Machine learning, growth, and academic confidence. - diff --git a/assets/images/posts/journey-to-admission/cover.svg b/assets/images/posts/journey-to-admission/cover.svg deleted file mode 100644 index 7433c73df2c..00000000000 --- a/assets/images/posts/journey-to-admission/cover.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - - - - - - - - ADMISSION JOURNEY - My Journey to Admission - UET Lahore, Faisalabad Campus - Preparation, pressure, persistence, and a new beginning. - diff --git a/assets/images/posts/life-changing-scholarship/cover.svg b/assets/images/posts/life-changing-scholarship/cover.svg deleted file mode 100644 index 274459a5666..00000000000 --- a/assets/images/posts/life-changing-scholarship/cover.svg +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - - - - - - - - - - - - - - SCHOLARSHIP STORY - Support That Changed - My Direction - Kindness, trust, and opportunity made higher education possible. - diff --git a/assets/images/posts/online-lab-responsibility/cover.svg b/assets/images/posts/online-lab-responsibility/cover.svg deleted file mode 100644 index 0c7c09beeb3..00000000000 --- a/assets/images/posts/online-lab-responsibility/cover.svg +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - - - - - - - - - - - - - - LEADERSHIP AND GUIDANCE - Online Lab, Projects, - and Responsibility - Preparation, portfolio work, and helping others move forward. - diff --git a/assets/js/blog.js b/assets/js/blog.js deleted file mode 100644 index cabbf7d7285..00000000000 --- a/assets/js/blog.js +++ /dev/null @@ -1,109 +0,0 @@ -(() => { - const archive = document.querySelector("[data-blog-archive]"); - - if (!archive) { - return; - } - - const searchInput = document.querySelector("[data-blog-search]"); - const cards = Array.from(archive.querySelectorAll("[data-post-card]")); - const resultCount = archive.querySelector("[data-blog-result-count]"); - const emptyState = archive.querySelector("[data-blog-empty]"); - const pagination = archive.querySelector("[data-blog-pagination]"); - const previousButton = archive.querySelector("[data-blog-prev]"); - const nextButton = archive.querySelector("[data-blog-next]"); - const status = archive.querySelector("[data-blog-status]"); - const pageSize = Number.parseInt(archive.dataset.postsPerPage || "6", 10) || 6; - - let query = ""; - let currentPage = 1; - - const getFilteredCards = () => - cards.filter((card) => (card.dataset.search || "").includes(query)); - - const render = () => { - const filteredCards = getFilteredCards(); - const totalItems = filteredCards.length; - const totalPages = Math.max(1, Math.ceil(totalItems / pageSize)); - - if (currentPage > totalPages) { - currentPage = totalPages; - } - - const start = (currentPage - 1) * pageSize; - const end = start + pageSize; - const visibleCards = filteredCards.slice(start, end); - - cards.forEach((card) => { - card.hidden = true; - }); - - visibleCards.forEach((card) => { - card.hidden = false; - }); - - if (resultCount) { - if (totalItems === 0) { - resultCount.textContent = query - ? `No articles found for "${searchInput.value.trim()}".` - : "No articles available yet."; - } else { - const rangeStart = start + 1; - const rangeEnd = Math.min(end, totalItems); - resultCount.textContent = query - ? `Showing ${rangeStart}-${rangeEnd} of ${totalItems} matching articles.` - : `Showing ${rangeStart}-${rangeEnd} of ${totalItems} articles.`; - } - } - - if (emptyState) { - emptyState.hidden = totalItems !== 0; - } - - if (pagination) { - pagination.hidden = totalItems <= pageSize || totalItems === 0; - } - - if (previousButton) { - previousButton.disabled = currentPage === 1 || totalItems === 0; - } - - if (nextButton) { - nextButton.disabled = currentPage === totalPages || totalItems === 0; - } - - if (status) { - status.textContent = totalItems === 0 ? "Page 0 of 0" : `Page ${currentPage} of ${totalPages}`; - } - }; - - if (searchInput) { - searchInput.addEventListener("input", () => { - query = searchInput.value.trim().toLowerCase(); - currentPage = 1; - render(); - }); - } - - if (previousButton) { - previousButton.addEventListener("click", () => { - if (currentPage > 1) { - currentPage -= 1; - render(); - } - }); - } - - if (nextButton) { - nextButton.addEventListener("click", () => { - const totalPages = Math.max(1, Math.ceil(getFilteredCards().length / pageSize)); - - if (currentPage < totalPages) { - currentPage += 1; - render(); - } - }); - } - - render(); -})(); diff --git a/assets/js/site.js b/assets/js/site.js deleted file mode 100644 index 46c854aa22c..00000000000 --- a/assets/js/site.js +++ /dev/null @@ -1,106 +0,0 @@ -(() => { - const slugify = (value) => - value - .toLowerCase() - .trim() - .replace(/[^a-z0-9\s-]/g, "") - .replace(/\s+/g, "-") - .replace(/-+/g, "-"); - - const decorateArticleImages = () => { - const images = document.querySelectorAll(".prose img"); - - images.forEach((image) => { - image.loading = "lazy"; - image.decoding = "async"; - - if (image.closest("figure") || image.closest(".post-feature-image")) { - return; - } - - const parent = image.parentElement; - const paragraph = - parent && parent.tagName === "P" - ? parent - : parent && - parent.tagName === "A" && - parent.parentElement && - parent.parentElement.tagName === "P" - ? parent.parentElement - : null; - - if (!paragraph || paragraph.textContent.trim() !== "") { - return; - } - - const figure = document.createElement("figure"); - figure.className = "content-figure"; - - const media = - image.parentElement && image.parentElement.tagName === "A" - ? image.parentElement - : image; - - paragraph.parentNode.insertBefore(figure, paragraph); - figure.appendChild(media); - - if (image.title) { - const caption = document.createElement("figcaption"); - caption.textContent = image.title; - figure.appendChild(caption); - } - - paragraph.remove(); - }); - }; - - const buildPostToc = () => { - const content = document.querySelector("[data-post-content]"); - const tocContainer = document.querySelector("[data-post-toc-container]"); - const tocTarget = document.querySelector("[data-post-toc]"); - - if (!content || !tocContainer || !tocTarget) { - return; - } - - const headings = Array.from(content.querySelectorAll("h2, h3")).filter((heading) => - heading.textContent.trim() - ); - - if (!headings.length) { - return; - } - - const usedIds = new Set(); - const list = document.createElement("ul"); - list.className = "post-outline__list"; - - headings.forEach((heading) => { - let id = heading.id || slugify(heading.textContent); - - while (!id || usedIds.has(id) || (document.getElementById(id) && document.getElementById(id) !== heading)) { - id = `${slugify(heading.textContent)}-${usedIds.size + 1}`; - } - - heading.id = id; - usedIds.add(id); - - const item = document.createElement("li"); - item.className = `post-outline__item post-outline__item--${heading.tagName.toLowerCase()}`; - - const link = document.createElement("a"); - link.href = `#${id}`; - link.textContent = heading.textContent; - - item.appendChild(link); - list.appendChild(item); - }); - - tocTarget.innerHTML = ""; - tocTarget.appendChild(list); - tocContainer.hidden = false; - }; - - decorateArticleImages(); - buildPostToc(); -})(); diff --git a/blog.md b/blog.md index b1aa857c83d..9a3bcfe894c 100644 --- a/blog.md +++ b/blog.md @@ -2,72 +2,79 @@ layout: page title: "Blog" permalink: /blog/ -body_class: blog-page -eyebrow: "Journal & Writing" -description: "A scalable archive of articles about my computer engineering journey, projects, lessons, and technical growth." +description: "A complete record of my computer engineering journey, organized as linked posts from admission to second semester growth." --- -{% assign featured_posts = site.posts | where: "featured", true %} +{% assign sorted_posts = site.posts | sort: "sequence" %} +{% assign phase_one = sorted_posts | where: "phase", "Getting In & Starting Out" %} +{% assign phase_two = sorted_posts | where: "phase", "First Semester Growth" %} +{% assign phase_three = sorted_posts | where: "phase", "Second Semester Momentum" %}
-

This archive updates automatically whenever a new post is added to _posts/. Articles appear from latest to oldest, can be searched instantly, and support categories, tags, reading time, featured images, and professional navigation.

+

This page collects my full portfolio articles. Each article opens separately so the complete post can be read in detail.

- Latest Articles - {% if featured_posts != empty %}Featured{% endif %} - Categories - Tags + Admission & Transition + First Semester Growth + Second Semester Momentum
-
- -
- Browse Categories - Browse Tags +
+
+

Phase 01

+

Getting In & Starting Out

+
+
+ {% for post in phase_one %} +
+ Article {{ post.sequence }} +

{{ post.title }}

+

{{ post.summary }}

+
+ {{ post.journey_stage }} + {{ post.read_time }} +
+
+ {% endfor %}
-{% if featured_posts != empty %} -
+
-

Featured Posts

-

Selected milestones and standout moments

+

Phase 02

+

First Semester Growth

-
- {% for post in featured_posts limit: site.featured_posts_limit %} - {% include post-card.html post=post show_tags=true variant="featured" %} +
+ {% for post in phase_two %} +
+ Article {{ post.sequence }} +

{{ post.title }}

+

{{ post.summary }}

+
+ {{ post.journey_stage }} + {{ post.read_time }} +
+
{% endfor %}
-{% endif %} -
-
-
-

All Articles

-

Latest to oldest

-
-

New weekly posts will appear here automatically.

+
+
+

Phase 03

+

Second Semester Momentum

-

- -
- {% for post in site.posts %} - {% include post-card.html post=post show_tags=true %} +
+ {% for post in phase_three %} +
+ Article {{ post.sequence }} +

{{ post.title }}

+

{{ post.summary }}

+
+ {{ post.journey_stage }} + {{ post.read_time }} +
+
{% endfor %}
- -
-

No articles match your search

-

Try a different keyword or browse the full archive through categories and tags.

-
- -
- - - -
diff --git a/categories.md b/categories.md deleted file mode 100644 index 392114f61d9..00000000000 --- a/categories.md +++ /dev/null @@ -1,44 +0,0 @@ ---- -layout: page -title: "Categories" -permalink: /categories/ -body_class: taxonomy-page -eyebrow: "Browse Archive" -description: "Explore portfolio articles by category, from admissions and student life to databases, projects, and technical growth." ---- - -{% assign sorted_categories = site.categories | sort %} - -
-

Browse the archive by category to quickly find articles about admissions, academic growth, labs, projects, student life, and technical development.

-
- {% for category in sorted_categories %} - {% assign category_name = category | first %} - {% assign category_posts = category | last %} - - {{ category_name | replace: "-", " " }} - {{ category_posts | size }} - - {% endfor %} -
-
- -{% for category in sorted_categories %} - {% assign category_name = category | first %} - {% assign category_posts = category | last %} - {% assign category_count = category_posts | size %} -
-
-
-

Category

-

{{ category_name | replace: "-", " " }}

-
-

{{ category_count }} article{% if category_count != 1 %}s{% endif %}

-
-
- {% for post in category_posts %} - {% include post-card.html post=post variant="compact" %} - {% endfor %} -
-
-{% endfor %} diff --git a/contact.md b/contact.md index c1f5ff88591..97b57ea8460 100644 --- a/contact.md +++ b/contact.md @@ -2,37 +2,30 @@ layout: page title: "Contact" permalink: /contact/ -description: "Ways to connect with Asim Raza for academic networking, professional conversation, portfolio feedback, and collaboration." +description: "Ways to reach me for academic networking, portfolio feedback, and professional conversation." ---
-

Let's Connect

-

Open to thoughtful academic and professional conversations

+

Let’s Connect

+

I am open to meaningful academic and professional conversations

Email

-

For portfolio feedback, academic discussion, collaboration, or professional opportunities, email is the best way to reach me directly.

- {{ site.social.email }} +

For portfolio feedback, academic discussion, or opportunities, email is the best way to reach me directly.

+ gondalasim665@gmail.com

GitHub

-

You can review my public work, portfolio repository, and ongoing technical presence through GitHub.

- Visit GitHub +

You can also view my work and connect with me through my GitHub profile and portfolio repository.

+ github.com/asim-raza665
-

Location

-

I am based in {{ site.location }} and continue building my academic and technical profile through UET Lahore, Faisalabad Campus.

- {{ site.location }} +

Academic Base

+

I am currently pursuing Computer Engineering at UET Lahore, Faisalabad Campus, where I continue building my technical and personal growth.

+ UET Lahore, Faisalabad Campus
- {% if site.social.linkedin and site.social.linkedin != "" %} -
-

LinkedIn

-

Connect with me on LinkedIn for professional networking and updates beyond my blog archive.

- View LinkedIn -
- {% endif %}
@@ -44,28 +37,19 @@ description: "Ways to connect with Asim Raza for academic networking, profession

Student Journey

-

Admissions, scholarships, hostel adjustment, university routines, and how to navigate the transition into engineering education.

+

Conversations about admissions, hostel adjustment, scholarships, and managing the transition from college life to university.

-

Technical Learning

-

Programming fundamentals, SQL, database tools, beginner machine learning work, and strategies for learning unfamiliar concepts.

+

Technical Growth

+

Learning programming, database systems, SQL, machine learning, and building confidence in computer engineering subjects.

Portfolio Feedback

-

Suggestions on writing, structure, presentation, and how to document technical progress in a professional and scalable way.

+

Suggestions, collaboration ideas, and professional feedback that can help me improve my projects and presentation.

-

Collaboration

-

Academic networking, peer learning, shared projects, and conversations with people who value consistent and skill-oriented growth.

+

Academic Networking

+

Connecting with fellow students, mentors, and professionals who value learning, discipline, and skill-oriented progress.

- -
-
-

Social Links

-

Available channels

-

My configured contact channels are shown below and in the site footer, so they stay reusable across the whole portfolio.

-
- {% include social-links.html class_name="contact-social-links" %} -
diff --git a/index.md b/index.md index 3241951a944..58082767fda 100644 --- a/index.md +++ b/index.md @@ -2,180 +2,119 @@ layout: page title: "Home" body_class: home-page -description: "Professional portfolio of Asim Raza, a Computer Engineering student documenting technical growth, projects, and long-term learning." +description: "A polished introduction to my academic path, achievements, and future direction in computer engineering." ---
-

Computer Engineering Portfolio

+

Computer Engineering Journey

Asim Raza

-

Computer Engineering student passionate about learning, building practical systems, and turning challenges into long-term growth.

-

This portfolio presents my academic journey, technical development, and project-based learning in a clean and professional format. It is designed to grow with me over time, from foundational university experiences to future work in software, data, and engineering problem-solving.

+

BSc Computer Engineering student at UET Lahore, Faisalabad Campus, building a future through discipline, gratitude, and practical learning.

+

I created this portfolio to present my journey from entry-test preparation to university life, technical growth, scholarships, hostel experiences, labs, and academic progress. It reflects how I am growing not only as a student, but also as a resilient and responsible future engineer.

- About Me - Read Articles -
-
- Python and problem solving - Databases and SQL - Machine learning exposure - Consistent academic growth + Explore My Story + Read My Articles
AR
-

Student, builder, and lifelong learner

+

Emerging Computer Engineer

    -
  • Location: {{ site.location }}
    • -
  • Academic Base: UET Lahore, Faisalabad Campus
    • -
  • Focus: Programming, Databases, Machine Learning, Technical Communication
    • -
  • Approach: Learn deeply, build consistently, and keep improving
    • +
  • University: UET Lahore, Faisalabad Campus
    • +
  • Focus: Programming, Databases, Machine Learning
    • +
  • Milestone: 3.83 CGPA in first semester
    • +
  • Mindset: Learn deeply, grow consistently, help others
-

About Me

-

A portfolio built around growth, discipline, and real experiences

+

Journey Snapshot

+

Four defining parts of my story

-
-
-

Professional Direction

-

I am building my foundation in computer engineering through practical learning, reflective writing, and a steady focus on skills that matter in modern technical work.

+
+
+

Admission With Purpose

+

I balanced FSc board preparation with competitive entry tests and secured admission to UET Lahore in Computer Engineering through steady planning and self-study.

-
-

What This Site Shows

-

My homepage remains a stable professional introduction, while the blog archive grows automatically as I publish new weekly articles about projects, learning milestones, and personal development.

+
+

Support That Changed Everything

+

A life-changing scholarship and the trust of generous mentors removed financial barriers and gave me the strength to pursue higher education with confidence.

-
-

How I Learn

-

I learn best by combining coursework, self-study, peer collaboration, and hands-on experimentation with tools such as Python, SQL, and academic lab platforms.

+
+

From Hostel Life to Labs

+

Living independently, adjusting to university routines, and learning through practical labs taught me adaptability, discipline, and confidence in new environments.

-
-

What I Value

-

Gratitude, consistency, adaptability, and service guide how I work. I want my portfolio to reflect not only what I learn, but also how I grow through the process.

+
+

Growth Through Consistency

+

From struggling with Python in the beginning to completing a machine learning project and ranking near the top of my class, I learned how persistence creates results.

-

Skills

-

Core strengths I am developing

+

Academic Identity

+

What defines me as a student

-
-
-

Programming Foundations

-
- Python - Problem Solving - OOP Concepts - Logical Thinking -
+
+
+ 16 + portfolio articles documenting real experiences
-
-

Data and Databases

-
- SQL - MySQL - Database Design - Data Organization -
+
+ 3.83 + CGPA achieved in my first semester
-
-

Tools and Workflow

-
- GitHub - Documentation - Portfolio Writing - Continuous Learning -
+
+ 3rd + position secured in my section
-
-

Professional Qualities

-
- Discipline - Adaptability - Collaboration - Leadership Support -
+
+ 1 + clear mission: become skill-driven and impactful
-
-
-

Projects

-

Highlighted work and technical milestones

-
- View Full Archive +
+

Core Strengths

+

The qualities I am building

-
-
-

Applied Machine Learning

-

Cardiovascular Disease Prediction Model

-

A Python-based academic project where my team cleaned data, explored visual patterns, and compared machine learning models to find the best prediction approach.

-
- Python - Data Cleaning - Random Forest -
- Read the project story +
+
+

Discipline

+

I learned to balance studies, hostel life, assignments, labs, and exam preparation through structured routines and strong self-management.

-
-

Database Skills

-

SQL Learning and Database Workflow

-

My database journey includes MySQL setup, SQL query practice, schema understanding, and project-based learning built around structured data systems.

-
- SQL - MySQL - Database Systems -
- See the learning process +
+

Adaptability

+

I adjusted to new cities, new people, online learning shifts, technical subjects, and challenging academic expectations without giving up.

-
-

Portfolio Engineering

-

Scalable Portfolio and Blog System

-

This website itself is part of my work: a structured GitHub Pages portfolio with reusable layouts, searchable articles, and a weekly publishing workflow.

-
- Jekyll - GitHub Pages - Content Strategy -
- See the background +
+

Collaboration

+

Group study, supportive friends, and academic discussions helped me understand difficult concepts and grow with confidence.

+
+
+

Responsibility

+

When my teacher trusted me to guide classmates on the portfolio project, I discovered a new sense of leadership and service.

-
-
- -
-
-
-

Latest Articles

-

Recent updates from my journey

-
- Browse All Posts -
-
- {% for post in site.posts limit: site.latest_posts_limit %} - {% include post-card.html post=post %} - {% endfor %}
-

"

+

“

Your skills will define your future, not just your degree title.
-

A lesson that continues to shape how I approach computer engineering, projects, and long-term career growth.

+

A lesson from Dr. Bilal that continues to shape my direction in computer engineering.

-

Explore More

-

Follow the journey as new articles are added

-

The portfolio homepage stays stable and professional, while the blog keeps growing with new weekly writing, better projects, and deeper technical experience.

+

Next Step

+

Read the complete journey in the blog section

+

The first page stays focused on my fixed introduction, while the blog page collects the full story article by article, exactly as required.

- Contact Me + Open Blog
diff --git a/tags.md b/tags.md deleted file mode 100644 index a7f04104881..00000000000 --- a/tags.md +++ /dev/null @@ -1,44 +0,0 @@ ---- -layout: page -title: "Tags" -permalink: /tags/ -body_class: taxonomy-page -eyebrow: "Browse Topics" -description: "Explore portfolio articles by tag to quickly find specific topics, tools, and themes across the archive." ---- - -{% assign sorted_tags = site.tags | sort %} - -
-

Tags make it easier to find specific tools, ideas, and themes such as Python, SQL, scholarships, machine learning, student life, and collaboration.

-
- {% for tag in sorted_tags %} - {% assign tag_name = tag | first %} - {% assign tag_posts = tag | last %} - - {{ tag_name | replace: "-", " " }} - {{ tag_posts | size }} - - {% endfor %} -
-
- -{% for tag in sorted_tags %} - {% assign tag_name = tag | first %} - {% assign tag_posts = tag | last %} - {% assign tag_count = tag_posts | size %} -
-
-
-

Tag

-

{{ tag_name | replace: "-", " " }}

-
-

{{ tag_count }} article{% if tag_count != 1 %}s{% endif %}

-
-
- {% for post in tag_posts %} - {% include post-card.html post=post variant="compact" %} - {% endfor %} -
-
-{% endfor %} From a86afa6f7bdbce930e5db238e5f3a86d005a65ba Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Fri, 3 Apr 2026 11:08:06 +0500 Subject: [PATCH 16/71] Generalize homepage and about details --- _config.yml | 3 ++- about.md | 4 ++++ index.md | 29 +++++++++++++++-------------- 3 files changed, 21 insertions(+), 15 deletions(-) diff --git a/_config.yml b/_config.yml index fd0226a2102..576036f6ded 100644 --- a/_config.yml +++ b/_config.yml @@ -1,9 +1,10 @@ title: "Asim Raza" author: "Asim Raza" -description: "Computer Engineering student at UET Lahore, Faisalabad Campus, documenting growth, resilience, and technical learning." +description: "Computer Engineering student documenting growth, resilience, projects, and long-term technical learning." permalink: /blog/:title/ lang: "en" date_format: "%B %d, %Y" +location: "Mandi Bahauddin, Punjab, Pakistan" show_excerpts: false show_frame: false diff --git a/about.md b/about.md index b1279caa3c7..ff8514493b1 100644 --- a/about.md +++ b/about.md @@ -15,6 +15,10 @@ description: "A concise portrait of who I am, what shaped my journey, and the va

Academic Profile

I am Asim Raza, a BSc Computer Engineering student at UET Lahore, Faisalabad Campus. My academic journey is rooted in hard work, self-discipline, and the desire to build strong technical skills that can create meaningful impact.

+
+

Location

+

I belong to {{ site.location }}, and this background continues to shape my values, motivation, and long-term academic goals.

+

How My Journey Began

My path started with balancing FSc Part-II studies and university entrance test preparation at the same time. That phase taught me planning, patience, and how to stay focused when the pressure is high.

diff --git a/index.md b/index.md index 58082767fda..37ef40c7b6e 100644 --- a/index.md +++ b/index.md @@ -9,8 +9,8 @@ description: "A polished introduction to my academic path, achievements, and fut

Computer Engineering Journey

Asim Raza

-

BSc Computer Engineering student at UET Lahore, Faisalabad Campus, building a future through discipline, gratitude, and practical learning.

-

I created this portfolio to present my journey from entry-test preparation to university life, technical growth, scholarships, hostel experiences, labs, and academic progress. It reflects how I am growing not only as a student, but also as a resilient and responsible future engineer.

+

Computer Engineering student building a future through discipline, gratitude, practical learning, and continuous growth.

+

I created this portfolio to present my journey through university life, technical growth, scholarships, hostel experiences, labs, projects, and academic development. It is designed to grow with me as I continue adding new articles and experiences over time.

Explore My Story Read My Articles @@ -19,12 +19,13 @@ description: "A polished introduction to my academic path, achievements, and fut
AR
-

Emerging Computer Engineer

+

Computer Engineering Student

  • University: UET Lahore, Faisalabad Campus
    • +
  • Location: {{ site.location }}
  • Focus: Programming, Databases, Machine Learning
    • -
  • Milestone: 3.83 CGPA in first semester
    • -
  • Mindset: Learn deeply, grow consistently, help others
    • +
  • Portfolio: A growing record of my academic and personal journey
    • +
  • Mindset: Learn deeply, grow consistently, and keep building
@@ -57,24 +58,24 @@ description: "A polished introduction to my academic path, achievements, and fut

Academic Identity

-

What defines me as a student

+

A portfolio that grows with my journey

- 16 - portfolio articles documenting real experiences + {{ site.posts | size }} + published portfolio articles documenting real experiences
- 3.83 - CGPA achieved in my first semester + {{ site.posts | first | date: "%Y" }} + latest chapter currently reflected in this growing archive
- 3rd - position secured in my section + 1 / Week + article plan to continue documenting my journey through future semesters
1 - clear mission: become skill-driven and impactful + clear mission: become skill-driven, consistent, and impactful
@@ -114,7 +115,7 @@ description: "A polished introduction to my academic path, achievements, and fut

Next Step

Read the complete journey in the blog section

-

The first page stays focused on my fixed introduction, while the blog page collects the full story article by article, exactly as required.

+

The first page stays focused on my introduction, while the blog page keeps growing article by article as I continue documenting my journey.

Open Blog
From 7243342d5127de340811e3d07421d51bda7c6b1c Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Fri, 3 Apr 2026 11:21:51 +0500 Subject: [PATCH 17/71] Refresh homepage as modern portfolio --- _data/home.yml | 41 +++++++ assets/css/portfolio.sass | 234 ++++++++++++++++++++++++++++++++++++++ index.md | 186 +++++++++++++++++------------- 3 files changed, 383 insertions(+), 78 deletions(-) create mode 100644 _data/home.yml diff --git a/_data/home.yml b/_data/home.yml new file mode 100644 index 00000000000..6d41bce8438 --- /dev/null +++ b/_data/home.yml @@ -0,0 +1,41 @@ +focus_areas: + - Programming + - Problem Solving + - Databases + - Hardware-Software Systems + +about_cards: + - title: Background + description: I am a Computer Engineering student building a long-term portfolio around technical growth, reflection, and practical engineering thinking. + - title: Experience + description: My experience includes coursework, labs, independent study, academic writing, and documenting milestones from university life. + - title: Interests + description: I am especially interested in programming, systems thinking, database technologies, and the connection between hardware and software. + +what_i_do: + - icon: "" + title: Programming + description: I work on strengthening my programming foundations through practical exercises, labs, projects, and continuous self-study. + - icon: "[]" + title: Problem Solving + description: I approach challenges through logical thinking, structured practice, and learning how to break complex problems into manageable steps. + - icon: "{ }" + title: Hardware + Software Systems + description: I am interested in how hardware and software work together to build reliable systems and meaningful engineering solutions. + +featured_work: + - tag: Academic Project + title: Machine Learning Project + description: A project-focused learning experience that helped me strengthen Python, data handling, and technical presentation skills. + link_label: View Related Article + url: /blog/completing-my-first-semester-challenges-learning-and-success/ + - tag: Portfolio System + title: Personal Engineering Portfolio + description: This Jekyll portfolio is an ongoing project designed to present my journey, blog writing, and long-term growth professionally. + link_label: Read the Blog + url: /blog/ + - tag: Technical Learning + title: Database and SQL Practice + description: My database learning journey includes SQL basics, lab work, structured practice, and applying concepts to technical coursework. + link_label: Explore the Story + url: /blog/online-classes-sql-learning-and-collaborative-projects/ diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index 99f46b27eb4..336dbb7d20d 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -465,3 +465,237 @@ p .cta-panel, .blog-intro padding: 1.2rem + +body + color: #d6e3ee + background: #07111a + background-image: radial-gradient(circle at top left, rgba(82, 214, 196, 0.12), transparent 24%), radial-gradient(circle at top right, rgba(125, 166, 255, 0.14), transparent 20%), linear-gradient(180deg, rgba(12, 24, 36, 0.92), rgba(5, 12, 20, 1)) + +h1, h2, h3 + color: #f4f8fb + +p + color: rgba(214, 227, 238, 0.8) + +.page-card, +.post-card + border: 1px solid rgba(162, 184, 205, 0.12) + background: linear-gradient(180deg, rgba(10, 20, 32, 0.96), rgba(7, 15, 26, 0.98)) + box-shadow: 0 28px 70px rgba(0, 0, 0, 0.35) + +.page-hero, +.post-hero + border: 1px solid rgba(162, 184, 205, 0.12) + background: linear-gradient(135deg, rgba(82, 214, 196, 0.08), rgba(13, 24, 39, 0.85) 42%, rgba(125, 166, 255, 0.08)) + +.eyebrow + color: #7ddacb + +.page-lead, +.post-lead, +.hero-subtitle + color: #dce7f2 + +.hero-copy, +.feature-card, +.metric-card, +.timeline-card, +.about-card, +.contact-card, +.journal-card, +.quote-panel, +.cta-panel, +.blog-intro, +.profile-panel, +.about-summary-card, +.service-card, +.hero-visual-card, +.project-card + border: 1px solid rgba(162, 184, 205, 0.12) + background: linear-gradient(180deg, rgba(11, 23, 35, 0.94), rgba(8, 17, 27, 0.96)) + box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24) + +.portfolio-hero + align-items: stretch + +.hero-copy + background: linear-gradient(145deg, rgba(16, 31, 45, 0.96), rgba(10, 22, 34, 0.96)) + +.hero-meta + display: flex + flex-wrap: wrap + gap: 0.65rem + margin-top: 1.25rem + +.hero-meta span, +.project-tag + display: inline-block + padding: 0.4rem 0.8rem + border-radius: 999px + background: rgba(82, 214, 196, 0.12) + color: #7ddacb + font-size: 0.88rem + font-weight: 700 + +.hero-visual-card + display: flex + flex-direction: column + justify-content: space-between + padding: 1.4rem + gap: 1rem + +.hero-visual-art + padding: 0.75rem + border-radius: 20px + background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)) + +.hero-visual-art svg + width: 100% + height: auto + +.hero-visual-copy h3 + margin-bottom: 0.65rem + +.profile-panel p, +.profile-panel li + color: rgba(247, 243, 234, 0.88) + +.about-home-layout + display: grid + grid-template-columns: 0.95fr 1.55fr + gap: 1rem + +.about-summary-card + padding: 1.4rem + +.about-points + list-style: none + margin: 1rem 0 0 + padding: 0 + display: grid + gap: 0.9rem + +.about-points li + display: flex + flex-direction: column + gap: 0.2rem + padding: 0.95rem 1rem + border-radius: 16px + background: rgba(255, 255, 255, 0.03) + +.about-points strong + color: #7ddacb + font-size: 0.9rem + letter-spacing: 0.04em + text-transform: uppercase + +.about-points span + color: #f4f8fb + +.feature-grid--portfolio + grid-template-columns: repeat(3, 1fr) + +.section-intro + max-width: 48rem + +.service-grid, +.project-grid + display: grid + gap: 1rem + +.service-grid + grid-template-columns: repeat(3, 1fr) + +.service-card + padding: 1.45rem + transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease + +.service-card:hover, +.project-card:hover, +.post-preview-card:hover, +.feature-card:hover + transform: translateY(-4px) + border-color: rgba(125, 166, 255, 0.25) + box-shadow: 0 22px 42px rgba(0, 0, 0, 0.3) + +.service-icon + width: 52px + height: 52px + display: grid + place-items: center + margin-bottom: 1rem + border-radius: 16px + background: linear-gradient(135deg, rgba(82, 214, 196, 0.18), rgba(125, 166, 255, 0.18)) + color: #f4f8fb + font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif + font-size: 1.25rem + font-weight: 700 + +.metric-grid--portfolio + grid-template-columns: repeat(3, 1fr) + +.metric-card + background: linear-gradient(180deg, rgba(14, 31, 46, 0.92), rgba(8, 17, 27, 0.96)) + +.metric-card p + margin: 0 + +.metric-value + background: rgba(82, 214, 196, 0.14) + color: #7ddacb + min-width: auto + max-width: 100% + +.metric-label + color: #f4f8fb + +.project-grid + grid-template-columns: repeat(3, 1fr) + +.project-card + padding: 1.45rem + display: flex + flex-direction: column + gap: 0.9rem + +.post-preview-card + transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease + +.journal-index, +.post-meta-row span, +.journal-meta span, +.contact-note + background: rgba(82, 214, 196, 0.12) + color: #7ddacb + +.journal-card h3 a + color: #f4f8fb + +.journal-card h3 a:hover + color: #7ddacb + +.secondary-link, +.phase-links a, +.post-return a + border: 1px solid rgba(162, 184, 205, 0.16) + background: rgba(255, 255, 255, 0.03) + color: #e6eef5 + +.secondary-link:hover, +.phase-links a:hover, +.post-return a:hover + background: rgba(82, 214, 196, 0.12) + +.quote-panel + background: linear-gradient(135deg, rgba(10, 24, 39, 0.96), rgba(19, 58, 81, 0.92)) + +.site-footer + background: rgba(5, 11, 18, 0.95) + +@media (max-width: 960px) + .about-home-layout, + .feature-grid--portfolio, + .service-grid, + .metric-grid--portfolio, + .project-grid + grid-template-columns: 1fr diff --git a/index.md b/index.md index 37ef40c7b6e..c31e90eee50 100644 --- a/index.md +++ b/index.md @@ -2,120 +2,150 @@ layout: page title: "Home" body_class: home-page -description: "A polished introduction to my academic path, achievements, and future direction in computer engineering." +description: "A modern computer engineering portfolio highlighting technical interests, featured work, and recent writing." --- -
+
-

Computer Engineering Journey

-

Asim Raza

-

Computer Engineering student building a future through discipline, gratitude, practical learning, and continuous growth.

-

I created this portfolio to present my journey through university life, technical growth, scholarships, hostel experiences, labs, projects, and academic development. It is designed to grow with me as I continue adding new articles and experiences over time.

+

Computer Engineering Portfolio

+

Hi, I'm {{ site.title }} — Computer Engineering Student

+

I build solutions through programming, problem-solving, and hardware-software integration.

+

This portfolio brings together my academic growth, technical interests, featured work, and ongoing blog writing. It is designed as a long-term record of how I learn, build, and grow as an engineer.

- Explore My Story - Read My Articles + View Projects + Read Blog +
+
+ Programming + Problem Solving + Embedded Thinking
-
-
AR
-

Computer Engineering Student

-
    -
  • University: UET Lahore, Faisalabad Campus
    • -
  • Location: {{ site.location }}
    • -
  • Focus: Programming, Databases, Machine Learning
    • -
  • Portfolio: A growing record of my academic and personal journey
    • -
  • Mindset: Learn deeply, grow consistently, and keep building
    • -
+
+
+ + + + + + + + + + + + + + + +
+
+

Building Forward

+

Software, systems, and continuous learning

+

I am focused on strengthening both technical depth and practical thinking through programming, engineering concepts, and project-based learning.

+
-

Journey Snapshot

-

Four defining parts of my story

+

About Me

+

A concise introduction to my background and direction

+

I am building a portfolio that reflects long-term growth in computer engineering, with a focus on technical learning, practical problem solving, and documenting meaningful progress over time.

-
-
-

Admission With Purpose

-

I balanced FSc board preparation with competitive entry tests and secured admission to UET Lahore in Computer Engineering through steady planning and self-study.

-
-
-

Support That Changed Everything

-

A life-changing scholarship and the trust of generous mentors removed financial barriers and gave me the strength to pursue higher education with confidence.

+
+
+

About Me

+
    +
  • DegreeBSc Computer Engineering
    • +
  • UniversityUET Lahore, Faisalabad Campus
    • +
  • Location{{ site.location }}
    • +
  • Focus Areas{% for area in site.data.home.focus_areas %}{{ area }}{% unless forloop.last %}, {% endunless %}{% endfor %}
    • +
-
-

From Hostel Life to Labs

-

Living independently, adjusting to university routines, and learning through practical labs taught me adaptability, discipline, and confidence in new environments.

-
-
-

Growth Through Consistency

-

From struggling with Python in the beginning to completing a machine learning project and ranking near the top of my class, I learned how persistence creates results.

+ +
+ {% for item in site.data.home.about_cards %} +
+

{{ item.title }}

+

{{ item.description }}

+
+ {% endfor %} +
+
+
+ +
+
+

What I Do

+

Areas where I am building strong capability

+
+
+ {% for item in site.data.home.what_i_do %} +
+
{{ item.icon }}
+

{{ item.title }}

+

{{ item.description }}

+ {% endfor %}
-

Academic Identity

-

A portfolio that grows with my journey

+

At a Glance

+

Portfolio highlights

-
+
{{ site.posts | size }} - published portfolio articles documenting real experiences + Articles Written +

A growing archive of experiences, lessons, and technical progress.

- {{ site.posts | first | date: "%Y" }} - latest chapter currently reflected in this growing archive + Python + SQL + Technical Skills +

Programming, database systems, and practical technical learning.

- 1 / Week - article plan to continue documenting my journey through future semesters -
-
- 1 - clear mission: become skill-driven, consistent, and impactful + Consistent Growth + Academic Achievement +

Steady improvement through disciplined study and project work.

-
+
-

Core Strengths

-

The qualities I am building

+

Featured Work

+

Selected work that represents my development

-
-
-

Discipline

-

I learned to balance studies, hostel life, assignments, labs, and exam preparation through structured routines and strong self-management.

-
-
-

Adaptability

-

I adjusted to new cities, new people, online learning shifts, technical subjects, and challenging academic expectations without giving up.

-
-
-

Collaboration

-

Group study, supportive friends, and academic discussions helped me understand difficult concepts and grow with confidence.

-
-
-

Responsibility

-

When my teacher trusted me to guide classmates on the portfolio project, I discovered a new sense of leadership and service.

+
+ {% for project in site.data.home.featured_work %} +
+ {{ project.tag }} +

{{ project.title }}

+

{{ project.description }}

+ {{ project.link_label }}
+ {% endfor %}
-
-

“

-
Your skills will define your future, not just your degree title.
-

A lesson from Dr. Bilal that continues to shape my direction in computer engineering.

-
- -
-
-

Next Step

-

Read the complete journey in the blog section

-

The first page stays focused on my introduction, while the blog page keeps growing article by article as I continue documenting my journey.

+
+
+

Latest Posts

+

Recent writing from my journey

+
+
+ {% for post in site.posts limit: 3 %} +
+ {{ post.date | date: site.date_format }} +

{{ post.title }}

+

{{ post.summary | default: post.excerpt | strip_html | truncate: 150 }}

+ Read Post +
+ {% endfor %}
- Open Blog
From 8f880d857f258473cc77f84ce818dc9a6e3e641c Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Fri, 3 Apr 2026 11:29:31 +0500 Subject: [PATCH 18/71] Simplify homepage to cleaner portfolio layout --- _data/home.yml | 41 ---------- assets/css/portfolio.sass | 40 +++++++++ index.md | 167 ++++++++++++-------------------------- 3 files changed, 90 insertions(+), 158 deletions(-) delete mode 100644 _data/home.yml diff --git a/_data/home.yml b/_data/home.yml deleted file mode 100644 index 6d41bce8438..00000000000 --- a/_data/home.yml +++ /dev/null @@ -1,41 +0,0 @@ -focus_areas: - - Programming - - Problem Solving - - Databases - - Hardware-Software Systems - -about_cards: - - title: Background - description: I am a Computer Engineering student building a long-term portfolio around technical growth, reflection, and practical engineering thinking. - - title: Experience - description: My experience includes coursework, labs, independent study, academic writing, and documenting milestones from university life. - - title: Interests - description: I am especially interested in programming, systems thinking, database technologies, and the connection between hardware and software. - -what_i_do: - - icon: "" - title: Programming - description: I work on strengthening my programming foundations through practical exercises, labs, projects, and continuous self-study. - - icon: "[]" - title: Problem Solving - description: I approach challenges through logical thinking, structured practice, and learning how to break complex problems into manageable steps. - - icon: "{ }" - title: Hardware + Software Systems - description: I am interested in how hardware and software work together to build reliable systems and meaningful engineering solutions. - -featured_work: - - tag: Academic Project - title: Machine Learning Project - description: A project-focused learning experience that helped me strengthen Python, data handling, and technical presentation skills. - link_label: View Related Article - url: /blog/completing-my-first-semester-challenges-learning-and-success/ - - tag: Portfolio System - title: Personal Engineering Portfolio - description: This Jekyll portfolio is an ongoing project designed to present my journey, blog writing, and long-term growth professionally. - link_label: Read the Blog - url: /blog/ - - tag: Technical Learning - title: Database and SQL Practice - description: My database learning journey includes SQL basics, lab work, structured practice, and applying concepts to technical coursework. - link_label: Explore the Story - url: /blog/online-classes-sql-learning-and-collaborative-projects/ diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index 336dbb7d20d..f3fb0614713 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -521,6 +521,44 @@ p .hero-copy background: linear-gradient(145deg, rgba(16, 31, 45, 0.96), rgba(10, 22, 34, 0.96)) +.hero-grid--single + grid-template-columns: 1fr + max-width: 920px + margin: 0 auto + +.hero-copy--centered + text-align: center + padding: 3rem 2.2rem + +.hero-copy--centered .hero-subtitle + max-width: 42rem + margin: 1rem auto 0 + +.button-row--centered + justify-content: center + +.summary-shell + max-width: 980px + margin-left: auto + margin-right: auto + +.feature-grid--summary + grid-template-columns: repeat(2, 1fr) + +.feature-grid--summary .feature-card p + margin: 0 0 0.65rem + +.metric-grid--simple + grid-template-columns: repeat(4, 1fr) + +.metric-grid--simple .metric-card + min-height: 100% + +.quote-panel--simple + max-width: 980px + margin-left: auto + margin-right: auto + .hero-meta display: flex flex-wrap: wrap @@ -695,7 +733,9 @@ p @media (max-width: 960px) .about-home-layout, .feature-grid--portfolio, + .feature-grid--summary, .service-grid, .metric-grid--portfolio, + .metric-grid--simple, .project-grid grid-template-columns: 1fr diff --git a/index.md b/index.md index c31e90eee50..6214916b6bb 100644 --- a/index.md +++ b/index.md @@ -2,150 +2,83 @@ layout: page title: "Home" body_class: home-page -description: "A modern computer engineering portfolio highlighting technical interests, featured work, and recent writing." +description: "A clean computer engineering portfolio homepage introducing my background, direction, and ongoing journey." --- -
-
-

Computer Engineering Portfolio

-

Hi, I'm {{ site.title }} — Computer Engineering Student

-

I build solutions through programming, problem-solving, and hardware-software integration.

-

This portfolio brings together my academic growth, technical interests, featured work, and ongoing blog writing. It is designed as a long-term record of how I learn, build, and grow as an engineer.

-
- View Projects - Read Blog -
-
- Programming - Problem Solving - Embedded Thinking +
+
+

Future Computer Engineer

+

{{ site.title }}

+

Computer Engineering student at UET Lahore Faisalabad Campus, building my future through programming, systems, and practical engineering problem-solving.

+
+ Explore My Story + Read My Posts
- -
-
- - - - - - - - - - - - - - - -
-
-

Building Forward

-

Software, systems, and continuous learning

-

I am focused on strengthening both technical depth and practical thinking through programming, engineering concepts, and project-based learning.

-
-
-
-
-

About Me

-

A concise introduction to my background and direction

-

I am building a portfolio that reflects long-term growth in computer engineering, with a focus on technical learning, practical problem solving, and documenting meaningful progress over time.

-
-
-
-

About Me

-
    -
  • DegreeBSc Computer Engineering
    • -
  • UniversityUET Lahore, Faisalabad Campus
    • -
  • Location{{ site.location }}
    • -
  • Focus Areas{% for area in site.data.home.focus_areas %}{{ area }}{% unless forloop.last %}, {% endunless %}{% endfor %}
    • -
+
+
+
+

Profile Snapshot

+

Field: BS Computer Engineering

+

University: UET Lahore Faisalabad Campus

+

Location: {{ site.location }}

+

Focus: Programming, hardware-software systems, and problem-solving

- -
- {% for item in site.data.home.about_cards %} -
-

{{ item.title }}

-

{{ item.description }}

-
- {% endfor %} -
-
-
- -
-
-

What I Do

-

Areas where I am building strong capability

-
-
- {% for item in site.data.home.what_i_do %} -
-
{{ item.icon }}
-

{{ item.title }}

-

{{ item.description }}

+
+

What This Portfolio Shows

+

A professional introduction to my background and academic direction.

+

My journey from early learning toward stronger technical confidence.

+

A growing blog archive where I continue documenting my progress.

- {% endfor %}
-
-

At a Glance

-

Portfolio highlights

-
-
+
{{ site.posts | size }} - Articles Written -

A growing archive of experiences, lessons, and technical progress.

+ Journey Posts
- Python + SQL + Growing Technical Skills -

Programming, database systems, and practical technical learning.

- Consistent Growth - Academic Achievement -

Steady improvement through disciplined study and project work.

+ 1 / Week + Writing Habit
-
-
- -
-
-

Featured Work

-

Selected work that represents my development

-
-
- {% for project in site.data.home.featured_work %} -
- {{ project.tag }} -

{{ project.title }}

-

{{ project.description }}

- {{ project.link_label }} +
+ Long-Term + Portfolio Growth
- {% endfor %}
-

Latest Posts

-

Recent writing from my journey

+

About Me

+

Building a long-term journey in computer engineering

+

This homepage introduces my background, academic direction, and personal growth without turning the first page into a blog archive. It stays focused on who I am and where I am heading.

-
- {% for post in site.posts limit: 3 %} -
- {{ post.date | date: site.date_format }} -

{{ post.title }}

-

{{ post.summary | default: post.excerpt | strip_html | truncate: 150 }}

- Read Post +
+
+

Background

+

I am {{ site.title }} from {{ site.location }}, pursuing Computer Engineering and building my future through continuous learning and discipline.

+
+
+

Experience

+

I am developing confidence in programming, problem-solving, and technical learning through coursework, labs, and regular study.

+
+
+

Interests

+

I am interested in programming, computer systems, and the way engineering knowledge turns ideas into practical solutions.

- {% endfor %}
+ +
+
The journey that begins with curiosity grows through consistency, confidence, and continuous improvement.
+

Personal portfolio statement

+
From 1024295beb74e35a63d5979a9f7ec0017732d95c Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Fri, 3 Apr 2026 12:34:43 +0500 Subject: [PATCH 19/71] Refine contact page and post navigation --- _layouts/post.html | 34 +++++++++++-- ...mission-in-uet-lahore-faisalabad-campus.md | 6 +++ assets/css/portfolio.sass | 48 ++++++++++++++++++- contact.md | 28 ++--------- 4 files changed, 88 insertions(+), 28 deletions(-) diff --git a/_layouts/post.html b/_layouts/post.html index 802cbaf6270..86eac12d0a0 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -19,6 +19,34 @@

{{ page.title }}

-
- Back to the blog -
+
+
+ Back to the blog +
+ +
+ {% if page.previous %} + + Previous Article + {{ page.previous.title }} + + {% else %} + + Previous Article + No earlier article + + {% endif %} + + {% if page.next %} + + Next Article + {{ page.next.title }} + + {% else %} + + Next Article + No newer article + + {% endif %} +
+
diff --git a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md index a885759fdec..9e545f31adf 100644 --- a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md +++ b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md @@ -8,12 +8,18 @@ read_time: "4 min" summary: "How I balanced board exams and entry tests to secure admission to UET Lahore, Faisalabad Campus, in Computer Engineering." --- +## Balancing Board Exams and Entry Test Preparation + My journey toward becoming a Computer Engineering student began during the final phase of my FSc Part-II. It was one of the most important and challenging periods of my academic life because I had to handle multiple responsibilities at the same time. While many students around me were fully focused only on their board exams, I found myself balancing two major challenges together: preparing seriously for my intermediate examinations and, at the same time, getting ready for different university entrance tests. I realized early that securing admission to a well-reputed engineering university was not possible without proper planning, consistent effort, and strong determination. That is why I decided to start my preparation for entry tests alongside my academic studies instead of waiting until the exams were over. For my preparation, I mainly relied on my FSc textbooks because they provided the basic concepts required for all entry tests. Along with that, I also used different online platforms that offered practice material, past papers, and mock tests. These resources helped me understand the pattern of entry tests and improve my speed and accuracy. This combination of self-study and online practice proved very effective for me. However, managing both board exam preparation and entry test preparation at the same time was not an easy task. There were moments when it became stressful and difficult to maintain focus, but I stayed committed to my goal. This phase taught me discipline, patience, and strong time management skills, which later became very helpful in my university life. +## Building Confidence Through Competitive Test Experience + During this preparation period, I also had to travel to different cities to appear in multiple entry tests. These journeys were not only tiring but also added extra pressure because each test was important for my future. I attempted the NUST NET twice, and this experience gave me a clear understanding of competitive testing environments. It also helped me identify my weak areas and improve them in the second attempt. In addition, I appeared in the UET Taxila entrance test as well. Each test experience increased my confidence and made me more familiar with the exam environment, which reduced my anxiety over time. Finally, I appeared in the UET entrance test, and fortunately, all my hard work paid off. I successfully secured admission to the University of Engineering and Technology (UET), Lahore, Faisalabad Campus, in the field of BSc Computer Engineering. This was a very proud and memorable moment for me and my family, as it marked the achievement of an important goal and the result of all my continuous efforts and struggles. +## Beginning University Life at UET Faisalabad + After my admission was confirmed, I visited the main campus in Lahore to submit all the required documents and complete the admission formalities. This step made everything feel more real and official. Shortly after completing this process, I moved to the Faisalabad campus to begin my university life. I entered this new phase with a mixture of excitement, curiosity, and a little nervousness. It was a completely new environment for me, where I had to adjust to new people, new surroundings, and a different routine. This transition also introduced me to hostel life and independent living, which played a significant role in shaping my personality. These early experiences became the foundation of my university journey and helped me grow both academically and personally. diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index f3fb0614713..3b3b038b927 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -381,6 +381,48 @@ p background: transparent box-shadow: none +.post-footer-stack + width: 94% + max-width: 1120px + margin: -0.2rem auto 1.35rem + +.post-navigation + display: grid + grid-template-columns: repeat(2, 1fr) + gap: 1rem + +.post-navigation__link + display: flex + flex-direction: column + gap: 0.35rem + padding: 1.2rem + border: 1px solid rgba(162, 184, 205, 0.14) + border-radius: 18px + background: linear-gradient(180deg, rgba(11, 23, 35, 0.94), rgba(8, 17, 27, 0.96)) + color: #f4f8fb + text-decoration: none + box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18) + +.post-navigation__link strong + color: #f4f8fb + +.post-navigation__link:hover + background: linear-gradient(180deg, rgba(16, 31, 45, 0.96), rgba(10, 22, 34, 0.96)) + transform: translateY(-2px) + +.post-navigation__label + color: #7ddacb + font-size: 0.82rem + font-weight: 700 + letter-spacing: 0.08em + text-transform: uppercase + +.post-navigation__link--next + text-align: right + +.post-navigation__link--empty + opacity: 0.7 + .site-footer width: 94% max-width: 1120px @@ -441,7 +483,8 @@ p .page-card, .post-card, .site-footer, - .post-return + .post-return, + .post-footer-stack width: 96% padding: 1.2rem @@ -466,6 +509,9 @@ p .blog-intro padding: 1.2rem + .post-navigation + grid-template-columns: 1fr + body color: #d6e3ee background: #07111a diff --git a/contact.md b/contact.md index 97b57ea8460..447b033d777 100644 --- a/contact.md +++ b/contact.md @@ -26,30 +26,10 @@ description: "Ways to reach me for academic networking, portfolio feedback, and

I am currently pursuing Computer Engineering at UET Lahore, Faisalabad Campus, where I continue building my technical and personal growth.

UET Lahore, Faisalabad Campus
- - - -
-
-

What I Welcome

-

Topics I would be glad to discuss

-
-
-
-

Student Journey

-

Conversations about admissions, hostel adjustment, scholarships, and managing the transition from college life to university.

-
-
-

Technical Growth

-

Learning programming, database systems, SQL, machine learning, and building confidence in computer engineering subjects.

-
-
-

Portfolio Feedback

-

Suggestions, collaboration ideas, and professional feedback that can help me improve my projects and presentation.

-
-
-

Academic Networking

-

Connecting with fellow students, mentors, and professionals who value learning, discipline, and skill-oriented progress.

+
+

Location

+

I belong to {{ site.location }}, and this is where my academic and personal journey is rooted.

+ {{ site.location }}
From 74c1c2770c9193488785c044256d4b69f5ffea6d Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Fri, 3 Apr 2026 12:50:44 +0500 Subject: [PATCH 20/71] Add homepage theme toggle and update stats --- _includes/head.html | 21 ++++- _layouts/default.html | 10 ++- assets/css/portfolio.sass | 177 +++++++++++++++++++++++++++++++++++++- assets/js/toggle-color.js | 60 ++++++++++--- index.md | 12 +-- 5 files changed, 253 insertions(+), 27 deletions(-) diff --git a/_includes/head.html b/_includes/head.html index 9b61316f6d7..151ba3ddda6 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -1,7 +1,25 @@ {% if page.title and page.title != "Home" %}{{ page.title | escape }} | {% endif %}{{ site.title | escape }} - + + @@ -32,4 +50,5 @@ {%- if site.comments.isso_domain and page.layout == "post" -%} {%- endif -%} + {%- if site.show_sidebar %}{% include sidebar.html %}{% endif %} diff --git a/_layouts/default.html b/_layouts/default.html index 2a523415376..6e3f11dd862 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -6,12 +6,16 @@
{% unless site.show_minimal and site.navigation and site.external %} -

- {{ site.title | escape }} -

+
+

+ {{ site.title | escape }} +

+

Computer Engineering Portfolio

+
{% endunless %} {% include menu.html menu=site.navigation %} {% include menu.html menu=site.external %} +
{{ content }} diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index 3b3b038b927..010f98546a9 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -30,8 +30,26 @@ body > footer background: rgba(10, 24, 39, 0.88) box-shadow: 0 14px 40px rgba(7, 18, 30, 0.2) color: #f7f3ea + display: flex + flex-wrap: wrap + align-items: center + gap: 0.75rem + justify-content: space-between + +.site-header__brand + display: flex + flex-direction: column + gap: 0.2rem + +.site-header__tagline + margin: 0 + color: rgba(247, 243, 234, 0.72) + font-size: 0.72rem + letter-spacing: 0.22em + text-transform: uppercase .site-header h1 + margin: 0 font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif letter-spacing: 0.03em @@ -56,6 +74,19 @@ body > footer background: rgba(255, 255, 255, 0.16) color: #ffffff +.theme-toggle + min-height: 2.45rem + padding: 0.55rem 1rem + border: 1px solid rgba(255, 255, 255, 0.16) + border-radius: 999px + background: rgba(255, 255, 255, 0.04) + color: #f7f3ea + cursor: pointer + transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease + +.theme-toggle:hover + background: rgba(255, 255, 255, 0.12) + .page-card, .post-card width: 94% @@ -595,7 +626,7 @@ p margin: 0 0 0.65rem .metric-grid--simple - grid-template-columns: repeat(4, 1fr) + grid-template-columns: repeat(3, 1fr) .metric-grid--simple .metric-card min-height: 100% @@ -605,6 +636,31 @@ p margin-left: auto margin-right: auto +.summary-shell .feature-card, +.metric-grid--simple .metric-card, +.quote-panel--simple, +.hero-copy--centered + position: relative + overflow: hidden + +.summary-shell .feature-card::before, +.metric-grid--simple .metric-card::before, +.quote-panel--simple::before, +.hero-copy--centered::before + content: "" + position: absolute + inset: 0 + background-image: linear-gradient(rgba(125, 166, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(125, 166, 255, 0.05) 1px, transparent 1px) + background-size: 32px 32px + pointer-events: none + +.summary-shell .feature-card > *, +.metric-grid--simple .metric-card > *, +.quote-panel--simple > *, +.hero-copy--centered > * + position: relative + z-index: 1 + .hero-meta display: flex flex-wrap: wrap @@ -776,6 +832,117 @@ p .site-footer background: rgba(5, 11, 18, 0.95) +html[data-theme="light"] body, +body.light-theme + color: #102033 + background: #f4efe6 + background-image: radial-gradient(circle at top left, rgba(15, 123, 131, 0.12), transparent 24%), radial-gradient(circle at top right, rgba(198, 107, 66, 0.12), transparent 22%), linear-gradient(180deg, rgba(255, 255, 255, 0.58), transparent 28%) + +html[data-theme="light"] h1, +html[data-theme="light"] h2, +html[data-theme="light"] h3, +body.light-theme h1, +body.light-theme h2, +body.light-theme h3 + color: #102033 + +html[data-theme="light"] p, +body.light-theme p + color: #415263 + +html[data-theme="light"] .page-card, +html[data-theme="light"] .post-card, +body.light-theme .page-card, +body.light-theme .post-card + border: 1px solid rgba(16, 32, 51, 0.12) + background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 252, 246, 0.98)) + box-shadow: 0 28px 70px rgba(16, 32, 51, 0.12) + +html[data-theme="light"] .page-hero, +html[data-theme="light"] .post-hero, +body.light-theme .page-hero, +body.light-theme .post-hero + border: 1px solid rgba(16, 32, 51, 0.12) + background: linear-gradient(135deg, rgba(15, 123, 131, 0.08), rgba(255, 255, 255, 0.92) 42%, rgba(198, 107, 66, 0.08)) + +html[data-theme="light"] .hero-copy, +html[data-theme="light"] .feature-card, +html[data-theme="light"] .metric-card, +html[data-theme="light"] .timeline-card, +html[data-theme="light"] .about-card, +html[data-theme="light"] .contact-card, +html[data-theme="light"] .journal-card, +html[data-theme="light"] .quote-panel, +html[data-theme="light"] .cta-panel, +html[data-theme="light"] .blog-intro, +html[data-theme="light"] .post-navigation__link, +body.light-theme .hero-copy, +body.light-theme .feature-card, +body.light-theme .metric-card, +body.light-theme .timeline-card, +body.light-theme .about-card, +body.light-theme .contact-card, +body.light-theme .journal-card, +body.light-theme .quote-panel, +body.light-theme .cta-panel, +body.light-theme .blog-intro, +body.light-theme .post-navigation__link + border: 1px solid rgba(16, 32, 51, 0.12) + background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 252, 252, 0.96)) + box-shadow: 0 16px 40px rgba(16, 32, 51, 0.08) + +html[data-theme="light"] .site-header, +body.light-theme .site-header + background: rgba(255, 255, 255, 0.86) + border: 1px solid rgba(16, 32, 51, 0.08) + color: #102033 + +html[data-theme="light"] .site-header a, +html[data-theme="light"] .theme-toggle, +body.light-theme .site-header a, +body.light-theme .theme-toggle + color: #102033 + +html[data-theme="light"] .site-header__tagline, +body.light-theme .site-header__tagline + color: rgba(16, 32, 51, 0.64) + +html[data-theme="light"] .site-header nav a:hover, +html[data-theme="light"] .site-header nav a.is-active, +html[data-theme="light"] .theme-toggle:hover, +body.light-theme .site-header nav a:hover, +body.light-theme .site-header nav a.is-active, +body.light-theme .theme-toggle:hover + background: rgba(15, 123, 131, 0.12) + color: #102033 + +html[data-theme="light"] .secondary-link, +html[data-theme="light"] .phase-links a, +html[data-theme="light"] .post-return a, +body.light-theme .secondary-link, +body.light-theme .phase-links a, +body.light-theme .post-return a + border: 1px solid rgba(16, 32, 51, 0.12) + background: rgba(255, 255, 255, 0.74) + color: #102033 + +html[data-theme="light"] .secondary-link:hover, +html[data-theme="light"] .phase-links a:hover, +html[data-theme="light"] .post-return a:hover, +body.light-theme .secondary-link:hover, +body.light-theme .phase-links a:hover, +body.light-theme .post-return a:hover + background: rgba(216, 240, 238, 0.74) + +html[data-theme="light"] .site-footer, +body.light-theme .site-footer + background: rgba(255, 255, 255, 0.9) + color: #102033 + +html[data-theme="light"] .site-footer a, +body.light-theme .site-footer a + color: #102033 + @media (max-width: 960px) .about-home-layout, .feature-grid--portfolio, @@ -785,3 +952,11 @@ p .metric-grid--simple, .project-grid grid-template-columns: 1fr + + .site-header + justify-content: center + + .site-header__brand + width: 100% + align-items: center + text-align: center diff --git a/assets/js/toggle-color.js b/assets/js/toggle-color.js index 1b67a1f1a38..28fc55190b6 100644 --- a/assets/js/toggle-color.js +++ b/assets/js/toggle-color.js @@ -1,16 +1,48 @@ -function toggleColor() { - var meta = document.querySelector('meta[name=color-scheme]'); - var dark = meta.getAttribute('content') == 'light dark' ? matchMedia('(prefers-color-scheme: light)').matches : meta.getAttribute('content') == 'light'; - meta.setAttribute('content', dark ? 'dark' : 'light'); -} +(function () { + function applyTheme(theme) { + var html = document.documentElement; + var meta = document.querySelector('meta[name="color-scheme"]'); + var isLight = theme === "light"; + html.setAttribute("data-theme", isLight ? "light" : "dark"); + if (document.body) { + document.body.classList.toggle("light-theme", isLight); + } + if (meta) { + meta.setAttribute("content", isLight ? "light" : "dark"); + } + var toggleButton = document.querySelector("[data-theme-toggle]"); + if (toggleButton) { + toggleButton.textContent = isLight ? "Dark" : "Light"; + } + } -function toggle() { - if (localStorage.getItem('toggle')) - localStorage.removeItem('toggle'); - else - localStorage.setItem('toggle', 1); - toggleColor(); -} + function getStoredTheme() { + try { + return localStorage.getItem("site-theme") || "dark"; + } catch (error) { + return "dark"; + } + } -if (localStorage.getItem('toggle')) - toggleColor(); \ No newline at end of file + function storeTheme(theme) { + try { + localStorage.setItem("site-theme", theme); + } catch (error) {} + } + + document.addEventListener("DOMContentLoaded", function () { + applyTheme(getStoredTheme()); + + var toggleButton = document.querySelector("[data-theme-toggle]"); + if (!toggleButton) { + return; + } + + toggleButton.addEventListener("click", function () { + var currentTheme = document.documentElement.getAttribute("data-theme") === "light" ? "light" : "dark"; + var nextTheme = currentTheme === "light" ? "dark" : "light"; + storeTheme(nextTheme); + applyTheme(nextTheme); + }); + }); +})(); diff --git a/index.md b/index.md index 6214916b6bb..b998f16978a 100644 --- a/index.md +++ b/index.md @@ -42,16 +42,12 @@ description: "A clean computer engineering portfolio homepage introducing my bac Journey Posts
- Growing - Technical Skills + 3.83 + CGPA
- 1 / Week - Writing Habit -
-
- Long-Term - Portfolio Growth + 3rd + Position In Section
From 33213ab141c130c62f1efc66b96c86f4c1c85949 Mon Sep 17 00:00:00 2001 From: asim-raza665 Date: Fri, 3 Apr 2026 17:22:10 +0500 Subject: [PATCH 21/71] Add images to all 16 blog articles --- _layouts/post.html | 1 + ...to-admission-in-uet-lahore-faisalabad-campus.md | 1 + ...hip-the-support-that-made-my-dreams-possible.md | 1 + .../2026-01-03-my-first-journey-to-university.md | 1 + _posts/2026-01-04-my-first-hostel-experience.md | 1 + ...day-and-first-class-at-uet-faisalabad-campus.md | 1 + ...g-to-university-life-and-building-my-routine.md | 1 + ...first-lab-experience-and-learning-new-skills.md | 1 + ...-mentor-who-changed-our-perspective-dr-bilal.md | 1 + ...-group-study-and-my-midterm-exams-experience.md | 1 + ...26-01-10-final-exams-and-academic-challenges.md | 1 + ...rst-semester-challenges-learning-and-success.md | 1 + ...second-semester-journey-and-early-challenges.md | 1 + ...tical-lab-experience-learning-database-tools.md | 1 + ...s-and-an-unexpected-shift-to-online-learning.md | 1 + ...sses-sql-learning-and-collaborative-projects.md | 1 + ...ience-challenges-projects-and-responsibility.md | 1 + assets/css/portfolio.sass | 14 ++++++++++++++ blog.md | 3 +++ 19 files changed, 34 insertions(+) diff --git a/_layouts/post.html b/_layouts/post.html index 86eac12d0a0..74224efc8a3 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -4,6 +4,7 @@
+ {% if page.image %}{{ page.title }}{% endif %} {% if page.phase %}

{{ page.phase }}

{% endif %}

{{ page.title }}

{% if page.summary %}

{{ page.summary }}

{% endif %} diff --git a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md index 9e545f31adf..7b63c13cedb 100644 --- a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md +++ b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md @@ -6,6 +6,7 @@ phase: "Getting In & Starting Out" journey_stage: "Admission Journey" read_time: "4 min" summary: "How I balanced board exams and entry tests to secure admission to UET Lahore, Faisalabad Campus, in Computer Engineering." +image: "https://images.unsplash.com/photo-1523050854058-8df90110c9f1?w=800&h=400&fit=crop" --- ## Balancing Board Exams and Entry Test Preparation diff --git a/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md b/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md index 828cde9513f..3d2d38a69f4 100644 --- a/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md +++ b/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md @@ -6,6 +6,7 @@ phase: "Getting In & Starting Out" journey_stage: "Scholarship Support" read_time: "6 min" summary: "A story of unexpected support, generous mentors, and the scholarship that made my higher education possible." +image: "https://images.unsplash.com/photo-1579621970563-ebec7560ff3e?w=800&h=400&fit=crop" --- Every student has a story behind their academic journey, but some stories are shaped not only by hard work, but also by unexpected kindness and support from others. My journey toward higher education is one of those stories, a journey where a simple, random meeting changed the direction of my life and made my dreams achievable. diff --git a/_posts/2026-01-03-my-first-journey-to-university.md b/_posts/2026-01-03-my-first-journey-to-university.md index a8dfcd35264..e671bdab9ae 100644 --- a/_posts/2026-01-03-my-first-journey-to-university.md +++ b/_posts/2026-01-03-my-first-journey-to-university.md @@ -6,6 +6,7 @@ phase: "Getting In & Starting Out" journey_stage: "First Departure" read_time: "4 min" summary: "The emotional, uncertain, and unforgettable journey from home to UET Faisalabad for the very first time." +image: "https://images.unsplash.com/photo-1498243691581-b145c3f54a5a?w=800&h=400&fit=crop" --- The journey to university is always a memorable and emotional moment in a student’s life, and mine was no different. In fact, it was one of the most important transitions in my life because it was the first time I was leaving my home to start a completely new phase. Everything felt new and uncertain, yet exciting at the same time. The night before my departure, I carefully prepared all my necessary belongings, including clothes, shoes, and other daily essentials. I made sure that everything was properly packed and organized because I knew the next day would be both hectic and emotional. I did not want to forget anything important, as I would be away from home for a long time. diff --git a/_posts/2026-01-04-my-first-hostel-experience.md b/_posts/2026-01-04-my-first-hostel-experience.md index e7962c044cc..08332fa36cf 100644 --- a/_posts/2026-01-04-my-first-hostel-experience.md +++ b/_posts/2026-01-04-my-first-hostel-experience.md @@ -6,6 +6,7 @@ phase: "Getting In & Starting Out" journey_stage: "Hostel Adjustment" read_time: "4 min" summary: "How my first days in the hostel began with discomfort and uncertainty but gradually turned into growth and friendship." +image: "https://images.unsplash.com/photo-1555854877-bab0e564b8d5?w=800&h=400&fit=crop" --- After securing my admission in UET Lahore (Faisalabad Campus), a completely new chapter of my life began, my very first experience of hostel life. Before joining university, I had never stayed in a hostel or lived away from my home for such a long period. Because of this, everything about this transition felt new, unfamiliar, and a bit overwhelming for me. I was both excited and nervous at the same time, as I did not know what to expect from this new lifestyle. diff --git a/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md b/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md index 48a5f17dec5..6013bb3def8 100644 --- a/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md +++ b/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md @@ -6,6 +6,7 @@ phase: "Getting In & Starting Out" journey_stage: "First Day on Campus" read_time: "4 min" summary: "An unforgettable first day filled with confusion, curiosity, first classes, and the realization that university life would demand much more from me." +image: "https://images.unsplash.com/photo-1523240795612-9a054b0db644?w=800&h=400&fit=crop" --- After settling into hostel life, the next big step in my journey was my very first day of classes at UET Faisalabad Campus. That morning felt completely different from the previous days because it carried a unique mix of excitement, curiosity, and nervousness. Since it was my first university class, I wanted everything to go perfectly. I woke up early in the morning, took a shower, got fully ready, and carefully packed my bag with the basic items I had at that time, including a register, a pen, and a few markers. I was not even sure what other stationery items would be required, but I tried my best to be prepared. diff --git a/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md b/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md index 42ab28eba50..968c2fdb6b7 100644 --- a/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md +++ b/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md @@ -6,6 +6,7 @@ phase: "First Semester Growth" journey_stage: "Building Routine" read_time: "5 min" summary: "The difficult but valuable process of adapting to university studies, programming, English lectures, and a completely new routine." +image: "https://images.unsplash.com/photo-1434030216411-0b793f4b4173?w=800&h=400&fit=crop" --- After experiencing my first day at university, the real challenge began, adjusting to a completely new academic and social environment. The first week of classes was a mixture of confusion, curiosity, and pressure. Everything felt very different from my FSc life, where studies were more structured, guided, and predictable. In university, I had to manage everything on my own, including attending lectures, completing assignments, handling hostel life, and doing self-study. This sudden shift in responsibility made the initial days quite challenging for me. diff --git a/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md b/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md index 947192a8251..0edf36fec4b 100644 --- a/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md +++ b/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md @@ -6,6 +6,7 @@ phase: "First Semester Growth" journey_stage: "First Lab Experience" read_time: "4 min" summary: "My earliest practical labs taught me coding discipline, ICT tools, self-study habits, and the value of supportive friends." +image: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=400&fit=crop" --- After settling into the rhythm of my first classes, the next big step in my academic journey was experiencing my first real labs at UET Faisalabad Campus. This phase was both exciting and challenging because it required me to apply the theoretical knowledge I was learning in subjects like Programming Fundamentals and Engineering Science into practical tasks. It was a completely new experience for me, as I was not used to learning in such an interactive and hands-on way. diff --git a/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md b/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md index e1952598a46..b86cad0c63e 100644 --- a/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md +++ b/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md @@ -6,6 +6,7 @@ phase: "First Semester Growth" journey_stage: "Mentorship and Mindset" read_time: "4 min" summary: "How Dr. Bilal helped us move beyond labels and focus on the technical skills that truly shape a future in computing." +image: "https://images.unsplash.com/photo-1517486808906-6ca8b3f04846?w=800&h=400&fit=crop" --- During the early weeks of my university life, one of the most common concerns among students in our class was about our degree program. We were enrolled in BSc Computer Engineering under SEC instead of PEC, and this created a lot of confusion and uncertainty. Many students, including myself, started to question whether we were in the right field. There were discussions in classrooms, hostels, and even during breaks about future job opportunities, the value of our degree, and whether not being registered under PEC would limit our careers. This situation created stress and doubt in our minds, especially because we had just started our university journey and were already worried about our future. diff --git a/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md b/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md index 86b67699239..d04cd9f85b1 100644 --- a/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md +++ b/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md @@ -6,6 +6,7 @@ phase: "First Semester Growth" journey_stage: "Midterm Preparation" read_time: "4 min" summary: "How group study, shared understanding, and focused preparation turned moderate quiz scores into strong midterm results." +image: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=800&h=400&fit=crop" --- After settling into my daily routine and becoming more familiar with university life, the next significant phase of my journey was preparing for quizzes and midterm exams. Initially, the concept of group study was completely new to me. During my FSc studies, I was used to studying alone, relying mostly on personal notes and self-practice. However, at UET Faisalabad, I quickly realized that working together with peers could make a huge difference. Learning in a collaborative environment not only helped me understand difficult concepts more effectively but also made the study process less stressful. diff --git a/_posts/2026-01-10-final-exams-and-academic-challenges.md b/_posts/2026-01-10-final-exams-and-academic-challenges.md index 4fc077f5066..05e527a2c6c 100644 --- a/_posts/2026-01-10-final-exams-and-academic-challenges.md +++ b/_posts/2026-01-10-final-exams-and-academic-challenges.md @@ -6,6 +6,7 @@ phase: "First Semester Growth" journey_stage: "Final Exam Pressure" read_time: "4 min" summary: "The final exam period taught me disciplined revision, time management, and how to remain steady under academic pressure." +image: "https://images.unsplash.com/photo-1453738773917-9c3eff1db985?w=800&h=400&fit=crop" --- As the semester moved toward its final phase, the pressure of final exams began to increase steadily. Unlike midterm exams, which covered only a portion of the syllabus, the finals required complete preparation for all subjects, including every concept taught throughout the semester. For me, this period was both challenging and highly important because it tested not only my academic understanding but also my consistency, discipline, and ability to manage time effectively. I realized that success in finals was not simply about studying hard for a few days; it depended largely on how well I had built and strengthened my concepts over the entire semester. diff --git a/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md b/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md index 419c4fb12cd..7e9b0743011 100644 --- a/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md +++ b/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md @@ -6,6 +6,7 @@ phase: "First Semester Growth" journey_stage: "First Semester Success" read_time: "6 min" summary: "My first semester ended with a strong CGPA, a machine learning project, and the confidence that I could thrive in computer engineering." +image: "https://images.unsplash.com/photo-1559526324-4b87b5e36e44?w=800&h=400&fit=crop" --- The end of my first semester at UET Faisalabad Campus was both challenging and rewarding. After completing the midterm exams, the next major task was preparing for the final exams, which required comprehensive revision of all the concepts covered throughout the semester, including topics taught before the midterms. For me, this period was particularly demanding because it involved balancing multiple responsibilities, maintaining a consistent study routine, managing hostel life, and, whenever possible, spending quality time with my family. It became clear that effective time management and self-discipline were essential if I wanted to cover all subjects thoroughly, from Programming Fundamentals and Calculus to Physics, ICT, and Discrete Mathematics. diff --git a/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md b/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md index 1664bf6d4cc..c81f8fc4150 100644 --- a/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md +++ b/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md @@ -6,6 +6,7 @@ phase: "Second Semester Momentum" journey_stage: "Second Semester Start" read_time: "5 min" summary: "My second semester began with preparation, confidence, a scholarship interview, and the lesson that good preparation can reduce setbacks." +image: "https://images.unsplash.com/photo-1481627834876-b7833e8f5570?w=800&h=400&fit=crop" --- After successfully completing my first semester at university, I was given a short but valuable break of two weeks. For many students, such vacations are a time to relax and disconnect from studies. However, for me, this break became an opportunity to prepare myself for the challenges ahead. I had already realized during my first semester that university life is very different from college life. The concepts are deeper, the pace is faster, and the expectations are much higher. Keeping this in mind, I decided to use my vacation wisely instead of spending it casually. diff --git a/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md b/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md index ac6abfc5bf8..44af87b0cd2 100644 --- a/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md +++ b/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md @@ -6,6 +6,7 @@ phase: "Second Semester Momentum" journey_stage: "Database Lab Foundations" read_time: "3 min" summary: "My first real database lab gave me hands-on confidence with MySQL Server, MySQL Workbench, and practical setup skills." +image: "https://images.unsplash.com/photo-1544383835-bda2bc66a55d?w=800&h=400&fit=crop" --- Starting a new semester always brings new experiences, and one of the most important parts of my second semester was the beginning of practical lab work. Although officially it was the second lab session, for me it was actually my first lab because I had missed the initial one due to my visit to the main campus for the HEC Need-Based Scholarship interview. Therefore, I entered this lab with a mix of curiosity, excitement, and a slight concern about what I might have missed. diff --git a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md index 20dd1191326..ef1f1ea3c4e 100644 --- a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md +++ b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md @@ -6,6 +6,7 @@ phase: "Second Semester Momentum" journey_stage: "Ramzan and Adaptability" read_time: "5 min" summary: "Ramzan in the hostel taught me responsibility, teamwork, and adaptability just as university life unexpectedly shifted online." +image: "https://images.unsplash.com/photo-1597910043389-2a7d7197435d?w=800&h=400&fit=crop" --- The beginning of Ramzan during my second semester brought a completely new and memorable experience into my university life. It was not just a change in routine, but a unique phase filled with learning, independence, and unexpected challenges. As hostel students, this was our first time observing Ramzan away from home, which made it both exciting and slightly difficult. diff --git a/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md b/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md index e22eaaae0a0..fb2b5fd03bc 100644 --- a/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md +++ b/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md @@ -6,6 +6,7 @@ phase: "Second Semester Momentum" journey_stage: "Online Learning Growth" read_time: "4 min" summary: "Online classes pushed me to strengthen SQL, improve project work, and stay disciplined through collaboration and self-management." +image: "https://images.unsplash.com/photo-1587620962725-abab7fe55159?w=800&h=400&fit=crop" --- During the end of Ramadan, the semester took an unexpected turn due to global events that affected life in our country. The conflict between America, Israel, and Iran caused a sharp rise in petrol prices, which ultimately led to the closure of all universities, colleges, and schools across Pakistan. As a result, our classes shifted entirely to online mode, introducing a new set of challenges for both learning and staying disciplined while at home. Adapting to this sudden change required flexibility, self-motivation, and careful planning. Despite these challenges, I made a conscious effort to make the most of the situation, focusing on practical learning during online sessions and labs to ensure that my academic progress was not affected. diff --git a/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md b/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md index 6b7e82437af..75c47db3178 100644 --- a/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md +++ b/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md @@ -6,6 +6,7 @@ phase: "Second Semester Momentum" journey_stage: "Leadership and Responsibility" read_time: "6 min" summary: "An online database lab became a turning point where preparation, project planning, and helping classmates all came together." +image: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=400&fit=crop" --- As my second semester continued, one of the most interesting and slightly challenging experiences came during an online database lab session. This lab was different from the previous ones because it focused more on preparation, understanding, and evaluation rather than just performing tasks step by step. It also introduced us to important academic responsibilities and teamwork beyond the classroom. diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index 010f98546a9..4a968787a00 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -363,6 +363,20 @@ p gap: 0.9rem background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 252, 252, 0.94)) +.post-image + width: 100% + height: 180px + object-fit: cover + border-radius: 12px + margin: 0 + +.post-hero-image + width: 100% + max-height: 360px + object-fit: cover + border-radius: 16px + margin-bottom: 1.5rem + .journal-index, .post-meta-row span, .journal-meta span, diff --git a/blog.md b/blog.md index 9a3bcfe894c..169fbcbc974 100644 --- a/blog.md +++ b/blog.md @@ -27,6 +27,7 @@ description: "A complete record of my computer engineering journey, organized as
{% for post in phase_one %}
+ {% if post.image %}{{ post.title }}{% endif %} Article {{ post.sequence }}

{{ post.title }}

{{ post.summary }}

@@ -47,6 +48,7 @@ description: "A complete record of my computer engineering journey, organized as
{% for post in phase_two %}
+ {% if post.image %}{{ post.title }}{% endif %} Article {{ post.sequence }}

{{ post.title }}

{{ post.summary }}

@@ -67,6 +69,7 @@ description: "A complete record of my computer engineering journey, organized as
{% for post in phase_three %}
+ {% if post.image %}{{ post.title }}{% endif %} Article {{ post.sequence }}

{{ post.title }}

{{ post.summary }}

From 0a4adfa80f98d543aae8c58b73928cd436e374a5 Mon Sep 17 00:00:00 2001 From: asim-raza665 Date: Fri, 3 Apr 2026 17:28:22 +0500 Subject: [PATCH 22/71] Change navigation order to Home, About, Blog, Contact --- _config.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_config.yml b/_config.yml index 576036f6ded..4adb7fc5647 100644 --- a/_config.yml +++ b/_config.yml @@ -14,8 +14,8 @@ show_minimal: false navigation: - {file: "index.md", title: "Home"} - {file: "about.md", title: "About"} - - {file: "contact.md", title: "Contact"} - {file: "blog.md", title: "Blog"} + - {file: "contact.md", title: "Contact"} external: - {title: "Email", icon: envelope, url: "mailto:gondalasim665@gmail.com"} From 8a4af0367535369fb2cd7e2ed2a60d68b5998720 Mon Sep 17 00:00:00 2001 From: asim-raza665 Date: Fri, 3 Apr 2026 17:33:37 +0500 Subject: [PATCH 23/71] Fix light theme visibility for metric labels, journal headings, and eyebrow text --- assets/css/portfolio.sass | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index 4a968787a00..b427f67e947 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -957,6 +957,32 @@ html[data-theme="light"] .site-footer a, body.light-theme .site-footer a color: #102033 +html[data-theme="light"] .metric-label, +body.light-theme .metric-label + color: #415263 + +html[data-theme="light"] .metric-value, +body.light-theme .metric-value + background: rgba(15, 123, 131, 0.12) + color: #0d5165 + +html[data-theme="light"] .journal-card h3 a, +body.light-theme .journal-card h3 a + color: #102033 + +html[data-theme="light"] .journal-index, +html[data-theme="light"] .post-meta-row span, +html[data-theme="light"] .journal-meta span, +body.light-theme .journal-index, +body.light-theme .post-meta-row span, +body.light-theme .journal-meta span + background: rgba(15, 123, 131, 0.12) + color: #0d5165 + +html[data-theme="light"] .eyebrow, +body.light-theme .eyebrow + color: #0d5165 + @media (max-width: 960px) .about-home-layout, .feature-grid--portfolio, From 1e56d24dec62048a769c235e8582b6216d06ca75 Mon Sep 17 00:00:00 2001 From: asim-raza665 Date: Fri, 3 Apr 2026 17:39:39 +0500 Subject: [PATCH 24/71] Trigger rebuild for images From 92ee380a35401333dffba3ca2ec5a312ff67a622 Mon Sep 17 00:00:00 2001 From: asim-raza665 Date: Fri, 3 Apr 2026 17:51:25 +0500 Subject: [PATCH 25/71] Fix broken image URLs for Article 1 and 14 --- ...1-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md | 2 +- ...zan-adventures-and-an-unexpected-shift-to-online-learning.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md index 7b63c13cedb..299a10e2561 100644 --- a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md +++ b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md @@ -6,7 +6,7 @@ phase: "Getting In & Starting Out" journey_stage: "Admission Journey" read_time: "4 min" summary: "How I balanced board exams and entry tests to secure admission to UET Lahore, Faisalabad Campus, in Computer Engineering." -image: "https://images.unsplash.com/photo-1523050854058-8df90110c9f1?w=800&h=400&fit=crop" +image: "https://images.unsplash.com/photo-1541339907198-e08756dedf3f?w=800&h=400&fit=crop" --- ## Balancing Board Exams and Entry Test Preparation diff --git a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md index ef1f1ea3c4e..a704dfe0cea 100644 --- a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md +++ b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md @@ -6,7 +6,7 @@ phase: "Second Semester Momentum" journey_stage: "Ramzan and Adaptability" read_time: "5 min" summary: "Ramzan in the hostel taught me responsibility, teamwork, and adaptability just as university life unexpectedly shifted online." -image: "https://images.unsplash.com/photo-1597910043389-2a7d7197435d?w=800&h=400&fit=crop" +image: "https://images.unsplash.com/photo-1533259138856-1b60098d2e1e?w=800&h=400&fit=crop" --- The beginning of Ramzan during my second semester brought a completely new and memorable experience into my university life. It was not just a change in routine, but a unique phase filled with learning, independence, and unexpected challenges. As hostel students, this was our first time observing Ramzan away from home, which made it both exciting and slightly difficult. From bf0b27d122eb8deddd77221be662a5a4471f51b1 Mon Sep 17 00:00:00 2001 From: asim-raza665 Date: Fri, 3 Apr 2026 18:09:13 +0500 Subject: [PATCH 26/71] Fix Article 14 image URL --- ...zan-adventures-and-an-unexpected-shift-to-online-learning.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md index a704dfe0cea..39f89e7fec7 100644 --- a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md +++ b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md @@ -6,7 +6,7 @@ phase: "Second Semester Momentum" journey_stage: "Ramzan and Adaptability" read_time: "5 min" summary: "Ramzan in the hostel taught me responsibility, teamwork, and adaptability just as university life unexpectedly shifted online." -image: "https://images.unsplash.com/photo-1533259138856-1b60098d2e1e?w=800&h=400&fit=crop" +image: "https://images.unsplash.com/photo-1564769625905-50e93615e769?w=800&h=400&fit=crop" --- The beginning of Ramzan during my second semester brought a completely new and memorable experience into my university life. It was not just a change in routine, but a unique phase filled with learning, independence, and unexpected challenges. As hostel students, this was our first time observing Ramzan away from home, which made it both exciting and slightly difficult. From bac5ecbe0e274a77f97c6bc81c922060c6b41774 Mon Sep 17 00:00:00 2001 From: asim-raza665 Date: Fri, 3 Apr 2026 18:29:54 +0500 Subject: [PATCH 27/71] Force rebuild From 6314f65a4a74c0bd871c07bfda95a6fd920c3f57 Mon Sep 17 00:00:00 2001 From: asim-raza665 Date: Sat, 4 Apr 2026 09:28:42 +0500 Subject: [PATCH 28/71] Add stats data file and fix About Me section spacing --- _data/stats.yml | 2 ++ index.md | 6 +++--- 2 files changed, 5 insertions(+), 3 deletions(-) create mode 100644 _data/stats.yml diff --git a/_data/stats.yml b/_data/stats.yml new file mode 100644 index 00000000000..cccd5720717 --- /dev/null +++ b/_data/stats.yml @@ -0,0 +1,2 @@ +cgpa: "3.83" +position: "3rd" diff --git a/index.md b/index.md index b998f16978a..3a432dbd926 100644 --- a/index.md +++ b/index.md @@ -42,17 +42,17 @@ description: "A clean computer engineering portfolio homepage introducing my bac Journey Posts
- 3.83 + {{ site.data.stats.cgpa }} CGPA
- 3rd + {{ site.data.stats.position }} Position In Section
-
+

About Me

Building a long-term journey in computer engineering

From f3c20f9b9bc009bc50be7782902f117e59c3e9c5 Mon Sep 17 00:00:00 2001 From: asim-raza665 Date: Sun, 5 Apr 2026 20:00:48 +0500 Subject: [PATCH 29/71] Add category filter tags to blog page for semester-wise filtering --- assets/css/portfolio.sass | 67 +- blog.md | 135 ++-- new-theme-preview.html | 1545 +++++++++++++++++++++++++++++++++++++ 3 files changed, 1679 insertions(+), 68 deletions(-) create mode 100644 new-theme-preview.html diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index b427f67e947..418037edfa8 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -348,11 +348,46 @@ p padding: 1.4rem margin-bottom: 2rem -.phase-links +.category-filters display: flex flex-wrap: wrap - gap: 0.75rem - margin-top: 1rem + gap: 0.65rem + margin-top: 1.25rem + justify-content: center + +.category-tag + padding: 0.55rem 1.1rem + border-radius: 999px + border: 1px solid rgba(16, 32, 51, 0.12) + background: rgba(255, 255, 255, 0.72) + color: #102033 + font-size: 0.85rem + font-weight: 600 + cursor: pointer + transition: all 0.25s ease + &:hover + background: rgba(216, 240, 238, 0.72) + border-color: #0d5165 + &.active + background: linear-gradient(135deg, #0f7b83, #0d5165) + color: #ffffff + border-color: transparent + +.semester-tag + padding: 0.25rem 0.65rem + border-radius: 999px + background: rgba(198, 107, 66, 0.12) + color: #c66b42 + font-size: 0.75rem + font-weight: 700 + +#posts-container + display: grid + grid-template-columns: repeat(2, 1fr) + gap: 1rem + +#posts-container .journal-card + transition: opacity 0.3s ease, transform 0.3s ease .phase-section margin-top: 2rem @@ -957,6 +992,22 @@ html[data-theme="light"] .site-footer a, body.light-theme .site-footer a color: #102033 +html[data-theme="light"] .category-tag, +body.light-theme .category-tag + border: 1px solid rgba(16, 32, 51, 0.12) + background: rgba(255, 255, 255, 0.74) + color: #102033 + &:hover + background: rgba(216, 240, 238, 0.74) + &.active + background: linear-gradient(135deg, #0f7b83, #0d5165) + color: #ffffff + +html[data-theme="light"] .semester-tag, +body.light-theme .semester-tag + background: rgba(198, 107, 66, 0.12) + color: #c66b42 + html[data-theme="light"] .metric-label, body.light-theme .metric-label color: #415263 @@ -990,9 +1041,17 @@ body.light-theme .eyebrow .service-grid, .metric-grid--portfolio, .metric-grid--simple, - .project-grid + .project-grid, + #posts-container grid-template-columns: 1fr + .category-filters + gap: 0.5rem + + .category-tag + padding: 0.45rem 0.9rem + font-size: 0.8rem + .site-header justify-content: center diff --git a/blog.md b/blog.md index 169fbcbc974..d230828bd51 100644 --- a/blog.md +++ b/blog.md @@ -12,72 +12,79 @@ description: "A complete record of my computer engineering journey, organized as

This page collects my full portfolio articles. Each article opens separately so the complete post can be read in detail.

-
- Admission & Transition - First Semester Growth - Second Semester Momentum +
+ + + + + + +
-
-
-

Phase 01

-

Getting In & Starting Out

-
-
- {% for post in phase_one %} -
- {% if post.image %}{{ post.title }}{% endif %} - Article {{ post.sequence }} -

{{ post.title }}

-

{{ post.summary }}

-
- {{ post.journey_stage }} - {{ post.read_time }} -
-
- {% endfor %} -
-
+
+ {% for post in sorted_posts %} +
+ {% if post.image %}{{ post.title }}{% endif %} + Article {{ post.sequence }} +

{{ post.title }}

+

{{ post.summary }}

+
+ {{ post.journey_stage }} + {{ post.read_time }} + {% if post.phase contains 'First Semester' %}Semester 1{% elsif post.phase contains 'Second Semester' %}Semester 2{% else %}Pre-Semester{% endif %} +
+
+ {% endfor %} +
-
-
-

Phase 02

-

First Semester Growth

-
-
- {% for post in phase_two %} -
- {% if post.image %}{{ post.title }}{% endif %} - Article {{ post.sequence }} -

{{ post.title }}

-

{{ post.summary }}

-
- {{ post.journey_stage }} - {{ post.read_time }} -
-
- {% endfor %} -
-
+ diff --git a/new-theme-preview.html b/new-theme-preview.html new file mode 100644 index 00000000000..46f91b340e6 --- /dev/null +++ b/new-theme-preview.html @@ -0,0 +1,1545 @@ + + + + + + Asim Raza - Portfolio + + + + +
+
+
+ + +
+
+
Asim Raza
+
+ + + + + +
+
+
+ + +
+
+

Computer Engineering Student

+

Asim Raza

+
+

Building expertise in programming, systems, and practical engineering at UET Lahore Faisalabad Campus.

+
+
+
0
+
Journey Posts
+
+
+
3.83
+
CGPA
+
+
+
3rd
+
Position
+
+
+
+
+
+
+
+
+ +
+
+

About Me

+

My Journey

+
+

Building a long-term journey in computer engineering through continuous learning and discipline.

+
+
+
+

Background

+

I am Asim Raza from Mandi Bahauddin, pursuing Computer Engineering and building my future through continuous learning and discipline.

+
+
+

Experience

+

Developing confidence in programming, problem-solving, and technical learning through coursework, labs, and regular study.

+
+
+

Interests

+

Interested in programming, computer systems, and the way engineering knowledge turns ideas into practical solutions.

+
+
+
+
+ + +
+
+
+

Who I Am

+

My Story

+
+
+
+
+

Academic Profile

+

I am Asim Raza, a BSc Computer Engineering student at UET Lahore, Faisalabad Campus. My academic journey is rooted in hard work, self-discipline, and the desire to build strong technical skills.

+
+
+

How My Journey Began

+

My path started with balancing FSc Part-II studies and university entrance test preparation. That phase taught me planning, patience, and focus under pressure.

+
+
+

A Turning Point

+

A scholarship opportunity changed the direction of my life. The support of Madam Tasmiha, Sir Aftab, and Sir Ahmad Nawaz gave me the chance to continue my education with dignity.

+
+
+

What I Am Learning

+

My growth includes programming in Python, database systems, SQL, machine learning projects, and practical discipline from labs and assignments.

+
+
+

Location

+

I belong to Mandi Bahauddin, Punjab, Pakistan, and this background continues to shape my values, motivation, and long-term academic goals.

+
+
+
+ +
+
+

What Guides Me

+

My Values

+
+
+
+
+

Gratitude

+

I never forget the people whose trust and generosity supported my education. Their belief motivates me to work with sincerity.

+
+
+

Consistency

+

I believe strong results come from daily effort, not shortcuts. My progress is tied to regular practice and discipline.

+
+
+

Skill-Focused Growth

+

Skills define long-term success, especially in computing and modern engineering fields.

+
+
+

Helping Others

+

When I guided classmates on the portfolio project, I realized that knowledge becomes stronger when shared with others.

+
+
+
+
+ + +
+
+
+

My Writings

+

Journey Posts

+
+

A complete record of my computer engineering journey, organized by phases.

+
+ +
+

Phase 01

+

Getting In & Starting Out

+
+
+
+ University +
+
+ Article 01 +

My Journey to Admission in UET Lahore

+

How I balanced board exams and entry tests to secure admission to UET Lahore, Faisalabad Campus.

+
+ Admission Journey + 4 min read +
+
+
+
+
+ Scholarship +
+
+ Article 02 +

A Life-Changing Scholarship

+

The support that made my dreams possible and changed the direction of my life.

+
+ Scholarship Support + 6 min read +
+
+
+
+
+ University +
+
+ Article 03 +

My First Journey to University

+

The emotional, uncertain, and unforgettable journey from home to UET Faisalabad.

+
+ First Departure + 4 min read +
+
+
+
+
+ Hostel +
+
+ Article 04 +

My First Hostel Experience

+

How my first days in the hostel turned from discomfort into growth and friendship.

+
+ Hostel Adjustment + 4 min read +
+
+
+
+
+ First Day +
+
+ Article 05 +

My First Day at UET Faisalabad

+

An unforgettable first day filled with confusion, curiosity, and first classes.

+
+ First Day + 4 min read +
+
+
+
+
+ +
+

Phase 02

+

First Semester Growth

+
+
+
+ Lab +
+
+ Article 07 +

My First Lab Experience

+

My earliest practical labs taught me coding discipline, ICT tools, and self-study habits.

+
+ Lab Experience + 4 min read +
+
+
+
+
+ Mentor +
+
+ Article 08 +

A Mentor Who Changed Our Perspective

+

How Dr. Bilal helped us move beyond labels and focus on technical skills.

+
+ Mentorship + 4 min read +
+
+
+
+
+ Success +
+
+ Article 11 +

Completing My First Semester

+

My first semester ended with a strong CGPA and a machine learning project.

+
+ Success + 6 min read +
+
+
+
+
+ +
+

Phase 03

+

Second Semester Momentum

+
+
+
+ Database +
+
+ Article 13 +

My First Practical Lab Experience

+

My first real database lab gave me hands-on confidence with MySQL and Workbench.

+
+ Database Lab + 3 min read +
+
+
+
+
+ Ramzan +
+
+ Article 14 +

Ramzan Adventures & Online Learning

+

Ramzan in the hostel taught me responsibility, teamwork, and adaptability.

+
+ Ramzan + 5 min read +
+
+
+
+
+ Leadership +
+
+ Article 16 +

An Online Lab Experience

+

An online database lab became a turning point where preparation and leadership came together.

+
+ Leadership + 6 min read +
+
+
+
+
+
+
+ + +
+
+ + +

+

+
+
+
+
+ + +
+
+
+

Get In Touch

+

Let's Connect

+
+

I am open to meaningful academic and professional conversations.

+
+
+
+
📧
+

Email

+

For portfolio feedback, academic discussion, or opportunities

+ Send Email +
+
+
💻
+

GitHub

+

View my work and connect with me through my GitHub profile

+ View GitHub +
+
+
🎓
+

Academic Base

+

I am currently pursuing Computer Engineering at UET Lahore, Faisalabad Campus

+

UET Lahore, Faisalabad Campus

+
+
+
📍
+

Location

+

I belong to Mandi Bahauddin, Punjab, Pakistan

+

Mandi Bahauddin, Punjab, Pakistan

+
+
+
+
+ + +
+
Asim Raza
+

Computer Engineering Portfolio — Documenting growth, resilience, and learning.

+
+ + + + From 637245e36fadaa4670ee0872df557dd045fa860f Mon Sep 17 00:00:00 2001 From: asim-raza665 Date: Sun, 5 Apr 2026 20:09:22 +0500 Subject: [PATCH 30/71] Add individual article tags for blog filtering --- assets/css/portfolio.sass | 19 +++++++++------ blog.md | 51 ++++++++++++--------------------------- 2 files changed, 28 insertions(+), 42 deletions(-) diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index 418037edfa8..457bbb76eb2 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -350,10 +350,17 @@ p .category-filters display: flex - flex-wrap: wrap - gap: 0.65rem + flex-wrap: nowrap + gap: 0.5rem margin-top: 1.25rem - justify-content: center + overflow-x: auto + padding-bottom: 0.75rem + -webkit-overflow-scrolling: touch + &::-webkit-scrollbar + height: 4px + &::-webkit-scrollbar-thumb + background: rgba(15, 123, 131, 0.3) + border-radius: 999px .category-tag padding: 0.55rem 1.1rem @@ -1045,12 +1052,10 @@ body.light-theme .eyebrow #posts-container grid-template-columns: 1fr - .category-filters - gap: 0.5rem - .category-tag - padding: 0.45rem 0.9rem + padding: 0.45rem 0.85rem font-size: 0.8rem + white-space: nowrap .site-header justify-content: center diff --git a/blog.md b/blog.md index d230828bd51..32dd5826531 100644 --- a/blog.md +++ b/blog.md @@ -11,21 +11,18 @@ description: "A complete record of my computer engineering journey, organized as {% assign phase_three = sorted_posts | where: "phase", "Second Semester Momentum" %}
-

This page collects my full portfolio articles. Each article opens separately so the complete post can be read in detail.

+

This page collects my full portfolio articles. Click on any tag below to read that specific article.

- - - - - - - + + {% for post in sorted_posts %} + + {% endfor %}
{% for post in sorted_posts %} -
+
{% if post.image %}{{ post.title }}{% endif %} Article {{ post.sequence }}

{{ post.title }}

@@ -46,42 +43,26 @@ description: "A complete record of my computer engineering journey, organized as filterButtons.forEach(button => { button.addEventListener('click', function() { - const category = this.getAttribute('data-category'); + const sequence = this.getAttribute('data-sequence'); filterButtons.forEach(btn => btn.classList.remove('active')); this.classList.add('active'); posts.forEach(post => { - const phaseGroup = post.getAttribute('data-phase-group'); - const journeyStage = post.getAttribute('data-journey-stage') || ''; - const categories = post.getAttribute('data-categories') || ''; + const postSequence = post.getAttribute('data-sequence'); - let shouldShow = false; - - if (category === 'all') { - shouldShow = true; - } else if (category === 'semester-1') { - shouldShow = phaseGroup === '1' || phaseGroup === '2'; - } else if (category === 'semester-2') { - shouldShow = phaseGroup === '3'; - } else if (category === 'admission') { - shouldShow = categories.includes('admission') || categories.includes('scholarship') || categories.includes('first-departure'); - } else if (category === 'hostel') { - shouldShow = categories.includes('hostel') || categories.includes('adjustment'); - } else if (category === 'labs') { - shouldShow = categories.includes('lab') || categories.includes('database') || categories.includes('success'); - } else if (category === 'mentorship') { - shouldShow = categories.includes('mentorship') || categories.includes('leadership'); - } - - if (shouldShow) { + if (sequence === 'all' || postSequence === sequence) { post.style.display = ''; - post.style.opacity = '1'; - post.style.transform = 'translateY(0)'; + setTimeout(() => { + post.style.opacity = '1'; + post.style.transform = 'translateY(0)'; + }, 50); } else { post.style.opacity = '0'; post.style.transform = 'translateY(20px)'; - setTimeout(() => { post.style.display = 'none'; }, 300); + setTimeout(() => { + post.style.display = 'none'; + }, 300); } }); }); From f93aac6f4eae270bc9b0f43bb31292465730b624 Mon Sep 17 00:00:00 2001 From: asim-raza665 Date: Sun, 5 Apr 2026 20:21:32 +0500 Subject: [PATCH 31/71] Add topic-based tag filtering system to blog page --- ...mission-in-uet-lahore-faisalabad-campus.md | 4 +++ ...he-support-that-made-my-dreams-possible.md | 4 +++ ...26-01-03-my-first-journey-to-university.md | 4 +++ .../2026-01-04-my-first-hostel-experience.md | 4 +++ ...nd-first-class-at-uet-faisalabad-campus.md | 4 +++ ...university-life-and-building-my-routine.md | 4 +++ ...-lab-experience-and-learning-new-skills.md | 4 +++ ...or-who-changed-our-perspective-dr-bilal.md | 4 +++ ...p-study-and-my-midterm-exams-experience.md | 4 +++ ...-10-final-exams-and-academic-challenges.md | 4 +++ ...emester-challenges-learning-and-success.md | 4 +++ ...d-semester-journey-and-early-challenges.md | 4 +++ ...-lab-experience-learning-database-tools.md | 4 +++ ...-an-unexpected-shift-to-online-learning.md | 4 +++ ...sql-learning-and-collaborative-projects.md | 4 +++ ...-challenges-projects-and-responsibility.md | 4 +++ add-tags.bat | 7 ++++ assets/css/portfolio.sass | 15 ++++++++ blog.md | 34 ++++++++++++------- 19 files changed, 108 insertions(+), 12 deletions(-) create mode 100644 add-tags.bat diff --git a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md index 299a10e2561..1b53b454d29 100644 --- a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md +++ b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md @@ -7,6 +7,10 @@ journey_stage: "Admission Journey" read_time: "4 min" summary: "How I balanced board exams and entry tests to secure admission to UET Lahore, Faisalabad Campus, in Computer Engineering." image: "https://images.unsplash.com/photo-1541339907198-e08756dedf3f?w=800&h=400&fit=crop" +tags: + - Admission + - Entry Test + - Preparation --- ## Balancing Board Exams and Entry Test Preparation diff --git a/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md b/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md index 3d2d38a69f4..9cffd9310a1 100644 --- a/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md +++ b/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md @@ -7,6 +7,10 @@ journey_stage: "Scholarship Support" read_time: "6 min" summary: "A story of unexpected support, generous mentors, and the scholarship that made my higher education possible." image: "https://images.unsplash.com/photo-1579621970563-ebec7560ff3e?w=800&h=400&fit=crop" +tags: + - Scholarship + - Financial Aid + - Support --- Every student has a story behind their academic journey, but some stories are shaped not only by hard work, but also by unexpected kindness and support from others. My journey toward higher education is one of those stories, a journey where a simple, random meeting changed the direction of my life and made my dreams achievable. diff --git a/_posts/2026-01-03-my-first-journey-to-university.md b/_posts/2026-01-03-my-first-journey-to-university.md index e671bdab9ae..13a17516181 100644 --- a/_posts/2026-01-03-my-first-journey-to-university.md +++ b/_posts/2026-01-03-my-first-journey-to-university.md @@ -7,6 +7,10 @@ journey_stage: "First Departure" read_time: "4 min" summary: "The emotional, uncertain, and unforgettable journey from home to UET Faisalabad for the very first time." image: "https://images.unsplash.com/photo-1498243691581-b145c3f54a5a?w=800&h=400&fit=crop" +tags: + - Travel + - First Journey + - Independence --- The journey to university is always a memorable and emotional moment in a student’s life, and mine was no different. In fact, it was one of the most important transitions in my life because it was the first time I was leaving my home to start a completely new phase. Everything felt new and uncertain, yet exciting at the same time. The night before my departure, I carefully prepared all my necessary belongings, including clothes, shoes, and other daily essentials. I made sure that everything was properly packed and organized because I knew the next day would be both hectic and emotional. I did not want to forget anything important, as I would be away from home for a long time. diff --git a/_posts/2026-01-04-my-first-hostel-experience.md b/_posts/2026-01-04-my-first-hostel-experience.md index 08332fa36cf..385742f1564 100644 --- a/_posts/2026-01-04-my-first-hostel-experience.md +++ b/_posts/2026-01-04-my-first-hostel-experience.md @@ -7,6 +7,10 @@ journey_stage: "Hostel Adjustment" read_time: "4 min" summary: "How my first days in the hostel began with discomfort and uncertainty but gradually turned into growth and friendship." image: "https://images.unsplash.com/photo-1555854877-bab0e564b8d5?w=800&h=400&fit=crop" +tags: + - Hostel + - Adjustment + - Friendship --- After securing my admission in UET Lahore (Faisalabad Campus), a completely new chapter of my life began, my very first experience of hostel life. Before joining university, I had never stayed in a hostel or lived away from my home for such a long period. Because of this, everything about this transition felt new, unfamiliar, and a bit overwhelming for me. I was both excited and nervous at the same time, as I did not know what to expect from this new lifestyle. diff --git a/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md b/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md index 6013bb3def8..39c0cb0543b 100644 --- a/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md +++ b/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md @@ -7,6 +7,10 @@ journey_stage: "First Day on Campus" read_time: "4 min" summary: "An unforgettable first day filled with confusion, curiosity, first classes, and the realization that university life would demand much more from me." image: "https://images.unsplash.com/photo-1523240795612-9a054b0db644?w=800&h=400&fit=crop" +tags: + - First Day + - Campus Life + - Orientation --- After settling into hostel life, the next big step in my journey was my very first day of classes at UET Faisalabad Campus. That morning felt completely different from the previous days because it carried a unique mix of excitement, curiosity, and nervousness. Since it was my first university class, I wanted everything to go perfectly. I woke up early in the morning, took a shower, got fully ready, and carefully packed my bag with the basic items I had at that time, including a register, a pen, and a few markers. I was not even sure what other stationery items would be required, but I tried my best to be prepared. diff --git a/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md b/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md index 968c2fdb6b7..a04c98f17e9 100644 --- a/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md +++ b/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md @@ -7,6 +7,10 @@ journey_stage: "Building Routine" read_time: "5 min" summary: "The difficult but valuable process of adapting to university studies, programming, English lectures, and a completely new routine." image: "https://images.unsplash.com/photo-1434030216411-0b793f4b4173?w=800&h=400&fit=crop" +tags: + - Programming + - Routine + - Adaptation --- After experiencing my first day at university, the real challenge began, adjusting to a completely new academic and social environment. The first week of classes was a mixture of confusion, curiosity, and pressure. Everything felt very different from my FSc life, where studies were more structured, guided, and predictable. In university, I had to manage everything on my own, including attending lectures, completing assignments, handling hostel life, and doing self-study. This sudden shift in responsibility made the initial days quite challenging for me. diff --git a/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md b/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md index 0edf36fec4b..fdf1191869d 100644 --- a/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md +++ b/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md @@ -7,6 +7,10 @@ journey_stage: "First Lab Experience" read_time: "4 min" summary: "My earliest practical labs taught me coding discipline, ICT tools, self-study habits, and the value of supportive friends." image: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=400&fit=crop" +tags: + - Lab + - Programming + - Skills --- After settling into the rhythm of my first classes, the next big step in my academic journey was experiencing my first real labs at UET Faisalabad Campus. This phase was both exciting and challenging because it required me to apply the theoretical knowledge I was learning in subjects like Programming Fundamentals and Engineering Science into practical tasks. It was a completely new experience for me, as I was not used to learning in such an interactive and hands-on way. diff --git a/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md b/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md index b86cad0c63e..0f7643642d5 100644 --- a/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md +++ b/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md @@ -7,6 +7,10 @@ journey_stage: "Mentorship and Mindset" read_time: "4 min" summary: "How Dr. Bilal helped us move beyond labels and focus on the technical skills that truly shape a future in computing." image: "https://images.unsplash.com/photo-1517486808906-6ca8b3f04846?w=800&h=400&fit=crop" +tags: + - Mentorship + - Mindset + - Growth --- During the early weeks of my university life, one of the most common concerns among students in our class was about our degree program. We were enrolled in BSc Computer Engineering under SEC instead of PEC, and this created a lot of confusion and uncertainty. Many students, including myself, started to question whether we were in the right field. There were discussions in classrooms, hostels, and even during breaks about future job opportunities, the value of our degree, and whether not being registered under PEC would limit our careers. This situation created stress and doubt in our minds, especially because we had just started our university journey and were already worried about our future. diff --git a/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md b/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md index d04cd9f85b1..cdf8cc42bc3 100644 --- a/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md +++ b/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md @@ -7,6 +7,10 @@ journey_stage: "Midterm Preparation" read_time: "4 min" summary: "How group study, shared understanding, and focused preparation turned moderate quiz scores into strong midterm results." image: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=800&h=400&fit=crop" +tags: + - Group Study + - Exams + - Teamwork --- After settling into my daily routine and becoming more familiar with university life, the next significant phase of my journey was preparing for quizzes and midterm exams. Initially, the concept of group study was completely new to me. During my FSc studies, I was used to studying alone, relying mostly on personal notes and self-practice. However, at UET Faisalabad, I quickly realized that working together with peers could make a huge difference. Learning in a collaborative environment not only helped me understand difficult concepts more effectively but also made the study process less stressful. diff --git a/_posts/2026-01-10-final-exams-and-academic-challenges.md b/_posts/2026-01-10-final-exams-and-academic-challenges.md index 05e527a2c6c..9ca65d6b339 100644 --- a/_posts/2026-01-10-final-exams-and-academic-challenges.md +++ b/_posts/2026-01-10-final-exams-and-academic-challenges.md @@ -7,6 +7,10 @@ journey_stage: "Final Exam Pressure" read_time: "4 min" summary: "The final exam period taught me disciplined revision, time management, and how to remain steady under academic pressure." image: "https://images.unsplash.com/photo-1453738773917-9c3eff1db985?w=800&h=400&fit=crop" +tags: + - Exams + - Time Management + - Discipline --- As the semester moved toward its final phase, the pressure of final exams began to increase steadily. Unlike midterm exams, which covered only a portion of the syllabus, the finals required complete preparation for all subjects, including every concept taught throughout the semester. For me, this period was both challenging and highly important because it tested not only my academic understanding but also my consistency, discipline, and ability to manage time effectively. I realized that success in finals was not simply about studying hard for a few days; it depended largely on how well I had built and strengthened my concepts over the entire semester. diff --git a/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md b/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md index 7e9b0743011..4c03c66476c 100644 --- a/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md +++ b/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md @@ -7,6 +7,10 @@ journey_stage: "First Semester Success" read_time: "6 min" summary: "My first semester ended with a strong CGPA, a machine learning project, and the confidence that I could thrive in computer engineering." image: "https://images.unsplash.com/photo-1559526324-4b87b5e36e44?w=800&h=400&fit=crop" +tags: + - CGPA + - Machine Learning + - Success --- The end of my first semester at UET Faisalabad Campus was both challenging and rewarding. After completing the midterm exams, the next major task was preparing for the final exams, which required comprehensive revision of all the concepts covered throughout the semester, including topics taught before the midterms. For me, this period was particularly demanding because it involved balancing multiple responsibilities, maintaining a consistent study routine, managing hostel life, and, whenever possible, spending quality time with my family. It became clear that effective time management and self-discipline were essential if I wanted to cover all subjects thoroughly, from Programming Fundamentals and Calculus to Physics, ICT, and Discrete Mathematics. diff --git a/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md b/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md index c81f8fc4150..0701467a29d 100644 --- a/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md +++ b/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md @@ -7,6 +7,10 @@ journey_stage: "Second Semester Start" read_time: "5 min" summary: "My second semester began with preparation, confidence, a scholarship interview, and the lesson that good preparation can reduce setbacks." image: "https://images.unsplash.com/photo-1481627834876-b7833e8f5570?w=800&h=400&fit=crop" +tags: + - Preparation + - Growth + - Scholarship --- After successfully completing my first semester at university, I was given a short but valuable break of two weeks. For many students, such vacations are a time to relax and disconnect from studies. However, for me, this break became an opportunity to prepare myself for the challenges ahead. I had already realized during my first semester that university life is very different from college life. The concepts are deeper, the pace is faster, and the expectations are much higher. Keeping this in mind, I decided to use my vacation wisely instead of spending it casually. diff --git a/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md b/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md index 44af87b0cd2..1b4626a0e2e 100644 --- a/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md +++ b/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md @@ -7,6 +7,10 @@ journey_stage: "Database Lab Foundations" read_time: "3 min" summary: "My first real database lab gave me hands-on confidence with MySQL Server, MySQL Workbench, and practical setup skills." image: "https://images.unsplash.com/photo-1544383835-bda2bc66a55d?w=800&h=400&fit=crop" +tags: + - Lab + - Database + - MySQL --- Starting a new semester always brings new experiences, and one of the most important parts of my second semester was the beginning of practical lab work. Although officially it was the second lab session, for me it was actually my first lab because I had missed the initial one due to my visit to the main campus for the HEC Need-Based Scholarship interview. Therefore, I entered this lab with a mix of curiosity, excitement, and a slight concern about what I might have missed. diff --git a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md index 39f89e7fec7..606868e4e41 100644 --- a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md +++ b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md @@ -7,6 +7,10 @@ journey_stage: "Ramzan and Adaptability" read_time: "5 min" summary: "Ramzan in the hostel taught me responsibility, teamwork, and adaptability just as university life unexpectedly shifted online." image: "https://images.unsplash.com/photo-1564769625905-50e93615e769?w=800&h=400&fit=crop" +tags: + - Ramzan + - Hostel + - Adaptability --- The beginning of Ramzan during my second semester brought a completely new and memorable experience into my university life. It was not just a change in routine, but a unique phase filled with learning, independence, and unexpected challenges. As hostel students, this was our first time observing Ramzan away from home, which made it both exciting and slightly difficult. diff --git a/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md b/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md index fb2b5fd03bc..80324749f44 100644 --- a/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md +++ b/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md @@ -7,6 +7,10 @@ journey_stage: "Online Learning Growth" read_time: "4 min" summary: "Online classes pushed me to strengthen SQL, improve project work, and stay disciplined through collaboration and self-management." image: "https://images.unsplash.com/photo-1587620962725-abab7fe55159?w=800&h=400&fit=crop" +tags: + - SQL + - Online Learning + - Projects --- During the end of Ramadan, the semester took an unexpected turn due to global events that affected life in our country. The conflict between America, Israel, and Iran caused a sharp rise in petrol prices, which ultimately led to the closure of all universities, colleges, and schools across Pakistan. As a result, our classes shifted entirely to online mode, introducing a new set of challenges for both learning and staying disciplined while at home. Adapting to this sudden change required flexibility, self-motivation, and careful planning. Despite these challenges, I made a conscious effort to make the most of the situation, focusing on practical learning during online sessions and labs to ensure that my academic progress was not affected. diff --git a/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md b/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md index 75c47db3178..3bfdeacb228 100644 --- a/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md +++ b/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md @@ -7,6 +7,10 @@ journey_stage: "Leadership and Responsibility" read_time: "6 min" summary: "An online database lab became a turning point where preparation, project planning, and helping classmates all came together." image: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=400&fit=crop" +tags: + - Leadership + - Responsibility + - Projects --- As my second semester continued, one of the most interesting and slightly challenging experiences came during an online database lab session. This lab was different from the previous ones because it focused more on preparation, understanding, and evaluation rather than just performing tasks step by step. It also introduced us to important academic responsibilities and teamwork beyond the classroom. diff --git a/add-tags.bat b/add-tags.bat new file mode 100644 index 00000000000..db59c256f8c --- /dev/null +++ b/add-tags.bat @@ -0,0 +1,7 @@ +@echo off +cd /d "D:\qwen\asim-raza665.github.io\_posts" + +:: Article 2 - Scholarship +powershell -Command "(Get-Content '2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md') -replace 'summary: \"A story of unexpected support, generous mentors, and the scholarship that made my higher education possible.\"', 'summary: \"A story of unexpected support, generous mentors, and the scholarship that made my higher education possible.`ntags:`n - Scholarship`n - Financial Aid`n - Support' | Set-Content '2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md'" + +echo Done diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index 457bbb76eb2..e9c4f117def 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -388,6 +388,21 @@ p font-size: 0.75rem font-weight: 700 +.post-tags + display: flex + flex-wrap: wrap + gap: 0.4rem + margin-top: 0.75rem + +.post-tag + padding: 0.2rem 0.6rem + border-radius: 999px + background: rgba(15, 123, 131, 0.08) + color: #0d5165 + font-size: 0.7rem + font-weight: 600 + letter-spacing: 0.03em + #posts-container display: grid grid-template-columns: repeat(2, 1fr) diff --git a/blog.md b/blog.md index 32dd5826531..cf8a988fcce 100644 --- a/blog.md +++ b/blog.md @@ -6,23 +6,28 @@ description: "A complete record of my computer engineering journey, organized as --- {% assign sorted_posts = site.posts | sort: "sequence" %} -{% assign phase_one = sorted_posts | where: "phase", "Getting In & Starting Out" %} -{% assign phase_two = sorted_posts | where: "phase", "First Semester Growth" %} -{% assign phase_three = sorted_posts | where: "phase", "Second Semester Momentum" %}
-

This page collects my full portfolio articles. Click on any tag below to read that specific article.

-
- +

This page collects my full portfolio articles. Click on any tag below to filter posts by topic.

+
+ + {% assign all_tags = "" %} {% for post in sorted_posts %} - + {% for tag in post.tags %} + {% unless all_tags contains tag %} + {% assign all_tags = all_tags | append: "," | append: tag %} + {% endunless %} + {% endfor %} + {% endfor %} + {% for tag in all_tags split: "," offset: 1 %} + {% endfor %}
{% for post in sorted_posts %} -
+
{% if post.image %}{{ post.title }}{% endif %} Article {{ post.sequence }}

{{ post.title }}

@@ -32,26 +37,31 @@ description: "A complete record of my computer engineering journey, organized as {{ post.read_time }} {% if post.phase contains 'First Semester' %}Semester 1{% elsif post.phase contains 'Second Semester' %}Semester 2{% else %}Pre-Semester{% endif %}
+
+ {% for tag in post.tags %} + {{ tag }} + {% endfor %} +
{% endfor %}
From 51ec28073e95c62ba78364c3a6d25bad87e7a6aa Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Fri, 17 Apr 2026 11:25:35 +0500 Subject: [PATCH 36/71] Create 2026-04-17-a-sudden-journey-and-portfolio-completion.md --- ...sudden-journey-and-portfolio-completion.md | 30 +++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 _posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md diff --git a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md new file mode 100644 index 00000000000..340824f540d --- /dev/null +++ b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md @@ -0,0 +1,30 @@ +--- +layout: post +title: Article 17: A Sudden Journey, Academic Responsibilities, and Completing My GitHub Portfolio +sequence: 17 +phase: Second Semester Momentum +journey_stage: Academic Growth +read_time: 6 min +summary: A sudden travel decision, academic pressure, and successfully completing my GitHub portfolio project. +image: [https://your-image-link-here](https://www.google.com/imgres?q=Sudden%20travel%20for%20university%20by%20a%20train%20%20pic&imgurl=https%3A%2F%2Fimg.freepik.com%2Ffree-photo%2Fmedium-shot-smiley-man-with-map_23-2148700867.jpg%3Fsemt%3Dais_hybrid%26w%3D740%26q%3D80&imgrefurl=https%3A%2F%2Fwww.freepik.com%2Ffree-photos-vectors%2Fman-train%2F30&docid=Vm6ygM-i-1HRHM&tbnid=9k_ljqUJBwawzM&vet=12ahUKEwibiL6BoPSTAxXnR0EAHT49JqsQnPAOegQILhAA..i&w=740&h=1109&hcb=2&itg=1&ved=2ahUKEwibiL6BoPSTAxXnR0EAHT49JqsQnPAOegQILhAA) +tags: [Travel, Portfolio, GitHub, University Life] +--- +As my second semester progressed, one of the most memorable and slightly hectic experiences occurred around the end of our semester break. This period was filled with uncertainty, quick decision-making, travel challenges, and important academic responsibilities—especially related to my Database Systems Lab (DBS) portfolio project. +During the last days of March, there was a lot of confusion regarding the reopening of the university. According to the official notification, the university was supposed to reopen on 1st April. However, at the same time, news was circulating on media that the vacations might be extended for another 15 days due to increasing petrol prices. This created a situation of uncertainty among students, including myself. +On 31st March, during our morning Calculus class at around 10:00 AM, the situation was still unclear. As I live far from the university and traveling requires proper planning, I was unsure whether to leave for the university or wait for confirmation. Initially, I even considered staying back because traveling without confirmation could waste both time and money, especially since transport costs had increased significantly. +However, at around 10:20–10:25 AM, a confirmed update was shared in our student group that the university would reopen from the next day. This sudden confirmation changed everything. I had very limited time to prepare because my train was scheduled to depart at 11:25 AM. +Without wasting time, I quickly got ready. I took a bath, changed my clothes, and within a short time, I left home with my father on a bike. Due to the limited time, it seemed almost impossible to catch the train. Missing it would have meant traveling by bus, which would cost approximately 300 rupees more due to increased fares. +Fortunately, luck was on my side. We reached the railway station just a few minutes before the train’s arrival, and unexpectedly, the train was slightly late. I managed to buy a ticket costing 910 rupees and boarded the train just in time. Some of my friends also joined me during the journey, which made the experience more enjoyable. +We got off at a station Chak Jhumra before Faisalabad, from where our university was still around 10–15 kilometers away. From there, we hired a rickshaw along with other passengers. It was quite an adventurous ride, as the driver accommodated around seven to eight people in a single rickshaw. We shared the fare of 600 rupees among four friends and finally reached the university in the evening. +The next day, academic activities resumed immediately. We had a Digital Logic Design (DLD) quiz scheduled after one day. We prepared for it seriously, and Alhamdulillah, the quiz went well and was relatively easy for me. +Along with regular classes, an important task was assigned to us in our Database Systems Lab. Our respected teacher, Dr. Bilal, instructed us to complete our GitHub portfolio project before the midterm exams. This project required us to properly structure our portfolio using a Jekyll theme and follow specific guidelines. +The main instructions included creating a well-organized website with four main sections: Home (index page), About, Contact, and Blog. The home page was required to contain only static personal information, while all articles were to be placed in the blog section. Additionally, the blog needed to support a proper post system, allowing us to add new articles without changing the overall structure of the website. Another important requirement was the use of categories or tags, so that related posts could be grouped and easily accessed. +Understanding the importance of this project, I started working on it seriously after returning to the university. However, due to limited time before midterms and the requirement to include multiple articles, the task was quite challenging. It required both technical implementation and content writing. +To complete the project, I dedicated a significant amount of time and effort. In fact, I worked continuously for almost 24 hours to finalize the portfolio. This included organizing my articles, customizing the design, implementing required features, and ensuring that all instructions were properly followed. +For my portfolio, I used a custom Jekyll theme. I also added features like dark and light mode with a smooth transition, which improved the overall user experience. The blog section was designed using markdown format, making it easy to add new articles in the future without modifying the website structure. +After completing the project, I shared my GitHub portfolio link with Dr. Bilal. His feedback was very encouraging. He Said: + +“Design is good. And apparently it fulfills all requirements.” + +This positive response gave me confidence and a sense of achievement after the hard work I had put in.Alongside this, we were also preparing for our midterm exams, which made this period even more intense and challenging. Managing travel, academic tasks, project work, and exam preparation all at once required discipline and time management. +Overall, this experience was a combination of uncertainty, quick decisions, hard work, and achievement. From rushing to catch a train to successfully completing a technical portfolio project, every part of this journey contributed to my personal and academic growth. It taught me the importance of adaptability, time management, and dedication—qualities that are essential for a Computer Engineering student. From 033df58e1f6852f5c49ef6255caf3875b49026d8 Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Fri, 17 Apr 2026 11:36:39 +0500 Subject: [PATCH 37/71] Add article 17 with custom travel portfolio cover --- ...ties-and-completing-my-github-portfolio.md | 59 +++++++++++++++++ .../cover.svg | 63 +++++++++++++++++++ 2 files changed, 122 insertions(+) create mode 100644 _posts/2026-01-17-a-sudden-journey-academic-responsibilities-and-completing-my-github-portfolio.md create mode 100644 assets/images/posts/article-17-sudden-journey-github-portfolio/cover.svg diff --git a/_posts/2026-01-17-a-sudden-journey-academic-responsibilities-and-completing-my-github-portfolio.md b/_posts/2026-01-17-a-sudden-journey-academic-responsibilities-and-completing-my-github-portfolio.md new file mode 100644 index 00000000000..ab81e6da788 --- /dev/null +++ b/_posts/2026-01-17-a-sudden-journey-academic-responsibilities-and-completing-my-github-portfolio.md @@ -0,0 +1,59 @@ +--- +layout: post +title: "A Sudden Journey, Academic Responsibilities, and Completing My GitHub Portfolio" +sequence: 17 +phase: "Second Semester Momentum" +journey_stage: "Travel, Portfolio, and Midterms" +read_time: "5 min" +summary: "A hectic return to campus turned into a lesson in quick decision-making, academic responsibility, and completing my GitHub portfolio under pressure." +image: "/assets/images/posts/article-17-sudden-journey-github-portfolio/cover.svg" +tags: + - Travel + - GitHub Portfolio + - Database Systems + - Time Management +--- + +## Uncertainty, Fast Decisions, and Catching the Train + +As my second semester progressed, one of the most memorable and slightly hectic experiences occurred around the end of our semester break. This period was filled with uncertainty, quick decision-making, travel challenges, and important academic responsibilities, especially related to my Database Systems Lab portfolio project. + +During the last days of March, there was a lot of confusion regarding the reopening of the university. According to the official notification, the university was supposed to reopen on 1st April. However, at the same time, news was circulating on media that the vacations might be extended for another 15 days due to increasing petrol prices. This created a situation of uncertainty among students, including myself. + +On 31st March, during our morning Calculus class at around 10:00 AM, the situation was still unclear. As I live far from the university and traveling requires proper planning, I was unsure whether to leave for the university or wait for confirmation. Initially, I even considered staying back because traveling without confirmation could waste both time and money, especially since transport costs had increased significantly. + +However, at around 10:20 to 10:25 AM, a confirmed update was shared in our student group that the university would reopen from the next day. This sudden confirmation changed everything. I had very limited time to prepare because my train was scheduled to depart at 11:25 AM. + +Without wasting time, I quickly got ready. I took a bath, changed my clothes, and within a short time, I left home with my father on a bike. Due to the limited time, it seemed almost impossible to catch the train. Missing it would have meant traveling by bus, which would cost approximately 300 rupees more due to increased fares. + +Fortunately, luck was on my side. We reached the railway station just a few minutes before the train's arrival, and unexpectedly, the train was slightly late. I managed to buy a ticket costing 910 rupees and boarded the train just in time. Some of my friends also joined me during the journey, which made the experience more enjoyable. + +## Reaching Campus and Returning to Academic Routine + +We got off at Chak Jhumra before Faisalabad, from where our university was still around 10 to 15 kilometers away. From there, we hired a rickshaw along with other passengers. It was quite an adventurous ride, as the driver accommodated around seven to eight people in a single rickshaw. We shared the fare of 600 rupees among four friends and finally reached the university in the evening. + +The next day, academic activities resumed immediately. We had a Digital Logic Design quiz scheduled after one day. We prepared for it seriously, and Alhamdulillah, the quiz went well and was relatively easy for me. + +Along with regular classes, an important task was assigned to us in our Database Systems Lab. Our respected teacher, Dr. Bilal, instructed us to complete our GitHub portfolio project before the midterm exams. This project required us to properly structure our portfolio using a Jekyll theme and follow specific guidelines. + +The main instructions included creating a well-organized website with four main sections: Home, About, Contact, and Blog. The home page was required to contain only static personal information, while all articles were to be placed in the blog section. Additionally, the blog needed to support a proper post system, allowing us to add new articles without changing the overall structure of the website. Another important requirement was the use of categories or tags so that related posts could be grouped and easily accessed. + +## Building the Portfolio Under Pressure + +Understanding the importance of this project, I started working on it seriously after returning to the university. However, due to limited time before midterms and the requirement to include multiple articles, the task was quite challenging. It required both technical implementation and content writing. + +To complete the project, I dedicated a significant amount of time and effort. In fact, I worked continuously for almost 24 hours to finalize the portfolio. This included organizing my articles, customizing the design, implementing required features, and ensuring that all instructions were properly followed. + +For my portfolio, I used a custom Jekyll theme. I also added features like dark and light mode with a smooth transition, which improved the overall user experience. The blog section was designed using markdown format, making it easy to add new articles in the future without modifying the website structure. + +After completing the project, I shared my GitHub portfolio link with Dr. Bilal. His feedback was very encouraging: + +> "Design is good. And apparently it fulfills all requirements." + +This positive response gave me confidence and a sense of achievement after the hard work I had put in. + +## Lessons in Time Management and Adaptability + +Alongside this, we were also preparing for our midterm exams, which made this period even more intense and challenging. Managing travel, academic tasks, project work, and exam preparation all at once required discipline and time management. + +Overall, this experience was a combination of uncertainty, quick decisions, hard work, and achievement. From rushing to catch a train to successfully completing a technical portfolio project, every part of this journey contributed to my personal and academic growth. It taught me the importance of adaptability, time management, and dedication, qualities that are essential for a Computer Engineering student. diff --git a/assets/images/posts/article-17-sudden-journey-github-portfolio/cover.svg b/assets/images/posts/article-17-sudden-journey-github-portfolio/cover.svg new file mode 100644 index 00000000000..36783d59794 --- /dev/null +++ b/assets/images/posts/article-17-sudden-journey-github-portfolio/cover.svg @@ -0,0 +1,63 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ARTICLE 17 + Sudden Journey + and GitHub Portfolio + Travel pressure, academic deadlines, + and completing a portfolio project. + From 0e88771b89a40c12782f7b0e227c06e97e9df05e Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Fri, 17 Apr 2026 11:39:57 +0500 Subject: [PATCH 38/71] Polish article 17 content and attach local cover --- ...ties-and-completing-my-github-portfolio.md | 59 ----------------- ...sudden-journey-and-portfolio-completion.md | 63 ++++++++++++++----- 2 files changed, 46 insertions(+), 76 deletions(-) delete mode 100644 _posts/2026-01-17-a-sudden-journey-academic-responsibilities-and-completing-my-github-portfolio.md diff --git a/_posts/2026-01-17-a-sudden-journey-academic-responsibilities-and-completing-my-github-portfolio.md b/_posts/2026-01-17-a-sudden-journey-academic-responsibilities-and-completing-my-github-portfolio.md deleted file mode 100644 index ab81e6da788..00000000000 --- a/_posts/2026-01-17-a-sudden-journey-academic-responsibilities-and-completing-my-github-portfolio.md +++ /dev/null @@ -1,59 +0,0 @@ ---- -layout: post -title: "A Sudden Journey, Academic Responsibilities, and Completing My GitHub Portfolio" -sequence: 17 -phase: "Second Semester Momentum" -journey_stage: "Travel, Portfolio, and Midterms" -read_time: "5 min" -summary: "A hectic return to campus turned into a lesson in quick decision-making, academic responsibility, and completing my GitHub portfolio under pressure." -image: "/assets/images/posts/article-17-sudden-journey-github-portfolio/cover.svg" -tags: - - Travel - - GitHub Portfolio - - Database Systems - - Time Management ---- - -## Uncertainty, Fast Decisions, and Catching the Train - -As my second semester progressed, one of the most memorable and slightly hectic experiences occurred around the end of our semester break. This period was filled with uncertainty, quick decision-making, travel challenges, and important academic responsibilities, especially related to my Database Systems Lab portfolio project. - -During the last days of March, there was a lot of confusion regarding the reopening of the university. According to the official notification, the university was supposed to reopen on 1st April. However, at the same time, news was circulating on media that the vacations might be extended for another 15 days due to increasing petrol prices. This created a situation of uncertainty among students, including myself. - -On 31st March, during our morning Calculus class at around 10:00 AM, the situation was still unclear. As I live far from the university and traveling requires proper planning, I was unsure whether to leave for the university or wait for confirmation. Initially, I even considered staying back because traveling without confirmation could waste both time and money, especially since transport costs had increased significantly. - -However, at around 10:20 to 10:25 AM, a confirmed update was shared in our student group that the university would reopen from the next day. This sudden confirmation changed everything. I had very limited time to prepare because my train was scheduled to depart at 11:25 AM. - -Without wasting time, I quickly got ready. I took a bath, changed my clothes, and within a short time, I left home with my father on a bike. Due to the limited time, it seemed almost impossible to catch the train. Missing it would have meant traveling by bus, which would cost approximately 300 rupees more due to increased fares. - -Fortunately, luck was on my side. We reached the railway station just a few minutes before the train's arrival, and unexpectedly, the train was slightly late. I managed to buy a ticket costing 910 rupees and boarded the train just in time. Some of my friends also joined me during the journey, which made the experience more enjoyable. - -## Reaching Campus and Returning to Academic Routine - -We got off at Chak Jhumra before Faisalabad, from where our university was still around 10 to 15 kilometers away. From there, we hired a rickshaw along with other passengers. It was quite an adventurous ride, as the driver accommodated around seven to eight people in a single rickshaw. We shared the fare of 600 rupees among four friends and finally reached the university in the evening. - -The next day, academic activities resumed immediately. We had a Digital Logic Design quiz scheduled after one day. We prepared for it seriously, and Alhamdulillah, the quiz went well and was relatively easy for me. - -Along with regular classes, an important task was assigned to us in our Database Systems Lab. Our respected teacher, Dr. Bilal, instructed us to complete our GitHub portfolio project before the midterm exams. This project required us to properly structure our portfolio using a Jekyll theme and follow specific guidelines. - -The main instructions included creating a well-organized website with four main sections: Home, About, Contact, and Blog. The home page was required to contain only static personal information, while all articles were to be placed in the blog section. Additionally, the blog needed to support a proper post system, allowing us to add new articles without changing the overall structure of the website. Another important requirement was the use of categories or tags so that related posts could be grouped and easily accessed. - -## Building the Portfolio Under Pressure - -Understanding the importance of this project, I started working on it seriously after returning to the university. However, due to limited time before midterms and the requirement to include multiple articles, the task was quite challenging. It required both technical implementation and content writing. - -To complete the project, I dedicated a significant amount of time and effort. In fact, I worked continuously for almost 24 hours to finalize the portfolio. This included organizing my articles, customizing the design, implementing required features, and ensuring that all instructions were properly followed. - -For my portfolio, I used a custom Jekyll theme. I also added features like dark and light mode with a smooth transition, which improved the overall user experience. The blog section was designed using markdown format, making it easy to add new articles in the future without modifying the website structure. - -After completing the project, I shared my GitHub portfolio link with Dr. Bilal. His feedback was very encouraging: - -> "Design is good. And apparently it fulfills all requirements." - -This positive response gave me confidence and a sense of achievement after the hard work I had put in. - -## Lessons in Time Management and Adaptability - -Alongside this, we were also preparing for our midterm exams, which made this period even more intense and challenging. Managing travel, academic tasks, project work, and exam preparation all at once required discipline and time management. - -Overall, this experience was a combination of uncertainty, quick decisions, hard work, and achievement. From rushing to catch a train to successfully completing a technical portfolio project, every part of this journey contributed to my personal and academic growth. It taught me the importance of adaptability, time management, and dedication, qualities that are essential for a Computer Engineering student. diff --git a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md index 340824f540d..ab81e6da788 100644 --- a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md +++ b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md @@ -1,30 +1,59 @@ --- layout: post -title: Article 17: A Sudden Journey, Academic Responsibilities, and Completing My GitHub Portfolio +title: "A Sudden Journey, Academic Responsibilities, and Completing My GitHub Portfolio" sequence: 17 -phase: Second Semester Momentum -journey_stage: Academic Growth -read_time: 6 min -summary: A sudden travel decision, academic pressure, and successfully completing my GitHub portfolio project. -image: [https://your-image-link-here](https://www.google.com/imgres?q=Sudden%20travel%20for%20university%20by%20a%20train%20%20pic&imgurl=https%3A%2F%2Fimg.freepik.com%2Ffree-photo%2Fmedium-shot-smiley-man-with-map_23-2148700867.jpg%3Fsemt%3Dais_hybrid%26w%3D740%26q%3D80&imgrefurl=https%3A%2F%2Fwww.freepik.com%2Ffree-photos-vectors%2Fman-train%2F30&docid=Vm6ygM-i-1HRHM&tbnid=9k_ljqUJBwawzM&vet=12ahUKEwibiL6BoPSTAxXnR0EAHT49JqsQnPAOegQILhAA..i&w=740&h=1109&hcb=2&itg=1&ved=2ahUKEwibiL6BoPSTAxXnR0EAHT49JqsQnPAOegQILhAA) -tags: [Travel, Portfolio, GitHub, University Life] +phase: "Second Semester Momentum" +journey_stage: "Travel, Portfolio, and Midterms" +read_time: "5 min" +summary: "A hectic return to campus turned into a lesson in quick decision-making, academic responsibility, and completing my GitHub portfolio under pressure." +image: "/assets/images/posts/article-17-sudden-journey-github-portfolio/cover.svg" +tags: + - Travel + - GitHub Portfolio + - Database Systems + - Time Management --- -As my second semester progressed, one of the most memorable and slightly hectic experiences occurred around the end of our semester break. This period was filled with uncertainty, quick decision-making, travel challenges, and important academic responsibilities—especially related to my Database Systems Lab (DBS) portfolio project. + +## Uncertainty, Fast Decisions, and Catching the Train + +As my second semester progressed, one of the most memorable and slightly hectic experiences occurred around the end of our semester break. This period was filled with uncertainty, quick decision-making, travel challenges, and important academic responsibilities, especially related to my Database Systems Lab portfolio project. + During the last days of March, there was a lot of confusion regarding the reopening of the university. According to the official notification, the university was supposed to reopen on 1st April. However, at the same time, news was circulating on media that the vacations might be extended for another 15 days due to increasing petrol prices. This created a situation of uncertainty among students, including myself. + On 31st March, during our morning Calculus class at around 10:00 AM, the situation was still unclear. As I live far from the university and traveling requires proper planning, I was unsure whether to leave for the university or wait for confirmation. Initially, I even considered staying back because traveling without confirmation could waste both time and money, especially since transport costs had increased significantly. -However, at around 10:20–10:25 AM, a confirmed update was shared in our student group that the university would reopen from the next day. This sudden confirmation changed everything. I had very limited time to prepare because my train was scheduled to depart at 11:25 AM. + +However, at around 10:20 to 10:25 AM, a confirmed update was shared in our student group that the university would reopen from the next day. This sudden confirmation changed everything. I had very limited time to prepare because my train was scheduled to depart at 11:25 AM. + Without wasting time, I quickly got ready. I took a bath, changed my clothes, and within a short time, I left home with my father on a bike. Due to the limited time, it seemed almost impossible to catch the train. Missing it would have meant traveling by bus, which would cost approximately 300 rupees more due to increased fares. -Fortunately, luck was on my side. We reached the railway station just a few minutes before the train’s arrival, and unexpectedly, the train was slightly late. I managed to buy a ticket costing 910 rupees and boarded the train just in time. Some of my friends also joined me during the journey, which made the experience more enjoyable. -We got off at a station Chak Jhumra before Faisalabad, from where our university was still around 10–15 kilometers away. From there, we hired a rickshaw along with other passengers. It was quite an adventurous ride, as the driver accommodated around seven to eight people in a single rickshaw. We shared the fare of 600 rupees among four friends and finally reached the university in the evening. -The next day, academic activities resumed immediately. We had a Digital Logic Design (DLD) quiz scheduled after one day. We prepared for it seriously, and Alhamdulillah, the quiz went well and was relatively easy for me. + +Fortunately, luck was on my side. We reached the railway station just a few minutes before the train's arrival, and unexpectedly, the train was slightly late. I managed to buy a ticket costing 910 rupees and boarded the train just in time. Some of my friends also joined me during the journey, which made the experience more enjoyable. + +## Reaching Campus and Returning to Academic Routine + +We got off at Chak Jhumra before Faisalabad, from where our university was still around 10 to 15 kilometers away. From there, we hired a rickshaw along with other passengers. It was quite an adventurous ride, as the driver accommodated around seven to eight people in a single rickshaw. We shared the fare of 600 rupees among four friends and finally reached the university in the evening. + +The next day, academic activities resumed immediately. We had a Digital Logic Design quiz scheduled after one day. We prepared for it seriously, and Alhamdulillah, the quiz went well and was relatively easy for me. + Along with regular classes, an important task was assigned to us in our Database Systems Lab. Our respected teacher, Dr. Bilal, instructed us to complete our GitHub portfolio project before the midterm exams. This project required us to properly structure our portfolio using a Jekyll theme and follow specific guidelines. -The main instructions included creating a well-organized website with four main sections: Home (index page), About, Contact, and Blog. The home page was required to contain only static personal information, while all articles were to be placed in the blog section. Additionally, the blog needed to support a proper post system, allowing us to add new articles without changing the overall structure of the website. Another important requirement was the use of categories or tags, so that related posts could be grouped and easily accessed. + +The main instructions included creating a well-organized website with four main sections: Home, About, Contact, and Blog. The home page was required to contain only static personal information, while all articles were to be placed in the blog section. Additionally, the blog needed to support a proper post system, allowing us to add new articles without changing the overall structure of the website. Another important requirement was the use of categories or tags so that related posts could be grouped and easily accessed. + +## Building the Portfolio Under Pressure + Understanding the importance of this project, I started working on it seriously after returning to the university. However, due to limited time before midterms and the requirement to include multiple articles, the task was quite challenging. It required both technical implementation and content writing. + To complete the project, I dedicated a significant amount of time and effort. In fact, I worked continuously for almost 24 hours to finalize the portfolio. This included organizing my articles, customizing the design, implementing required features, and ensuring that all instructions were properly followed. + For my portfolio, I used a custom Jekyll theme. I also added features like dark and light mode with a smooth transition, which improved the overall user experience. The blog section was designed using markdown format, making it easy to add new articles in the future without modifying the website structure. -After completing the project, I shared my GitHub portfolio link with Dr. Bilal. His feedback was very encouraging. He Said: -“Design is good. And apparently it fulfills all requirements.” +After completing the project, I shared my GitHub portfolio link with Dr. Bilal. His feedback was very encouraging: + +> "Design is good. And apparently it fulfills all requirements." + +This positive response gave me confidence and a sense of achievement after the hard work I had put in. + +## Lessons in Time Management and Adaptability + +Alongside this, we were also preparing for our midterm exams, which made this period even more intense and challenging. Managing travel, academic tasks, project work, and exam preparation all at once required discipline and time management. -This positive response gave me confidence and a sense of achievement after the hard work I had put in.Alongside this, we were also preparing for our midterm exams, which made this period even more intense and challenging. Managing travel, academic tasks, project work, and exam preparation all at once required discipline and time management. -Overall, this experience was a combination of uncertainty, quick decisions, hard work, and achievement. From rushing to catch a train to successfully completing a technical portfolio project, every part of this journey contributed to my personal and academic growth. It taught me the importance of adaptability, time management, and dedication—qualities that are essential for a Computer Engineering student. +Overall, this experience was a combination of uncertainty, quick decisions, hard work, and achievement. From rushing to catch a train to successfully completing a technical portfolio project, every part of this journey contributed to my personal and academic growth. It taught me the importance of adaptability, time management, and dedication, qualities that are essential for a Computer Engineering student. From 8874cda5390cc4e3aed381c04fabfb7d32f2f0c7 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 18 Apr 2026 10:53:49 +0500 Subject: [PATCH 39/71] Update 2026-04-17-a-sudden-journey-and-portfolio-completion.md --- .../2026-04-17-a-sudden-journey-and-portfolio-completion.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md index ab81e6da788..fe1cffb0af4 100644 --- a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md +++ b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md @@ -14,7 +14,7 @@ tags: - Time Management --- -## Uncertainty, Fast Decisions, and Catching the Train +### Uncertainty, Fast Decisions, and Catching the Train As my second semester progressed, one of the most memorable and slightly hectic experiences occurred around the end of our semester break. This period was filled with uncertainty, quick decision-making, travel challenges, and important academic responsibilities, especially related to my Database Systems Lab portfolio project. @@ -38,7 +38,7 @@ Along with regular classes, an important task was assigned to us in our Database The main instructions included creating a well-organized website with four main sections: Home, About, Contact, and Blog. The home page was required to contain only static personal information, while all articles were to be placed in the blog section. Additionally, the blog needed to support a proper post system, allowing us to add new articles without changing the overall structure of the website. Another important requirement was the use of categories or tags so that related posts could be grouped and easily accessed. -## Building the Portfolio Under Pressure +##### Building the Portfolio Under Pressure Understanding the importance of this project, I started working on it seriously after returning to the university. However, due to limited time before midterms and the requirement to include multiple articles, the task was quite challenging. It required both technical implementation and content writing. @@ -52,7 +52,7 @@ After completing the project, I shared my GitHub portfolio link with Dr. Bilal. This positive response gave me confidence and a sense of achievement after the hard work I had put in. -## Lessons in Time Management and Adaptability +#### Lessons in Time Management and Adaptability Alongside this, we were also preparing for our midterm exams, which made this period even more intense and challenging. Managing travel, academic tasks, project work, and exam preparation all at once required discipline and time management. From 23123afc0ba4fbc34e889968021c3740ee270224 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 18 Apr 2026 10:54:29 +0500 Subject: [PATCH 40/71] Update 2026-04-17-a-sudden-journey-and-portfolio-completion.md --- .../2026-04-17-a-sudden-journey-and-portfolio-completion.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md index fe1cffb0af4..c1752b3f3b3 100644 --- a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md +++ b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md @@ -28,7 +28,7 @@ Without wasting time, I quickly got ready. I took a bath, changed my clothes, an Fortunately, luck was on my side. We reached the railway station just a few minutes before the train's arrival, and unexpectedly, the train was slightly late. I managed to buy a ticket costing 910 rupees and boarded the train just in time. Some of my friends also joined me during the journey, which made the experience more enjoyable. -## Reaching Campus and Returning to Academic Routine +### Reaching Campus and Returning to Academic Routine We got off at Chak Jhumra before Faisalabad, from where our university was still around 10 to 15 kilometers away. From there, we hired a rickshaw along with other passengers. It was quite an adventurous ride, as the driver accommodated around seven to eight people in a single rickshaw. We shared the fare of 600 rupees among four friends and finally reached the university in the evening. @@ -38,7 +38,7 @@ Along with regular classes, an important task was assigned to us in our Database The main instructions included creating a well-organized website with four main sections: Home, About, Contact, and Blog. The home page was required to contain only static personal information, while all articles were to be placed in the blog section. Additionally, the blog needed to support a proper post system, allowing us to add new articles without changing the overall structure of the website. Another important requirement was the use of categories or tags so that related posts could be grouped and easily accessed. -##### Building the Portfolio Under Pressure +### Building the Portfolio Under Pressure Understanding the importance of this project, I started working on it seriously after returning to the university. However, due to limited time before midterms and the requirement to include multiple articles, the task was quite challenging. It required both technical implementation and content writing. From 1b121cf2aa5054f43dd355368ad8e8e7ab2dbe79 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 18 Apr 2026 10:55:07 +0500 Subject: [PATCH 41/71] Update 2026-04-17-a-sudden-journey-and-portfolio-completion.md --- .../2026-04-17-a-sudden-journey-and-portfolio-completion.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md index c1752b3f3b3..cc965545b2c 100644 --- a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md +++ b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md @@ -14,7 +14,7 @@ tags: - Time Management --- -### Uncertainty, Fast Decisions, and Catching the Train +#### Uncertainty, Fast Decisions, and Catching the Train As my second semester progressed, one of the most memorable and slightly hectic experiences occurred around the end of our semester break. This period was filled with uncertainty, quick decision-making, travel challenges, and important academic responsibilities, especially related to my Database Systems Lab portfolio project. @@ -28,7 +28,7 @@ Without wasting time, I quickly got ready. I took a bath, changed my clothes, an Fortunately, luck was on my side. We reached the railway station just a few minutes before the train's arrival, and unexpectedly, the train was slightly late. I managed to buy a ticket costing 910 rupees and boarded the train just in time. Some of my friends also joined me during the journey, which made the experience more enjoyable. -### Reaching Campus and Returning to Academic Routine +#### Reaching Campus and Returning to Academic Routine We got off at Chak Jhumra before Faisalabad, from where our university was still around 10 to 15 kilometers away. From there, we hired a rickshaw along with other passengers. It was quite an adventurous ride, as the driver accommodated around seven to eight people in a single rickshaw. We shared the fare of 600 rupees among four friends and finally reached the university in the evening. @@ -38,7 +38,7 @@ Along with regular classes, an important task was assigned to us in our Database The main instructions included creating a well-organized website with four main sections: Home, About, Contact, and Blog. The home page was required to contain only static personal information, while all articles were to be placed in the blog section. Additionally, the blog needed to support a proper post system, allowing us to add new articles without changing the overall structure of the website. Another important requirement was the use of categories or tags so that related posts could be grouped and easily accessed. -### Building the Portfolio Under Pressure +#### Building the Portfolio Under Pressure Understanding the importance of this project, I started working on it seriously after returning to the university. However, due to limited time before midterms and the requirement to include multiple articles, the task was quite challenging. It required both technical implementation and content writing. From 7438fe53c6295d3ad6321fa442d06604926684c2 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 18 Apr 2026 10:57:07 +0500 Subject: [PATCH 42/71] Update 2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md --- ...-journey-to-admission-in-uet-lahore-faisalabad-campus.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md index e26fdb95dfe..875c6c12e81 100644 --- a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md +++ b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md @@ -12,18 +12,18 @@ tags: - University Life --- -## Balancing Board Exams and Entry Test Preparation +#### Balancing Board Exams and Entry Test Preparation My journey toward becoming a Computer Engineering student began during the final phase of my FSc Part-II. It was one of the most important and challenging periods of my academic life because I had to handle multiple responsibilities at the same time. While many students around me were fully focused only on their board exams, I found myself balancing two major challenges together: preparing seriously for my intermediate examinations and, at the same time, getting ready for different university entrance tests. I realized early that securing admission to a well-reputed engineering university was not possible without proper planning, consistent effort, and strong determination. That is why I decided to start my preparation for entry tests alongside my academic studies instead of waiting until the exams were over. For my preparation, I mainly relied on my FSc textbooks because they provided the basic concepts required for all entry tests. Along with that, I also used different online platforms that offered practice material, past papers, and mock tests. These resources helped me understand the pattern of entry tests and improve my speed and accuracy. This combination of self-study and online practice proved very effective for me. However, managing both board exam preparation and entry test preparation at the same time was not an easy task. There were moments when it became stressful and difficult to maintain focus, but I stayed committed to my goal. This phase taught me discipline, patience, and strong time management skills, which later became very helpful in my university life. -## Building Confidence Through Competitive Test Experience +#### Building Confidence Through Competitive Test Experience During this preparation period, I also had to travel to different cities to appear in multiple entry tests. These journeys were not only tiring but also added extra pressure because each test was important for my future. I attempted the NUST NET twice, and this experience gave me a clear understanding of competitive testing environments. It also helped me identify my weak areas and improve them in the second attempt. In addition, I appeared in the UET Taxila entrance test as well. Each test experience increased my confidence and made me more familiar with the exam environment, which reduced my anxiety over time. Finally, I appeared in the UET entrance test, and fortunately, all my hard work paid off. I successfully secured admission to the University of Engineering and Technology (UET), Lahore, Faisalabad Campus, in the field of BSc Computer Engineering. This was a very proud and memorable moment for me and my family, as it marked the achievement of an important goal and the result of all my continuous efforts and struggles. -## Beginning University Life at UET Faisalabad +#### Beginning University Life at UET Faisalabad After my admission was confirmed, I visited the main campus in Lahore to submit all the required documents and complete the admission formalities. This step made everything feel more real and official. Shortly after completing this process, I moved to the Faisalabad campus to begin my university life. I entered this new phase with a mixture of excitement, curiosity, and a little nervousness. It was a completely new environment for me, where I had to adjust to new people, new surroundings, and a different routine. This transition also introduced me to hostel life and independent living, which played a significant role in shaping my personality. These early experiences became the foundation of my university journey and helped me grow both academically and personally. From 34947c5264607ef28b1496db7f75f06c6e767025 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 18 Apr 2026 11:02:07 +0500 Subject: [PATCH 43/71] Update 2026-04-17-a-sudden-journey-and-portfolio-completion.md --- _posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md index cc965545b2c..83bacb9ad02 100644 --- a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md +++ b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md @@ -6,7 +6,7 @@ phase: "Second Semester Momentum" journey_stage: "Travel, Portfolio, and Midterms" read_time: "5 min" summary: "A hectic return to campus turned into a lesson in quick decision-making, academic responsibility, and completing my GitHub portfolio under pressure." -image: "/assets/images/posts/article-17-sudden-journey-github-portfolio/cover.svg" +image: "[/assets/images/posts/article-17-sudden-journey-github-portfolio/cover.svg](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQfG5A11g4cjAE0RnsSvpfNMONkkiw4gKPBSw&s)" tags: - Travel - GitHub Portfolio From dc8e0024b2875093cbb16008b4e3cc9765086024 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 18 Apr 2026 11:03:14 +0500 Subject: [PATCH 44/71] Update 2026-04-17-a-sudden-journey-and-portfolio-completion.md --- _posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md index 83bacb9ad02..df0a56f4d1c 100644 --- a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md +++ b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md @@ -6,7 +6,7 @@ phase: "Second Semester Momentum" journey_stage: "Travel, Portfolio, and Midterms" read_time: "5 min" summary: "A hectic return to campus turned into a lesson in quick decision-making, academic responsibility, and completing my GitHub portfolio under pressure." -image: "[/assets/images/posts/article-17-sudden-journey-github-portfolio/cover.svg](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQfG5A11g4cjAE0RnsSvpfNMONkkiw4gKPBSw&s)" +image: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQfG5A11g4cjAE0RnsSvpfNMONkkiw4gKPBSw&s" tags: - Travel - GitHub Portfolio From d9d544d8f8daf330e195fcf1159baf83be5e5fa2 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 18 Apr 2026 11:24:23 +0500 Subject: [PATCH 45/71] Create 2026-04-18-midterm-exams-preparation-challenges-and-experiences.md --- ...-preparation-challenges-and-experiences.md | 52 +++++++++++++++++++ 1 file changed, 52 insertions(+) create mode 100644 _posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md diff --git a/_posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md b/_posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md new file mode 100644 index 00000000000..583907f9b40 --- /dev/null +++ b/_posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md @@ -0,0 +1,52 @@ +--- +layout: post +title: "Midterm Exams – Preparation, Challenges, and Unforgettable Experiences" +sequence: 18 +phase: "Second Semester Momentum" +journey_stage: "Midterms, Challenges, and Growth" +read_time: "6 min" +summary: "A complete midterm journey filled with preparation, teamwork, unexpected challenges, and valuable lessons in time management and pressure handling." +image: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQexampleMidtermImage&s" +tags: + - Midterm Exams + - Time Management + - Teamwork + - Challenges + - University Life +--- + +#### Midterm Exams and Preparation Journey + +As my second semester continued, one of the most important phases of my academic journey was the midterm examinations. These exams were not only a test of my knowledge but also a test of my preparation, time management, and ability to handle pressure. + +The midterm schedule was quite structured, starting from 7th April 2026 and continuing until 15th April 2026. All exams were conducted in Lecture Room EE13, which became a familiar place for us during this intense period. Initially, only Saturday and Sunday were holidays, but due to increased petrol prices, an extra holiday on Friday was announced, giving us a bit more preparation time. + +We mostly prepared in groups with friends, which made studying both effective and enjoyable. It helped us revise concepts, solve problems, and stay motivated during stressful moments. + +The first exam was Object-Oriented Programming. Although I had prepared well, the paper was mostly output-based, and I made a mistake in question selection, losing around five marks. This taught me to read questions carefully before attempting them. + +The Calculus II exam also included a quiz and had a wide syllabus, including limits, continuity, chain rule, partial derivatives, gradient vectors, and double integrals. I prepared thoroughly, and Alhamdulillah, it went well. + +Applied Statistics was comparatively smooth, covering graphs and measures like mean, median, and mode. There was no quiz, and overall, the exam went well. + +#### Challenges, Time Management, and Unexpected Situations + +After a short break, we had the Database Systems midterm. The paper pattern was already shared, including SQL queries, theory, numerical questions, and a quiz. However, the biggest challenge was time management, as everything had to be completed in limited time. + +During preparation, an unexpected issue occurred. While studying SQL queries with friends, we accidentally damaged a key on a laptop. We spent 3–5 hours trying to fix it, which affected our preparation. The next day, we tried to repair it, but due to time and distance, it wasn’t possible. + +Because of this, our preparation was not as strong as planned. During the exam, I couldn’t complete the paper on time and had to leave some questions, losing around 5–8 marks. This experience clearly showed the importance of time management along with preparation. + +The next exam was Digital Logic Design. The syllabus included combinational circuits, Boolean algebra, minterms, maxterms, and K-maps. I prepared well, and thankfully, the exam went smoothly. + +After this, we faced another challenge. Since I had to leave the university soon, we couldn’t go home with a damaged laptop. So, we decided to travel to Faisalabad to get it repaired. We went in the afternoon, got it checked, and returned at night. It was tiring but necessary, and it taught us how to manage unexpected problems during academic life. + +#### Final Exams, Return Journey, and Lessons Learned + +The last exam was Communication Skills. Even after returning late, we studied from 10 PM to 2 AM to prepare. The syllabus included communication types, barriers, and business message organization. Alhamdulillah, the exam went well. + +After completing all exams, we left the university early in the morning on 15th April and traveled back home by train. Although the vacations were short, they provided a much-needed break. + +Overall, this midterm phase was a complete experience of learning, challenges, teamwork, and personal growth. From academic pressure to unexpected technical problems and even short trips with friends, everything became part of this journey. + +It taught me valuable lessons about time management, careful planning, and staying calm under pressure—skills that are essential not only for exams but also for future professional life. From d62b72db7761888c74485442aacab74fb7d9240b Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 18 Apr 2026 11:31:52 +0500 Subject: [PATCH 46/71] Update 2026-04-18-midterm-exams-preparation-challenges-and-experiences.md --- ...4-18-midterm-exams-preparation-challenges-and-experiences.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md b/_posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md index 583907f9b40..4e65eda82fb 100644 --- a/_posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md +++ b/_posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md @@ -6,7 +6,7 @@ phase: "Second Semester Momentum" journey_stage: "Midterms, Challenges, and Growth" read_time: "6 min" summary: "A complete midterm journey filled with preparation, teamwork, unexpected challenges, and valuable lessons in time management and pressure handling." -image: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQexampleMidtermImage&s" +image: "https://thumbs.dreamstime.com/b/focused-caucasian-man-college-student-glasses-studying-books-laptop-focused-caucasian-man-college-student-glasses-197172808.jpg" tags: - Midterm Exams - Time Management From ae94c3b8cb604335bbbe07c2c71b7ec5635328a9 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 18 Apr 2026 11:34:58 +0500 Subject: [PATCH 47/71] Update 2026-04-17-a-sudden-journey-and-portfolio-completion.md --- _posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md index df0a56f4d1c..7d58065ff84 100644 --- a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md +++ b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md @@ -6,7 +6,7 @@ phase: "Second Semester Momentum" journey_stage: "Travel, Portfolio, and Midterms" read_time: "5 min" summary: "A hectic return to campus turned into a lesson in quick decision-making, academic responsibility, and completing my GitHub portfolio under pressure." -image: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQfG5A11g4cjAE0RnsSvpfNMONkkiw4gKPBSw&s" +image: "https://thumbs.dreamstime.com/b/young-traveller-asian-man-backpack-running-train-station-stressed-student-platform-taiwanese-guy-chasing-departing-tourist-293799277.jpg" tags: - Travel - GitHub Portfolio From 192439835d071191d34e61d7ad1c6e73afa2c843 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 18 Apr 2026 14:40:43 +0500 Subject: [PATCH 48/71] Update 2026-04-18-midterm-exams-preparation-challenges-and-experiences.md --- ...-midterm-exams-preparation-challenges-and-experiences.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/_posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md b/_posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md index 4e65eda82fb..f6f7ed52dd8 100644 --- a/_posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md +++ b/_posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md @@ -15,7 +15,7 @@ tags: - University Life --- -#### Midterm Exams and Preparation Journey +### Midterm Exams and Preparation Journey As my second semester continued, one of the most important phases of my academic journey was the midterm examinations. These exams were not only a test of my knowledge but also a test of my preparation, time management, and ability to handle pressure. @@ -29,7 +29,7 @@ The Calculus II exam also included a quiz and had a wide syllabus, including lim Applied Statistics was comparatively smooth, covering graphs and measures like mean, median, and mode. There was no quiz, and overall, the exam went well. -#### Challenges, Time Management, and Unexpected Situations +### Challenges, Time Management, and Unexpected Situations After a short break, we had the Database Systems midterm. The paper pattern was already shared, including SQL queries, theory, numerical questions, and a quiz. However, the biggest challenge was time management, as everything had to be completed in limited time. @@ -41,7 +41,7 @@ The next exam was Digital Logic Design. The syllabus included combinational circ After this, we faced another challenge. Since I had to leave the university soon, we couldn’t go home with a damaged laptop. So, we decided to travel to Faisalabad to get it repaired. We went in the afternoon, got it checked, and returned at night. It was tiring but necessary, and it taught us how to manage unexpected problems during academic life. -#### Final Exams, Return Journey, and Lessons Learned +### Final Exams, Return Journey, and Lessons Learned The last exam was Communication Skills. Even after returning late, we studied from 10 PM to 2 AM to prepare. The syllabus included communication types, barriers, and business message organization. Alhamdulillah, the exam went well. From 642a0ed0934a9fec148b9fbba9810e884b3a627c Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 18 Apr 2026 14:46:51 +0500 Subject: [PATCH 49/71] Update 2026-04-17-a-sudden-journey-and-portfolio-completion.md --- ...026-04-17-a-sudden-journey-and-portfolio-completion.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md index 7d58065ff84..0ab66515bf7 100644 --- a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md +++ b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md @@ -14,7 +14,7 @@ tags: - Time Management --- -#### Uncertainty, Fast Decisions, and Catching the Train +### Uncertainty, Fast Decisions, and Catching the Train As my second semester progressed, one of the most memorable and slightly hectic experiences occurred around the end of our semester break. This period was filled with uncertainty, quick decision-making, travel challenges, and important academic responsibilities, especially related to my Database Systems Lab portfolio project. @@ -28,7 +28,7 @@ Without wasting time, I quickly got ready. I took a bath, changed my clothes, an Fortunately, luck was on my side. We reached the railway station just a few minutes before the train's arrival, and unexpectedly, the train was slightly late. I managed to buy a ticket costing 910 rupees and boarded the train just in time. Some of my friends also joined me during the journey, which made the experience more enjoyable. -#### Reaching Campus and Returning to Academic Routine +### Reaching Campus and Returning to Academic Routine We got off at Chak Jhumra before Faisalabad, from where our university was still around 10 to 15 kilometers away. From there, we hired a rickshaw along with other passengers. It was quite an adventurous ride, as the driver accommodated around seven to eight people in a single rickshaw. We shared the fare of 600 rupees among four friends and finally reached the university in the evening. @@ -38,7 +38,7 @@ Along with regular classes, an important task was assigned to us in our Database The main instructions included creating a well-organized website with four main sections: Home, About, Contact, and Blog. The home page was required to contain only static personal information, while all articles were to be placed in the blog section. Additionally, the blog needed to support a proper post system, allowing us to add new articles without changing the overall structure of the website. Another important requirement was the use of categories or tags so that related posts could be grouped and easily accessed. -#### Building the Portfolio Under Pressure +### Building the Portfolio Under Pressure Understanding the importance of this project, I started working on it seriously after returning to the university. However, due to limited time before midterms and the requirement to include multiple articles, the task was quite challenging. It required both technical implementation and content writing. @@ -52,7 +52,7 @@ After completing the project, I shared my GitHub portfolio link with Dr. Bilal. This positive response gave me confidence and a sense of achievement after the hard work I had put in. -#### Lessons in Time Management and Adaptability +### Lessons in Time Management and Adaptability Alongside this, we were also preparing for our midterm exams, which made this period even more intense and challenging. Managing travel, academic tasks, project work, and exam preparation all at once required discipline and time management. From 0e0c0e786c4ce32a21f05a6983a5b9ba8e3fb9ea Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 05:38:03 +0500 Subject: [PATCH 50/71] Update about.md --- about.md | 26 -------------------------- 1 file changed, 26 deletions(-) diff --git a/about.md b/about.md index ff8514493b1..6ab84ae2675 100644 --- a/about.md +++ b/about.md @@ -4,7 +4,6 @@ title: "About" permalink: /about/ description: "A concise portrait of who I am, what shaped my journey, and the values guiding my growth in computer engineering." --- -

Who I Am

@@ -34,31 +33,6 @@ description: "A concise portrait of who I am, what shaped my journey, and the va
-
-
-

What Guides Me

-

Values that shape my work

-
-
-
-

Gratitude

-

I never forget the people whose trust and generosity supported my education. Their belief in me motivates me to work with sincerity.

-
-
-

Consistency

-

I believe strong results come from daily effort, not shortcuts. My academic progress has always been tied to regular practice and discipline.

-
-
-

Skill-Focused Growth

-

One of the most valuable lessons I learned at university is that skills define long-term success, especially in computing and modern engineering fields.

-
-
-

Helping Others

-

When I was asked to guide classmates on the portfolio project, I realized that knowledge becomes stronger when it is shared with others.

-
-
-
-

What This Portfolio Shows

From da9d04c286945b19fbd74dfa7add045329c7d81d Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 05:42:28 +0500 Subject: [PATCH 51/71] Update about.md --- about.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/about.md b/about.md index 6ab84ae2675..631d37ea178 100644 --- a/about.md +++ b/about.md @@ -30,6 +30,10 @@ description: "A concise portrait of who I am, what shaped my journey, and the va

What I Am Learning

My growth at university has included programming in Python, database systems, SQL, machine learning projects, and the practical discipline that comes from labs, assignments, and continuous assessment.

+
+

My Goal

+

I aim to become a skilled software or systems engineer who contributes to real-world solutions. My focus is on building expertise that bridges academic knowledge with practical, industry-ready skills.

+
From 817b7a96d6764bed999a510466bd563f1579ee55 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:02:20 +0500 Subject: [PATCH 52/71] Update 2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md --- ...-scholarship-the-support-that-made-my-dreams-possible.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md b/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md index 6769bee324f..c355e4692ce 100644 --- a/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md +++ b/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md @@ -12,12 +12,16 @@ tags: - University Life --- +#### An Unexpected Meeting That Opened New Opportunities + Every student has a story behind their academic journey, but some stories are shaped not only by hard work, but also by unexpected kindness and support from others. My journey toward higher education is one of those stories, a journey where a simple, random meeting changed the direction of my life and made my dreams achievable. It all started during my FSc Part-II. At that time, like many students, I was focused on completing my intermediate education and thinking about my future. One day, while walking in the street, I randomly met an old school friend. It was a normal and casual meeting at first, but it turned out to be one of the most important moments of my life. During our conversation, he mentioned that his aunt wanted to meet me regarding a scholarship opportunity. His aunt, whom I already knew as my teacher from my early school years in 5th and 6th class, had always been a kind and supportive person. Her name was Madam Tasmiha. The very next day, I went to meet her. She warmly welcomed me and explained the purpose of the meeting. She told me that she was teaching in a private school located in a nearby village called Murala. The school, Tameer-e-Seerat, was looking for two deserving and capable students who had shown strong academic performance in their matriculation and intermediate Part-I results. The scholarship was intended for students who were intelligent, hardworking, and in need of financial support to continue their education. +#### The Selection Process and Generous Support from Mentors + She asked me to bring my academic documents, including my result cards and some personal identification documents such as my ID card and my brother’s ID card. I understood the importance of this opportunity and prepared all the required documents carefully. Coming from a financially modest background, I knew how important such support could be for my future. My father is a retired army personnel who served at a lower scale and is now working as a security guard in a bank. Despite his continuous efforts, it has always been difficult for him to manage the increasing expenses of higher education. I have always respected his struggles and wanted to support him by achieving something meaningful in my life. This scholarship felt like a ray of hope during a time when financial limitations could have become a barrier to my dreams. @@ -26,6 +30,8 @@ After collecting my documents, Madam Tasmiha forwarded my information to her sch After completing the verification, Sir Aftab shared my profile with a generous individual, Sir Ahmad Nawaz, who was willing to sponsor the education of deserving students. This was the turning point in my journey. After reviewing my case, Sir Ahmad Nawaz decided to support me fully. He announced that he would take responsibility for my educational expenses moving forward. +#### Financial Relief, Continued Support, and a Sense of Responsibility + At that time, I was studying in the Superior Group of Colleges in Mandi Bahauddin, which is a private institution with relatively high fees. My second-year fee alone was around 45,000 PKR, which was a significant burden for my family. When Sir Ahmad Nawaz came to know about my situation, he not only paid my outstanding college fee but also assured continued financial support. His support did not stop there. As I prepared for my future, I had to appear in different entry tests such as NUST, ECAT, and other university admission tests. These tests required registration fees, which can be expensive for students from limited financial backgrounds. Sir Ahmad Nawaz generously covered all these expenses as well. He paid approximately 10,000 PKR for NUST entry tests, 2,500 PKR for ECAT, and additional fees for other university tests. From be52d901056fc09404b15d286e7510d9ac6d4018 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:04:48 +0500 Subject: [PATCH 53/71] Update 2026-01-03-my-first-journey-to-university.md --- _posts/2026-01-03-my-first-journey-to-university.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/_posts/2026-01-03-my-first-journey-to-university.md b/_posts/2026-01-03-my-first-journey-to-university.md index ba749720286..797a8059364 100644 --- a/_posts/2026-01-03-my-first-journey-to-university.md +++ b/_posts/2026-01-03-my-first-journey-to-university.md @@ -12,14 +12,20 @@ tags: - University Life --- +#### Preparing for Departure and Saying Goodbye to Home + The journey to university is always a memorable and emotional moment in a student’s life, and mine was no different. In fact, it was one of the most important transitions in my life because it was the first time I was leaving my home to start a completely new phase. Everything felt new and uncertain, yet exciting at the same time. The night before my departure, I carefully prepared all my necessary belongings, including clothes, shoes, and other daily essentials. I made sure that everything was properly packed and organized because I knew the next day would be both hectic and emotional. I did not want to forget anything important, as I would be away from home for a long time. Early in the morning, around 7 a.m., I left my home with my father on a bike and headed toward the bus stand. That short ride felt very long because my mind was filled with different thoughts and emotions. Saying goodbye to my family was not easy at all. It was a deeply emotional moment, as I was stepping into a new life away from the comfort of my home. There was excitement for the journey ahead, but at the same time, there was sadness in leaving my loved ones behind. These mixed feelings stayed with me as I boarded the bus. +#### Traveling Alone and Facing New Challenges + After getting on the bus, I began my journey to Faisalabad. During the travel, many thoughts came into my mind. It was the first time I was going so far away from my family, and I had no clear idea of what challenges I might face. I was excited about starting my university life, meeting new people, and learning new things, but at the same time, I felt nervous about managing everything on my own. This combination of excitement and nervousness made the journey even more memorable. When I finally reached the Faisalabad bus stand, I faced another challenge. The university campus was located in Khurrianwala, which is about 23 kilometers away from the city, and I had no idea how to reach there. Being in a new city without proper guidance made me feel confused for a moment. At that time, I decided to contact my school friend Abdul Rehman for help. He responded quickly and connected me with his uncle, who was a student of Electrical Engineering at the same university. His uncle guided me properly about the route and also advised me about the fare so that I would not be overcharged. Following his guidance, I hired local transport and successfully reached the university by paying around 100 rupees. This small help made a big difference for me and saved me from confusion and possible extra expenses. +#### First Impressions and the Beginning of a New Phase + When I finally arrived at the university, I experienced something unexpected. I was a bit shocked after seeing the campus infrastructure. Compared to other universities I had visited earlier, the facilities did not meet my expectations. Since it was the end of the vacation period, the campus was not fully maintained. Some areas looked damaged, and the overall condition of the buildings and hostels was not very satisfactory. It was quite different from what I had imagined in my mind before arriving there. Despite this initial disappointment, I soon realized that this place would become an important part of my life. This journey was not just about traveling from one city to another; it marked the beginning of my independence and personal growth. It taught me how to handle situations on my own, how to seek help when needed, and how to adjust in a completely new environment. Looking back now, this first journey to university remains a significant and unforgettable experience in my academic life, as it shaped my mindset and prepared me for the challenges ahead. From a5f159be5cacedbaa4d44a156681d6cdcd1f30d6 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:06:40 +0500 Subject: [PATCH 54/71] Update 2026-01-04-my-first-hostel-experience.md --- _posts/2026-01-04-my-first-hostel-experience.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/_posts/2026-01-04-my-first-hostel-experience.md b/_posts/2026-01-04-my-first-hostel-experience.md index 32f3051f85b..8e253a05f46 100644 --- a/_posts/2026-01-04-my-first-hostel-experience.md +++ b/_posts/2026-01-04-my-first-hostel-experience.md @@ -12,16 +12,22 @@ tags: - University Life --- +#### Entering Hostel Life and Initial Expectations vs Reality + After securing my admission in UET Lahore (Faisalabad Campus), a completely new chapter of my life began, my very first experience of hostel life. Before joining university, I had never stayed in a hostel or lived away from my home for such a long period. Because of this, everything about this transition felt new, unfamiliar, and a bit overwhelming for me. I was both excited and nervous at the same time, as I did not know what to expect from this new lifestyle. When the university announced that hostel rooms would be allotted on a “first come, first serve” basis, I did not take this information very seriously. I thought that I would easily get a place in one of the better hostels without any difficulty. Due to this casual approach, I arrived at the campus without much urgency. However, when I reached there, I quickly realized that I had made a mistake. The most well-known hostels, Al-Biruni Hall and Ali Hall, were already fully occupied by new students who had arrived earlier. At that moment, I understood the importance of timing and planning. As a result, I was left with only one available option, which was Umar Hall. Unfortunately, Umar Hall was quite different from what I had imagined in my mind. Instead of having smaller rooms with a limited number of students, it consisted of large halls where many students lived together. These halls accommodated around 10 to 24 students in a single space. I was assigned to a hall with approximately 12 students, which was completely unexpected for me. Since it was my first experience of hostel life, I had hoped for a more comfortable, quiet, and personal space, but the reality was very different. +#### Struggles of Adjustment and Living Conditions in the Hostel + To make the situation more challenging, there was even a shortage of basic facilities such as beds. During the initial admission days, I had to arrange my own bed, which added another layer of difficulty. When I first entered the hall and saw so many students sharing one large space, I felt uncomfortable and out of place. Everything seemed unfamiliar, and adjusting to this new environment felt difficult in the beginning. However, as the days passed, things slowly started to improve. I began interacting with other students who were living in the same hall. They came from different cities, colleges, and academic backgrounds, which made the environment diverse and interesting. At first, we all felt shy and hesitant to talk to each other, but gradually we started sharing our experiences. We talked about how we prepared for our entry tests, where we came from, and what our future goals were. These conversations helped us become more comfortable with each other and slowly turned strangers into friends. +#### Gradual Adaptation, Friendships, and Learning Independence + The very next day after settling in the hostel, we had our first university class. That night became quite memorable for all of us. We prepared for our classes, arranged our clothes, polished our shoes, and tried to understand the new routine we were about to follow. At the same time, we were introduced to the hostel mess system, where we were given tokens for meals. This was another new experience, as everything was organized differently from home. Although my hostel journey started with discomfort, confusion, and uncertainty, it gradually turned into a valuable and meaningful experience. It taught me how to adjust in difficult situations, how to communicate with new people, and how to live independently without relying on my family. This experience not only helped me grow personally but also prepared me mentally for the academic and social challenges that were waiting ahead in my university life. From 17572159949bae0dbfcec9506ce0e4ff86a6ec52 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:08:07 +0500 Subject: [PATCH 55/71] Update 2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md --- ...my-first-day-and-first-class-at-uet-faisalabad-campus.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md b/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md index 452a1d0f450..9e25e81973f 100644 --- a/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md +++ b/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md @@ -12,16 +12,22 @@ tags: - University Life --- +#### Preparing for the First Academic Experience + After settling into hostel life, the next big step in my journey was my very first day of classes at UET Faisalabad Campus. That morning felt completely different from the previous days because it carried a unique mix of excitement, curiosity, and nervousness. Since it was my first university class, I wanted everything to go perfectly. I woke up early in the morning, took a shower, got fully ready, and carefully packed my bag with the basic items I had at that time, including a register, a pen, and a few markers. I was not even sure what other stationery items would be required, but I tried my best to be prepared. As I walked toward the university campus, I observed everything very carefully. I noticed the buildings, the movement of students, and the overall environment around me. Being a newcomer, I wanted to present myself confidently in front of others, even though deep inside I was feeling a bit unsure and nervous. Everything around me was new, and I was trying to adjust myself to this new atmosphere. +#### First Classes, Confusion, and Early Learning Experience + The biggest challenge came when we actually reached the campus area. We did not even know where our department was located. This created a moment of confusion among us, as we were all new students trying to find our way. After asking a few seniors for directions, we finally managed to locate our department. This small achievement gave us a sense of relief and slightly boosted our confidence. Before the classes officially started, we spent some time trying to understand our timetable. We discussed among ourselves which subjects we would be studying, which teachers would be teaching us, and how our daily schedule would look. Everything felt new and a bit confusing at first, but at the same time, it was also exciting because it marked the beginning of our academic journey at the university. My first class, as far as I remember, was Calculus. It was a serious and focused session, and it gave me my first real experience of university-level studies. The teaching style, the environment, and the expectations were quite different from what I had experienced before. Later, we had our Programming Fundamentals lab, where we were introduced to Python. In that very first lab, our main task was simply to install Python on our systems. Since it was my first exposure to programming, I did not fully understand what we were doing; I just followed the instructions given by the instructor. +#### Realization of University Life and Memorable First Day Events + The real moment of realization came during the Programming Fundamentals lecture. During attendance, the teacher called my roll number and then casually asked what we had done in the lab. I simply replied, “We installed Python,” because that was the only thing I clearly knew. However, when the teacher asked further questions related to it, I could not answer. That moment made me feel embarrassed and nervous. It made me realize that university learning requires much more attention, understanding, and preparation compared to my FSc studies, where I had no background in programming. After the classes, we went outside for a short break, where we met some seniors. They interacted with us in a light-hearted but slightly intimidating way, which is often seen as a tradition in universities. They asked me to introduce myself, including my background and family details, and even challenged me to say the full name of the university in Urdu. At one point, they asked me to stand on a chair and repeat my introduction multiple times. Although it felt uncomfortable at that time, it later became a memorable and even somewhat funny part of my first day. From 7a80f836dc35776f21d189a6e71057747b1ec9bd Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:09:32 +0500 Subject: [PATCH 56/71] Update 2026-01-06-adjusting-to-university-life-and-building-my-routine.md --- ...-adjusting-to-university-life-and-building-my-routine.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md b/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md index 5a3560b9ccd..bcc9bbd9dfe 100644 --- a/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md +++ b/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md @@ -13,14 +13,20 @@ tags: - University Life --- +#### Facing the Academic Shift and Early Struggles + After experiencing my first day at university, the real challenge began, adjusting to a completely new academic and social environment. The first week of classes was a mixture of confusion, curiosity, and pressure. Everything felt very different from my FSc life, where studies were more structured, guided, and predictable. In university, I had to manage everything on my own, including attending lectures, completing assignments, handling hostel life, and doing self-study. This sudden shift in responsibility made the initial days quite challenging for me. One of the biggest challenges I faced was the subject of Programming Fundamentals. Coming from an FSc Pre-Engineering background, and even earlier from a biology-focused matric, I had no exposure to computers or programming at all. While subjects like Calculus, Applied Physics, and Discrete Mathematics were somewhat familiar and easier to understand, programming was completely new and unfamiliar for me. In our first lectures, we started learning Python, beginning with very basic concepts such as variables. For many students, these concepts seemed simple and easy to grasp, but for me, everything felt new and difficult to understand. I had to put in extra effort just to follow what was being taught in class. +#### Language Barrier, Self-Learning, and Academic Pressure + Another major difficulty I faced was the language barrier. All lectures were delivered in English, and in the beginning, I struggled to fully understand the explanations given by the teachers. Sometimes, I could not grasp the concepts properly during the lecture, which made it harder for me to keep up with the class. To overcome this issue, I started using online tools like ChatGPT and other learning resources to understand concepts in Urdu. I also explored different YouTube channels and online lectures to strengthen my understanding. Even after putting in this effort, the first couple of weeks remained quite stressful. I often felt confused and unsure about how to study effectively in this new academic system. University life also introduced a completely new academic structure, including weekly assignments, quizzes, and continuous assessment. This was very different from the annual board exam system I was used to. Initially, I found it difficult to manage my time properly. In fact, for the first two weeks, I struggled to even begin studying seriously due to stress, confusion, and overthinking. I was trying to understand how everything worked while also dealing with the pressure of keeping up with my studies. +#### Developing Routine, Support System, and Academic Improvement + However, things gradually started to improve after two to three weeks. I began to develop a proper routine for myself. I started attending classes more actively, paying closer attention during lectures, and focusing on understanding concepts rather than just completing assignments. During this time, I also met some very supportive seniors who guided me and reassured me that this difficult phase was temporary and that things would become easier with time. One of the most important turning points in my journey was meeting my friend, Tahir Yaqoob from Sargodha (Bhalwal). He was an intelligent and hardworking student who later became one of the top performers in our class. His support and guidance helped me a lot, especially in understanding difficult concepts and improving my communication skills. He explained things in a simple way, which made learning easier for me. Over time, he became more than just a classmate; he became a true and supportive friend. From d7e5c9b63e9e1a56595869dfa778406aca33dda1 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:11:10 +0500 Subject: [PATCH 57/71] Update 2026-01-07-my-first-lab-experience-and-learning-new-skills.md --- ...01-07-my-first-lab-experience-and-learning-new-skills.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md b/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md index 4e196c3e4e9..86f2e738fa6 100644 --- a/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md +++ b/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md @@ -12,14 +12,20 @@ tags: - Programming --- +#### Entering Practical Labs and Early Coding Challenges + After settling into the rhythm of my first classes, the next big step in my academic journey was experiencing my first real labs at UET Faisalabad Campus. This phase was both exciting and challenging because it required me to apply the theoretical knowledge I was learning in subjects like Programming Fundamentals and Engineering Science into practical tasks. It was a completely new experience for me, as I was not used to learning in such an interactive and hands-on way. Our first lab in Programming Fundamentals was mainly an introduction to basic coding. Since I had already struggled with understanding variables and Python logic in the classroom, this lab became a real test of my understanding. Initially, everything felt overwhelming because I had no prior experience in coding, and even simple tasks seemed difficult to perform. I often felt confused while following the instructions, but I tried my best to stay focused and not give up. Gradually, I started developing a habit of self-study, where I would revise concepts on my own and practice simple coding tasks repeatedly. I realized that consistency and regular practice were the only ways to overcome my hesitation and confusion. +#### Learning ICT Tools and Developing Technical Confidence + Alongside Programming Fundamentals, we also had labs in ICT (Information and Communication Technology), which introduced us to tools like Microsoft Word, Excel, and PowerPoint. This was another major challenge for me because, before this, I had very limited experience using a laptop in an academic environment. Tasks such as creating properly formatted documents in Word, making tables, working with spreadsheets in Excel, and designing presentations in PowerPoint all seemed quite difficult at the beginning. I had to learn even the basic functions step by step, which required extra time and effort. Fortunately, I was not alone in this journey. My friend Tahir Yaqoob was a great source of support for me. Even though he lived in a different hostel hall, we managed to coordinate our study sessions, especially in the library. Sometimes, I would visit his room to discuss lab work, assignments, and difficult concepts. Having someone to share ideas with and ask questions from made a big difference. It not only made the tasks easier but also made the learning process more enjoyable and less stressful. +#### Discipline, Deadlines, and Long-Term Learning Growth + One of the most memorable parts of this experience was the strictness of our ICT teacher. She placed great emphasis on discipline, punctuality, and timely submission of work. She gave us strict deadlines for our lab assignments, and if we failed to submit our work on time, it would not be accepted at all. At the beginning, this strictness created additional pressure for me, as I was already struggling to adjust. However, over time, I realized that her approach was helping us develop important habits. It taught me the value of time management, planning, and completing tasks within deadlines. Looking back, these first lab experiences played a very important role in my academic development. They helped me strengthen my understanding of coding and ICT tools while also teaching me essential skills like self-study, collaboration, and discipline. With the guidance of my teachers and the support of friends like Tahir, I gradually built confidence in my abilities. These experiences prepared me to face future labs and technical challenges with more clarity, confidence, and a better learning approach. From 3dfb306dcb26eb151cecc1f7149bb32219915e9c Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:14:18 +0500 Subject: [PATCH 58/71] Update 2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md --- ...6-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md b/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md index b8c5733a406..6b512e993d6 100644 --- a/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md +++ b/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md @@ -12,8 +12,12 @@ tags: - Programming --- +#### Early Confusion About Degree and Future Concerns + During the early weeks of my university life, one of the most common concerns among students in our class was about our degree program. We were enrolled in BSc Computer Engineering under SEC instead of PEC, and this created a lot of confusion and uncertainty. Many students, including myself, started to question whether we were in the right field. There were discussions in classrooms, hostels, and even during breaks about future job opportunities, the value of our degree, and whether not being registered under PEC would limit our careers. This situation created stress and doubt in our minds, especially because we had just started our university journey and were already worried about our future. +#### Guidance and Mindset Shift by Dr. Bilal (PF Teacher) + At that time, our Programming Fundamentals teacher, Dr. Bilal, played a very important role in guiding us. He was not only a knowledgeable and intelligent teacher but also someone who understood the mindset of students. One day, he addressed this issue in class when he realized that many students were confused and worried. Instead of ignoring our concerns, he openly discussed them and gave us a very clear and practical perspective. Dr. Bilal explained that in fields like computer engineering and software-related domains, success does not depend solely on the title of “engineer” or the registration with PEC. He emphasized that the real value lies in skills. According to him, industries do not focus on whether your degree is under SEC or PEC; they focus on what you can do, what problems you can solve, and how strong your technical abilities are. @@ -22,6 +26,8 @@ Dr. Bilal explained that in fields like computer engineering and software-relate He encouraged us to focus on learning programming, improving our problem-solving abilities, and building practical projects. He also shared examples of many successful people in the tech industry who achieved great success without relying on formal titles. This gave us a new direction and helped us shift our mindset from worrying about labels to focusing on personal growth. +#### Personal Impact and Long-Term Learning + For me personally, this discussion was very motivating. At a time when I was already struggling with Programming Fundamentals due to my non-computer background, his guidance gave me confidence. I realized that instead of being stressed about things beyond my control, I should invest my energy in improving my skills. This advice helped me stay focused and work harder in my studies. Dr. Bilal’s teaching style also reflected his beliefs. He always encouraged students to think logically, practice coding, and understand concepts deeply rather than memorizing them. He was friendly, approachable, and always ready to help. His support made a big difference not only in our academic journey but also in our mindset. From dfd571dd78271b3cac1055fb4953a2e3a201b436 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:15:33 +0500 Subject: [PATCH 59/71] Update 2026-01-09-group-study-and-my-midterm-exams-experience.md --- ...026-01-09-group-study-and-my-midterm-exams-experience.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md b/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md index a6d6cdedb24..dc05c70ebfc 100644 --- a/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md +++ b/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md @@ -14,10 +14,16 @@ tags: After settling into my daily routine and becoming more familiar with university life, the next significant phase of my journey was preparing for quizzes and midterm exams. Initially, the concept of group study was completely new to me. During my FSc studies, I was used to studying alone, relying mostly on personal notes and self-practice. However, at UET Faisalabad, I quickly realized that working together with peers could make a huge difference. Learning in a collaborative environment not only helped me understand difficult concepts more effectively but also made the study process less stressful. +#### Transition from Solo Study to Group Learning + I formed a study group with my closest friends, including my best friend Tahir Yaqoob, as well as other classmates from the hostel and our courses. We made it a habit to meet regularly, sharing our notes, solving problems together, and discussing challenging topics. Subjects like Programming Fundamentals, Calculus, and Discrete Mathematics often required detailed explanations, and our group discussions allowed us to clarify doubts and learn from each other’s perspectives. These sessions gradually became a cornerstone of my preparation strategy, and I began looking forward to them as a productive and supportive way to study. +#### Midterm Preparation, Quizzes, and Academic Improvement + Our midterm exams covered a moderate portion of the syllabus, but I wanted to prepare thoroughly. In Programming Fundamentals, I had struggled with Python coding during the initial weeks, so I focused extra time on practicing lab exercises and reviewing theoretical concepts. Initially, my quiz results were moderate, which reflected my early struggles. For example, I scored 7 out of 10 in one quiz and only 4 to 5 marks in another. Rather than feeling discouraged, I used these results as motivation to work harder. The group study sessions became even more crucial, as discussing assignments, solving problems together, and learning from each other helped me identify mistakes and correct them faster. +#### Exam Results and Lessons from Collaborative Learning + When the midterm exam results were announced, they were very encouraging. In Programming Fundamentals, I scored 37 out of 40, which was a significant improvement from my early quiz scores. I also performed well in other subjects: Calculus 28 out of 30, ICT 26 out of 30, Discrete Mathematics 24.5 out of 30, Physics 24 out of 30, and Fehm ul Quran 22 out of 30. This improvement showed me that success was not just the result of individual effort but also depended on collaboration, guidance from teachers, and the support of friends. It was a turning point in my university life because I truly understood the power of collaborative learning and how discussing concepts with peers could enhance understanding and retention. This experience taught me an important lesson: university education is not only about individual study but also about sharing knowledge, helping one another, and learning together. Group study became an essential habit for me, allowing me to tackle challenges in difficult subjects, improve my problem-solving skills, and gain confidence for future exams. I also realized that different perspectives and approaches from friends made learning more effective and enjoyable. Overall, the midterm exams were not just a test of knowledge; they were a valuable lesson in teamwork, planning, perseverance, and the benefits of learning in a collaborative environment. From 0553c6a07ae201c8e512d9a4bebbaa5981c7c165 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:16:48 +0500 Subject: [PATCH 60/71] Update 2026-01-10-final-exams-and-academic-challenges.md --- _posts/2026-01-10-final-exams-and-academic-challenges.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/_posts/2026-01-10-final-exams-and-academic-challenges.md b/_posts/2026-01-10-final-exams-and-academic-challenges.md index 89714ce9a66..2f724ea5900 100644 --- a/_posts/2026-01-10-final-exams-and-academic-challenges.md +++ b/_posts/2026-01-10-final-exams-and-academic-challenges.md @@ -12,14 +12,20 @@ tags: - Classroom --- +#### Preparing for Comprehensive Semester-Wide Exams + As the semester moved toward its final phase, the pressure of final exams began to increase steadily. Unlike midterm exams, which covered only a portion of the syllabus, the finals required complete preparation for all subjects, including every concept taught throughout the semester. For me, this period was both challenging and highly important because it tested not only my academic understanding but also my consistency, discipline, and ability to manage time effectively. I realized that success in finals was not simply about studying hard for a few days; it depended largely on how well I had built and strengthened my concepts over the entire semester. To prepare effectively, I began revising all subjects in a planned and organized way. I divided my study time according to the difficulty and complexity of each subject. Programming Fundamentals required extra attention because it was still relatively new for me and involved coding, which I had little prior experience with. I spent most of my time practicing Python problems, understanding logical structures, and revising lab exercises step by step. At the same time, I reviewed other subjects like Calculus, Applied Physics, and Discrete Mathematics by going through my class notes, solving past questions, and revisiting important formulas and concepts. Making short notes and summaries proved to be very helpful, as they allowed me to quickly revise key points before the exams without wasting time searching through bulky books. +#### Managing Pressure, Hostel Environment, and Study Strategy + Managing hostel life while maintaining intense study hours was another significant challenge. Living in a hostel brings distractions, noise, and an environment that is not fully controlled. Initially, it felt difficult to focus completely on studies. However, I decided to turn this situation into an advantage by engaging in group study sessions with my friends. Studying together helped me stay motivated and disciplined. Whenever I found a concept difficult to understand, discussing it with my friends made it easier to grasp. Group study also allowed us to quickly revise topics, share different problem-solving approaches, and identify important questions that were likely to appear in the exams. There were times when the pressure of exams felt overwhelming. Long hours of study, upcoming deadlines, and the responsibility to perform well created mental stress. However, I learned to manage this pressure by staying consistent, following a daily routine, and maintaining a positive mindset. I avoided wasting time on distractions and focused on balancing study, rest, and basic activities. Even small habits, such as revising regularly instead of cramming at the last minute, made a big difference in improving my confidence and readiness. +#### Discipline, Time Management, and Personal Growth + One of the most valuable lessons I learned during this period was the importance of effective time management. I realized that every hour mattered during exams and that proper planning could reduce stress significantly. Alongside time management, self-discipline was crucial. Unlike school, there was no external supervision; everything depended on my own responsibility. I had to push myself to study even on days when I felt tired or unmotivated. In the end, this period of preparing for final exams was not just about academic performance. It was a period of personal growth. It taught me how to stay consistent, manage time effectively, and work hard under pressure. These experiences built resilience and discipline, providing a strong foundation for future semesters and preparing me to face even bigger challenges ahead in my university journey. From 640a254197f4579b0f65aa058eff2ad1d0d0f393 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:17:43 +0500 Subject: [PATCH 61/71] Update 2026-01-11-completing-my-first-semester-challenges-learning-and-success.md --- ...y-first-semester-challenges-learning-and-success.md | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md b/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md index 7ce2f35b77e..e8a065446a7 100644 --- a/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md +++ b/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md @@ -12,9 +12,15 @@ tags: - Programming --- +#### Preparing for Final Exams and Building Study Discipline + The end of my first semester at UET Faisalabad Campus was both challenging and rewarding. After completing the midterm exams, the next major task was preparing for the final exams, which required comprehensive revision of all the concepts covered throughout the semester, including topics taught before the midterms. For me, this period was particularly demanding because it involved balancing multiple responsibilities, maintaining a consistent study routine, managing hostel life, and, whenever possible, spending quality time with my family. It became clear that effective time management and self-discipline were essential if I wanted to cover all subjects thoroughly, from Programming Fundamentals and Calculus to Physics, ICT, and Discrete Mathematics. -During this intense period, I developed several new study habits that proved crucial for my academic success. I began making detailed notes and summaries for each subject, which allowed me to revise efficiently before exams. Regular practice of problems, especially in Programming Fundamentals and Calculus, helped reinforce my understanding of difficult concepts. Group study sessions with my friends became a key part of my preparation. My closest friends, particularly Tahir Yaqoob, along with other classmates, played an important role in keeping me motivated and focused. During these sessions, we discussed difficult topics, solved problems collaboratively, and shared different approaches to learning. This experience taught me the value of teamwork and how peer support can enhance understanding and retention of knowledge. +During this intense period, I developed several new study habits that proved crucial for my academic success. I began making detailed notes and summaries for each subject, which allowed me to revise efficiently before exams. Regular practice of problems, especially in Programming Fundamentals and Calculus, helped reinforce my understanding of difficult concepts. + +#### Group Study and the Machine Learning Final Project Experience + +Group study sessions with my friends became a key part of my preparation. My closest friends, particularly Tahir Yaqoob, along with other classmates, played an important role in keeping me motivated and focused. During these sessions, we discussed difficult topics, solved problems collaboratively, and shared different approaches to learning. This experience taught me the value of teamwork and how peer support can enhance understanding and retention of knowledge. One of the most exciting and memorable moments of the semester was our final project in Programming Fundamentals. The project was based on creating a Machine Learning model using provided datasets. My group, which included my roommate Muhammad Umair, chose to work on a Cardiovascular Disease dataset. At the start, I felt completely unprepared because I had no prior experience in Python or machine learning. However, through three days of focused effort, dedicated learning, and applying what I had learned in class, we successfully created and presented our model. @@ -22,6 +28,8 @@ This project focused on developing a supervised machine learning model for predi We then trained multiple machine learning models, including Decision Tree, Logistic Regression, and Random Forest classifiers. After evaluating their performance using accuracy scores, classification reports, and confusion matrices, we selected Random Forest as the best-performing model. Additionally, we implemented probability-based predictions to estimate the likelihood of cardiovascular disease, making the model more practical and informative. This project not only strengthened my programming skills but also introduced me to real-world problem solving using data and machine learning concepts. +#### Results, CGPA Achievement, and Semester Reflection + The moment we saw our project working was immensely satisfying. Our presentation went well, and we scored 9 out of 12 marks, which boosted my confidence and reassured me that my programming skills were gradually improving. This experience marked a major milestone in my academic journey because, just a few months earlier, coding had been entirely new to me. When the final results were announced, all my hard work paid off. I achieved a CGPA of 3.83, secured third position in my section, and fourth position overall across both sections. This achievement was a proud and memorable moment for me, as it reflected not only my academic progress but also my personal growth. Reflecting on my first semester, I realized how much I had developed in multiple areas, learning Python, completing my first Machine Learning project, adjusting to hostel life, and cultivating disciplined study habits. From 10292a7ffa16daf7c8df38d8efbb196d0a7642bf Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:18:43 +0500 Subject: [PATCH 62/71] Update 2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md --- ...start-my-second-semester-journey-and-early-challenges.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md b/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md index efb0e59785d..c71eebbc421 100644 --- a/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md +++ b/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md @@ -16,13 +16,15 @@ After successfully completing my first semester at university, I was given a sho During these two weeks, I focused on learning the basics of Object-Oriented Programming and Database Systems through online platforms. These subjects were part of my upcoming semester, and I wanted to build a strong foundation before classes even started. I explored different online resources, including video lectures, tutorials, and practice exercises. This self-learning experience was very helpful because it introduced me to important concepts such as classes, objects, inheritance, and basic database operations like tables, queries, and relationships. At that time, I did not aim to master everything; my goal was simply to become familiar with the concepts so that I would not feel completely new when these topics were taught in class. +#### Preparing During Vacation and Building OOP & DBS Foundations + This preparation proved to be a very smart decision. It boosted my confidence and gave me a sense of readiness for the second semester. I was no longer afraid of new subjects; instead, I was curious and excited to learn them in more depth. When the vacation ended, I entered the second semester with new energy, fresh motivation, and bigger dreams for my academic journey. The second semester introduced a variety of subjects, each with its own importance and challenges. These included Object-Oriented Programming, Database Systems, Communication Skills, Calculus-II, Applied Statistics, and Digital Logic Design. This combination of subjects required both technical understanding and analytical thinking. I knew that managing all of them effectively would require discipline, consistency, and proper time management. I started the semester with confidence, especially because I had already studied some basics of OOP and databases during my vacation. This prior knowledge helped me understand lectures more easily and quickly compared to starting from zero. I felt more engaged in the classroom discussions and was able to connect new concepts with what I had already learned on my own. -However, as every journey has its challenges, I also faced a small but significant setback at the very beginning of the semester. Unfortunately, I missed two lectures and one lab session of the Database Systems course. This was not an ordinary subject, it carried four credit hours, which made it highly important in terms of both knowledge and grading. Missing lectures and especially a lab in such a subject can be a serious disadvantage for any student. +#### DBS Challenge During Scholarship Interview and Campus Visit The reason behind missing these classes was also very important for my future. During those days, I had to visit the main campus of UET Lahore to appear for an interview for the HEC Need-Based Scholarship. This scholarship was extremely important for me because it could provide financial support for my higher education. Considering my background and the importance of such opportunities, I decided to attend the interview, even though it meant missing some of my university classes. @@ -34,6 +36,8 @@ I reached out to one of my classmates who had attended those lectures and the la In fact, what initially seemed like a major loss turned out to be manageable. My prior preparation played a key role in minimizing the impact of missing those classes. Instead of feeling left behind, I quickly caught up and continued my studies without any major difficulty. This experience taught me an important lesson: preparation always pays off. Even a small effort made at the right time can save you from bigger problems later. +#### Consistency, Learning Growth, and Academic Adaptation + As the semester continued, I became more consistent and focused in my studies. I made sure not to miss any further lectures or labs and stayed actively involved in all my courses. Each subject contributed to my learning in a unique way. OOP improved my programming skills, database systems enhanced my understanding of data management, calculus and statistics strengthened my analytical thinking, digital logic design connected me with the fundamentals of computer engineering, and communication skills helped me express my ideas more effectively. Looking back, the beginning of my second semester was a mix of preparation, excitement, and a small challenge. But overall, it strengthened my confidence and improved my ability to handle academic responsibilities. It also showed me that even if we face temporary setbacks, we can overcome them with the right approach, proper support, and a willingness to learn. From d961d5fbcbcc6fc8ad5fc78713b6b7b0b64dcad9 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:19:27 +0500 Subject: [PATCH 63/71] Update 2026-01-13-my-first-practical-lab-experience-learning-database-tools.md --- ...irst-practical-lab-experience-learning-database-tools.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md b/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md index 1a1c184605f..e11e24ef9e2 100644 --- a/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md +++ b/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md @@ -13,14 +13,20 @@ tags: - Second Semester --- +#### Entering My First Database Lab After a Missed Session + Starting a new semester always brings new experiences, and one of the most important parts of my second semester was the beginning of practical lab work. Although officially it was the second lab session, for me it was actually my first lab because I had missed the initial one due to my visit to the main campus for the HEC Need-Based Scholarship interview. Therefore, I entered this lab with a mix of curiosity, excitement, and a slight concern about what I might have missed. At the beginning of the session, our teacher understood that some students, including me, were not present in the previous lab. So, he briefly revised the important points and clearly explained the objectives of the current lab. This supportive approach helped me feel comfortable and allowed me to quickly align myself with the rest of the class. It also showed me how important a good teacher is in guiding students, especially when they face small gaps in their learning. +#### Hands-on Installation of MySQL Server and Workbench + The main purpose of this lab was to install essential database tools that we would be using throughout the semester. These tools included MySQL Server and MySQL Workbench. Before this, I had only theoretical knowledge about databases, and this was my first step toward practical implementation. The teacher guided us step by step, explaining each stage of the installation process carefully. From downloading the software to configuring the setup, every instruction was clearly demonstrated. I followed the instructions attentively and successfully installed both MySQL Server and MySQL Workbench on my system. During the installation, I also learned about basic configurations such as setting up a root password, understanding server connection, and launching the workbench interface. Although these steps seemed simple, they were very important because they created the foundation for all future database-related tasks. +#### Building Confidence Through Prior Preparation and Practice + One thing that helped me a lot during this lab was my prior preparation during the semester break. Since I had already explored the basics of database systems through online learning, I was not completely new to the concepts. This made it easier for me to understand what the teacher was explaining and perform the installation without major difficulty. It also increased my confidence because I could follow along smoothly with the rest of the class. By the end of the lab, I felt satisfied and motivated. Even though I had missed the first session, I was able to catch up quickly and complete the required task successfully. This experience taught me that missing a class is not the end, as long as you are willing to put in extra effort to recover. From 8280a3f1407398edbec1df269456fd3ea4a38375 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:21:15 +0500 Subject: [PATCH 64/71] Update 2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md --- ...adventures-and-an-unexpected-shift-to-online-learning.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md index 4ea7cbb8f46..97a84f5860e 100644 --- a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md +++ b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md @@ -13,6 +13,8 @@ tags: - Second Semester --- +#### Ramzan Hostel Life, Independence, and Self-Managed Iftar Routine + The beginning of Ramzan during my second semester brought a completely new and memorable experience into my university life. It was not just a change in routine, but a unique phase filled with learning, independence, and unexpected challenges. As hostel students, this was our first time observing Ramzan away from home, which made it both exciting and slightly difficult. At the start of Ramzan, we were already settled into our semester, attending regular classes and managing our academic workload. However, fasting in a university environment was a new experience for all of us. While the university continued to provide the usual mess food, it was not fully aligned with the special needs of Sehri and Iftar. At home, these moments are always well-prepared and comfortable, but in the hostel, we had to manage everything on our own. @@ -21,6 +23,8 @@ This situation led us to make an important decision. Me and my roommates decided Preparing Iftar together became one of the most enjoyable parts of our day. Each of us had a role, some would cut fruits, others would handle cooking, and some would arrange the table. Although we were not expert cooks, we learned quickly through practice and teamwork. Sometimes the food was simple, and sometimes we tried to make it special. Regardless of the outcome, the effort and collaboration made it a beautiful experience. +#### Ramzan, Responsibility, and Unexpected Online Learning Shift + This routine not only helped us manage our fasting better but also brought us closer as friends. It taught us responsibility, independence, and the value of cooperation. Even after a long day of classes and fasting, we would gather with energy and excitement to prepare our Iftar. These small moments created memories that I will always cherish. However, alongside this peaceful and spiritual time, there were serious developments happening at the international level. News about tensions and conflict involving Iran, Israel, and America began to spread. These global events had indirect effects on many countries, including Pakistan. Due to uncertainty and precautionary measures, there was a shortage of petrol in the country. @@ -33,6 +37,8 @@ Studying online during Ramzan came with its own challenges. Managing time betwee Despite these challenges, I tried to stay consistent with my studies. I attended online lectures, completed assignments, and made sure I did not fall behind. This phase taught me how to adapt quickly to changing situations and continue learning under different circumstances. +#### Adaptability, Growth, and Lasting Ramzan Memories + Looking back, this period was a combination of adventure, responsibility, and adaptability. From preparing our own Iftar to shifting suddenly into online education, every moment added something valuable to my experience. It showed me that university life is not just about academics, but also about learning how to manage real-life situations. Overall, this Ramzan became one of the most memorable phases of my university journey. It strengthened my independence, improved my ability to adjust to change, and gave me unforgettable memories with my roommates. From 3856fd8c8cc40f2f0ae1c5d214f837cae0f3e18b Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:22:54 +0500 Subject: [PATCH 65/71] Update 2026-01-15-online-classes-sql-learning-and-collaborative-projects.md --- ...nline-classes-sql-learning-and-collaborative-projects.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md b/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md index 8c62b44ba0d..bc3c51bf811 100644 --- a/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md +++ b/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md @@ -13,10 +13,16 @@ tags: - Project --- +#### Online Learning Shift and Academic Adaptation During Semester Closure + During the end of Ramadan, the semester took an unexpected turn due to global events that affected life in our country. The conflict between America, Israel, and Iran caused a sharp rise in petrol prices, which ultimately led to the closure of all universities, colleges, and schools across Pakistan. As a result, our classes shifted entirely to online mode, introducing a new set of challenges for both learning and staying disciplined while at home. Adapting to this sudden change required flexibility, self-motivation, and careful planning. Despite these challenges, I made a conscious effort to make the most of the situation, focusing on practical learning during online sessions and labs to ensure that my academic progress was not affected. +#### SQL Learning with Project's Guidance and Project Enhancement + During this period, I gained my first real exposure to SQL commands. Under the guidance of Dr. Bilal, I learned to write basic queries, create tables, and manage data efficiently. This hands-on experience helped me understand how databases function and how data can be organized and manipulated effectively. In addition to SQL, our lab sessions involved revisiting our previous projects from the first semester and refining them further. The “before mid” project, which initially involved creating a simple portal uploaded on GitHub, served as the foundation for our final project. We enhanced this project significantly by incorporating Machine Learning and Deep Learning components, adding advanced features, and improving its visual interface. The result was a professional and more advanced version compared to our earlier work. This process taught me the importance of iterative development, attention to detail, and striving for continuous improvement in technical projects. +#### Collaboration, Discipline, and Remote Project Work + Even with the online setup, collaboration with peers remained crucial for success. Whenever I faced difficulties understanding a concept, I would reach out to my friend Tahir Yaqoob through WhatsApp calls or video sessions. These discussions were essential for clarifying doubts, exchanging ideas, and making consistent progress. We would troubleshoot programming issues together, discuss SQL queries, and brainstorm ways to improve our project. This period reinforced the value of peer support and communication, showing that learning can continue effectively even in remote and challenging circumstances. Through these online classes and collaborative project work, I also developed new skills in time management and self-discipline. Working from home required creating a dedicated study routine, minimizing distractions, and ensuring that I attended all sessions and completed tasks on time. I realized that adapting to unforeseen circumstances and staying productive depended on my own determination and planning. From ec72f35307483d4c39dd6892d0c580edfd020f65 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:27:27 +0500 Subject: [PATCH 66/71] Update 2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md --- ...b-experience-challenges-projects-and-responsibility.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md b/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md index 9d743ee4d62..ddf6a87e470 100644 --- a/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md +++ b/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md @@ -13,6 +13,8 @@ tags: - Project --- +#### Online Lab Evaluation and SQL Preparation Challenges + As my second semester continued, one of the most interesting and slightly challenging experiences came during an online database lab session. This lab was different from the previous ones because it focused more on preparation, understanding, and evaluation rather than just performing tasks step by step. It also introduced us to important academic responsibilities and teamwork beyond the classroom. In the previous lab, our teacher had given us a detailed task to prepare different types of SQL queries. These included basic queries, aggregate queries, join queries for table relationships, group queries, and queries based on business logic. The purpose of this preparation was not only to test our knowledge but also to strengthen our understanding of how databases work in real-world scenarios. The teacher clearly instructed us that in the next lab, which would be conducted online, he would ask questions from these topics, and students would be evaluated based on their responses. @@ -21,7 +23,9 @@ Keeping this in mind, I took the task seriously and prepared all the required qu When the next lab session was conducted online, the teacher started asking questions from the assigned topics. However, unfortunately, many students were not fully prepared and struggled to answer properly. Some students had only a basic understanding, while others faced difficulty explaining the logic behind their queries. As a result, the overall response was not as expected. -Seeing this situation, the teacher decided not to continue with the planned evaluation in that lab. Instead, he announced that he would conduct a proper quiz on these topics later to fairly assess everyone’s understanding. This decision made sense because it would give students another chance to prepare better and perform well. Therefore, that particular lab session was effectively canceled in terms of evaluation. +Seeing this situation, the teacher decided not to continue with the planned evaluation in that lab. Instead, he announced that he would conduct a proper quiz on these topics later to fairly assess everyone’s understanding. This decision made sense because it would give students another chance to prepare better and perform well. + +#### DBS Lab Project and DBS Theory Project Despite this, the lab session remained productive because we shifted our focus toward discussing our major course projects. These projects were an essential part of our Database Systems lab and were divided into two main components: the DBS Lab Project and the DBS Theory Project. @@ -29,7 +33,7 @@ The DBS Lab Project was related to GitHub. In this project, we were required to The second project, the DBS Theory Project, was more technical and forward-looking. It was related to Machine Learning and Deep Learning. Since we had already studied the basics of machine learning in our first semester, this project aimed to extend our knowledge by adding more features and introducing concepts of deep learning. We were also required to include visual elements like images to make our work more comprehensive and understandable. This project helped us connect database knowledge with modern technologies like AI and data-driven systems. -To support us in completing the portfolio project, our teacher gave us one week to collect and finalize our articles. These articles were supposed to be based on real scenarios that we had experienced, from our admission journey to our current university life. This requirement made the project more personal and meaningful. +#### Guidance, Responsibility, and Leadership Growth During this process, I faced some confusion regarding how to properly structure and collect the content for these articles. To clarify my doubts, I reached out to our respected teacher, Dr. Bilal. He responded very kindly and explained everything in detail through a voice message of a few minutes. His explanation was clear, practical, and very helpful, which made all my confusion disappear. From d175422ff8c5e33403e740ef848a660c1c290d19 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:29:34 +0500 Subject: [PATCH 67/71] Update 2026-04-17-a-sudden-journey-and-portfolio-completion.md --- .../2026-04-17-a-sudden-journey-and-portfolio-completion.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md index 0ab66515bf7..003a729b648 100644 --- a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md +++ b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md @@ -38,7 +38,7 @@ Along with regular classes, an important task was assigned to us in our Database The main instructions included creating a well-organized website with four main sections: Home, About, Contact, and Blog. The home page was required to contain only static personal information, while all articles were to be placed in the blog section. Additionally, the blog needed to support a proper post system, allowing us to add new articles without changing the overall structure of the website. Another important requirement was the use of categories or tags so that related posts could be grouped and easily accessed. -### Building the Portfolio Under Pressure +### Building the Portfolio Under Pressure and Key Learnings Understanding the importance of this project, I started working on it seriously after returning to the university. However, due to limited time before midterms and the requirement to include multiple articles, the task was quite challenging. It required both technical implementation and content writing. @@ -52,8 +52,6 @@ After completing the project, I shared my GitHub portfolio link with Dr. Bilal. This positive response gave me confidence and a sense of achievement after the hard work I had put in. -### Lessons in Time Management and Adaptability - Alongside this, we were also preparing for our midterm exams, which made this period even more intense and challenging. Managing travel, academic tasks, project work, and exam preparation all at once required discipline and time management. Overall, this experience was a combination of uncertainty, quick decisions, hard work, and achievement. From rushing to catch a train to successfully completing a technical portfolio project, every part of this journey contributed to my personal and academic growth. It taught me the importance of adaptability, time management, and dedication, qualities that are essential for a Computer Engineering student. From 65502f4c8394b070b7e4a3c1afceb0c3c50f4c98 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 06:50:21 +0500 Subject: [PATCH 68/71] Update basic.sass --- _sass/basic.sass | 17 ++--------------- 1 file changed, 2 insertions(+), 15 deletions(-) diff --git a/_sass/basic.sass b/_sass/basic.sass index 697b1e74a2d..cbb93094fbf 100644 --- a/_sass/basic.sass +++ b/_sass/basic.sass @@ -3,10 +3,8 @@ body font-size: $font-size background: light(100, 16) color: light(6, 100) - p text-align: justify - a color: $link transition: .25s @@ -20,51 +18,41 @@ a text-decoration-color: inherit body > header &:hover, body > footer &:hover box-shadow: 0 2px - hr border: 1px solid gray(100) margin: 2em 0 - blockquote background: gray(12) - color: light-dark(#555, #eee) + color: light-dark(#333, #eee) border-left: 3px solid gray(60) padding: 1px 1.5em - blockquote, figure margin: 1.25em 0 - img margin: .5em 0 border-radius: 4px max-width: 100% - li margin: .3em 0 - table display: inline-block max-width: 100% overflow-y: auto border-collapse: collapse border-radius: 2px - th, td padding: .5em 1em border: 1px solid gray(24) - thead, tr:hover background: gray(12) - pre font-size: .8em background: light(22) - color: light(100) + color: light-dark(light(95), light(100)) border-radius: 5px margin: 1.5em 0 padding: .8em 1.2em overflow-x: auto - code:not(pre code) font-size: .9em background: gray(22) @@ -72,6 +60,5 @@ code:not(pre code) margin: 0 .1em padding: .2em .4em opacity: .75 - header time, nav time color: gray(100) From 2b777d4bbcf8a23f67cb0b357fdbe4a4a68d3403 Mon Sep 17 00:00:00 2001 From: ASIM RAZA Date: Sat, 25 Apr 2026 07:00:57 +0500 Subject: [PATCH 69/71] Update portfolio.sass --- assets/css/portfolio.sass | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index 21e3710c447..0e2db56b439 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -1100,6 +1100,19 @@ html[data-theme="light"] .eyebrow, body.light-theme .eyebrow color: #0d5165 +/* ── LIGHT MODE: quote-panel fix ── */ +html[data-theme="light"] .quote-panel, +body.light-theme .quote-panel + background: linear-gradient(135deg, rgba(15, 123, 131, 0.12), rgba(220, 244, 241, 0.95)) + +html[data-theme="light"] .quote-panel blockquote, +body.light-theme .quote-panel blockquote + color: #102033 + +html[data-theme="light"] .quote-panel .quote-source, +body.light-theme .quote-panel .quote-source + color: #415263 + @media (max-width: 960px) .about-home-layout, .feature-grid--portfolio, From c21b0f80f0ba8f63cf87d38106140304604d8720 Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Sat, 25 Apr 2026 07:32:59 +0500 Subject: [PATCH 70/71] Add folder-based blog browsing --- ...mission-in-uet-lahore-faisalabad-campus.md | 1 + ...he-support-that-made-my-dreams-possible.md | 1 + ...26-01-03-my-first-journey-to-university.md | 1 + .../2026-01-04-my-first-hostel-experience.md | 1 + ...nd-first-class-at-uet-faisalabad-campus.md | 1 + ...university-life-and-building-my-routine.md | 1 + ...-lab-experience-and-learning-new-skills.md | 1 + ...or-who-changed-our-perspective-dr-bilal.md | 1 + ...p-study-and-my-midterm-exams-experience.md | 1 + ...-10-final-exams-and-academic-challenges.md | 1 + ...emester-challenges-learning-and-success.md | 1 + ...d-semester-journey-and-early-challenges.md | 1 + ...-lab-experience-learning-database-tools.md | 1 + ...-an-unexpected-shift-to-online-learning.md | 1 + ...sql-learning-and-collaborative-projects.md | 1 + ...-challenges-projects-and-responsibility.md | 1 + ...sudden-journey-and-portfolio-completion.md | 1 + assets/css/portfolio.sass | 192 +++++++++++- blog.md | 293 +++++++++++++----- 19 files changed, 420 insertions(+), 82 deletions(-) diff --git a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md index e26fdb95dfe..b4357e792eb 100644 --- a/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md +++ b/_posts/2026-01-01-my-journey-to-admission-in-uet-lahore-faisalabad-campus.md @@ -2,6 +2,7 @@ layout: post title: "My Journey to Admission in UET Lahore (Faisalabad Campus)" sequence: 1 +folder: "Admission Journey" phase: "Getting In & Starting Out" journey_stage: "Admission Journey" read_time: "4 min" diff --git a/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md b/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md index 6769bee324f..e59f7520306 100644 --- a/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md +++ b/_posts/2026-01-02-a-life-changing-scholarship-the-support-that-made-my-dreams-possible.md @@ -2,6 +2,7 @@ layout: post title: "A Life-Changing Scholarship – The Support That Made My Dreams Possible" sequence: 2 +folder: "Admission Journey" phase: "Getting In & Starting Out" journey_stage: "Scholarship Support" read_time: "6 min" diff --git a/_posts/2026-01-03-my-first-journey-to-university.md b/_posts/2026-01-03-my-first-journey-to-university.md index ba749720286..aedf5ab0429 100644 --- a/_posts/2026-01-03-my-first-journey-to-university.md +++ b/_posts/2026-01-03-my-first-journey-to-university.md @@ -2,6 +2,7 @@ layout: post title: "My First Journey to University" sequence: 3 +folder: "Admission Journey" phase: "Getting In & Starting Out" journey_stage: "First Departure" read_time: "4 min" diff --git a/_posts/2026-01-04-my-first-hostel-experience.md b/_posts/2026-01-04-my-first-hostel-experience.md index 32f3051f85b..4a536ed51dc 100644 --- a/_posts/2026-01-04-my-first-hostel-experience.md +++ b/_posts/2026-01-04-my-first-hostel-experience.md @@ -2,6 +2,7 @@ layout: post title: "My First Hostel Experience" sequence: 4 +folder: "Admission Journey" phase: "Getting In & Starting Out" journey_stage: "Hostel Adjustment" read_time: "4 min" diff --git a/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md b/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md index 452a1d0f450..7311f9d2a5d 100644 --- a/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md +++ b/_posts/2026-01-05-my-first-day-and-first-class-at-uet-faisalabad-campus.md @@ -2,6 +2,7 @@ layout: post title: "My First Day and First Class at UET Faisalabad Campus" sequence: 5 +folder: "Admission Journey" phase: "Getting In & Starting Out" journey_stage: "First Day on Campus" read_time: "4 min" diff --git a/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md b/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md index 5a3560b9ccd..f5650bfbd3c 100644 --- a/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md +++ b/_posts/2026-01-06-adjusting-to-university-life-and-building-my-routine.md @@ -2,6 +2,7 @@ layout: post title: "Adjusting to University Life and Building My Routine" sequence: 6 +folder: "1st Semester" phase: "First Semester Growth" journey_stage: "Building Routine" read_time: "5 min" diff --git a/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md b/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md index 4e196c3e4e9..cc855149163 100644 --- a/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md +++ b/_posts/2026-01-07-my-first-lab-experience-and-learning-new-skills.md @@ -2,6 +2,7 @@ layout: post title: "My First Lab Experience and Learning New Skills" sequence: 7 +folder: "1st Semester" phase: "First Semester Growth" journey_stage: "First Lab Experience" read_time: "4 min" diff --git a/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md b/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md index b8c5733a406..6588663ad2e 100644 --- a/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md +++ b/_posts/2026-01-08-a-mentor-who-changed-our-perspective-dr-bilal.md @@ -2,6 +2,7 @@ layout: post title: "A Mentor Who Changed Our Perspective – Dr. Bilal" sequence: 8 +folder: "1st Semester" phase: "First Semester Growth" journey_stage: "Mentorship and Mindset" read_time: "4 min" diff --git a/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md b/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md index a6d6cdedb24..d37cf10212c 100644 --- a/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md +++ b/_posts/2026-01-09-group-study-and-my-midterm-exams-experience.md @@ -2,6 +2,7 @@ layout: post title: "Group Study and My Midterm Exams Experience" sequence: 9 +folder: "1st Semester" phase: "First Semester Growth" journey_stage: "Midterm Preparation" read_time: "4 min" diff --git a/_posts/2026-01-10-final-exams-and-academic-challenges.md b/_posts/2026-01-10-final-exams-and-academic-challenges.md index 89714ce9a66..dd7b6c5a337 100644 --- a/_posts/2026-01-10-final-exams-and-academic-challenges.md +++ b/_posts/2026-01-10-final-exams-and-academic-challenges.md @@ -2,6 +2,7 @@ layout: post title: "Final Exams and Academic Challenges" sequence: 10 +folder: "1st Semester" phase: "First Semester Growth" journey_stage: "Final Exam Pressure" read_time: "4 min" diff --git a/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md b/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md index 7ce2f35b77e..81be3cfb1f9 100644 --- a/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md +++ b/_posts/2026-01-11-completing-my-first-semester-challenges-learning-and-success.md @@ -2,6 +2,7 @@ layout: post title: "Completing My First Semester – Challenges, Learning, and Success" sequence: 11 +folder: "1st Semester" phase: "First Semester Growth" journey_stage: "First Semester Success" read_time: "6 min" diff --git a/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md b/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md index efb0e59785d..b219e40b357 100644 --- a/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md +++ b/_posts/2026-01-12-a-fresh-start-my-second-semester-journey-and-early-challenges.md @@ -2,6 +2,7 @@ layout: post title: "A Fresh Start – My Second Semester Journey and Early Challenges" sequence: 12 +folder: "2nd Semester" phase: "Second Semester Momentum" journey_stage: "Second Semester Start" read_time: "5 min" diff --git a/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md b/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md index 1a1c184605f..34f3ed977f1 100644 --- a/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md +++ b/_posts/2026-01-13-my-first-practical-lab-experience-learning-database-tools.md @@ -2,6 +2,7 @@ layout: post title: "My First Practical Lab Experience – Learning Database Tools" sequence: 13 +folder: "2nd Semester" phase: "Second Semester Momentum" journey_stage: "Database Lab Foundations" read_time: "3 min" diff --git a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md index 4ea7cbb8f46..e2d76be072d 100644 --- a/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md +++ b/_posts/2026-01-14-ramzan-adventures-and-an-unexpected-shift-to-online-learning.md @@ -2,6 +2,7 @@ layout: post title: "Ramzan Adventures and an Unexpected Shift to Online Learning" sequence: 14 +folder: "2nd Semester" phase: "Second Semester Momentum" journey_stage: "Ramzan and Adaptability" read_time: "5 min" diff --git a/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md b/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md index 8c62b44ba0d..20ef033d707 100644 --- a/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md +++ b/_posts/2026-01-15-online-classes-sql-learning-and-collaborative-projects.md @@ -2,6 +2,7 @@ layout: post title: "Online Classes, SQL Learning, and Collaborative Projects" sequence: 15 +folder: "2nd Semester" phase: "Second Semester Momentum" journey_stage: "Online Learning Growth" read_time: "4 min" diff --git a/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md b/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md index 9d743ee4d62..1e1d9cfc3a5 100644 --- a/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md +++ b/_posts/2026-01-16-an-online-lab-experience-challenges-projects-and-responsibility.md @@ -2,6 +2,7 @@ layout: post title: "An Online Lab Experience – Challenges, Projects, and Responsibility" sequence: 16 +folder: "2nd Semester" phase: "Second Semester Momentum" journey_stage: "Leadership and Responsibility" read_time: "6 min" diff --git a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md index ab81e6da788..b4b7fb42e7b 100644 --- a/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md +++ b/_posts/2026-04-17-a-sudden-journey-and-portfolio-completion.md @@ -2,6 +2,7 @@ layout: post title: "A Sudden Journey, Academic Responsibilities, and Completing My GitHub Portfolio" sequence: 17 +folder: "2nd Semester" phase: "Second Semester Momentum" journey_stage: "Travel, Portfolio, and Midterms" read_time: "5 min" diff --git a/assets/css/portfolio.sass b/assets/css/portfolio.sass index 21e3710c447..303f57aa4dc 100644 --- a/assets/css/portfolio.sass +++ b/assets/css/portfolio.sass @@ -354,6 +354,121 @@ p padding: 1.4rem margin-bottom: 2rem +.blog-intro--compact + margin-bottom: 1.3rem + +.folder-browser + margin-bottom: 2rem + +.folder-grid + display: grid + grid-template-columns: repeat(3, 1fr) + gap: 1rem + +.folder-card + position: relative + width: 100% + padding: 1.45rem + border: 1px solid rgba(16, 32, 51, 0.12) + border-radius: 22px + appearance: none + background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(242, 249, 248, 0.96)) + box-shadow: 0 18px 40px rgba(16, 32, 51, 0.1) + color: #102033 + font: inherit + text-align: left + cursor: pointer + transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, background 0.24s ease + +.folder-card:hover + transform: translateY(-4px) + border-color: rgba(13, 81, 101, 0.34) + box-shadow: 0 24px 46px rgba(16, 32, 51, 0.14) + +.folder-card.is-active + border-color: rgba(13, 81, 101, 0.42) + background: linear-gradient(180deg, rgba(232, 247, 245, 0.98), rgba(255, 251, 244, 0.98)) + box-shadow: 0 26px 50px rgba(13, 81, 101, 0.16) + +.folder-card__tab + display: inline-block + width: 4.6rem + height: 0.85rem + margin-bottom: 1rem + border-radius: 1rem 1rem 0.4rem 0.4rem + background: linear-gradient(135deg, rgba(15, 123, 131, 0.18), rgba(198, 107, 66, 0.16)) + +.folder-card__label + display: block + margin-bottom: 0.45rem + color: #0d5165 + font-size: 0.76rem + font-weight: 700 + letter-spacing: 0.12em + text-transform: uppercase + +.folder-card strong + display: block + margin-bottom: 0.7rem + font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif + font-size: 1.55rem + line-height: 1.08 + +.folder-card p + margin: 0 + +.folder-card__stats + display: flex + flex-wrap: wrap + gap: 0.55rem + margin-top: 1rem + +.folder-card__stats span, +.folder-panel__summary span + display: inline-flex + align-items: center + padding: 0.34rem 0.78rem + border-radius: 999px + background: rgba(15, 123, 131, 0.12) + color: #0d5165 + font-size: 0.84rem + font-weight: 700 + +.folder-panels + margin-top: 0.5rem + +.blog-folder-panel + padding: 1.45rem + border: 1px solid rgba(16, 32, 51, 0.12) + border-radius: 22px + background: rgba(255, 251, 244, 0.92) + box-shadow: 0 18px 40px rgba(16, 32, 51, 0.08) + +.folder-panel__hero + display: flex + justify-content: space-between + gap: 1rem + align-items: flex-start + margin-bottom: 1.25rem + +.folder-panel__description + max-width: 46rem + margin: 0.8rem 0 0 + +.folder-panel__summary + display: flex + flex-wrap: wrap + gap: 0.55rem + justify-content: flex-end + +.folder-posts + display: grid + grid-template-columns: repeat(2, 1fr) + gap: 1rem + +.folder-posts .journal-card + transition: opacity 0.3s ease, transform 0.3s ease + .category-filters display: flex flex-wrap: wrap @@ -631,6 +746,7 @@ p .about-card, .contact-card, .journal-card, + .blog-folder-panel, .quote-panel, .cta-panel, .blog-intro @@ -928,6 +1044,37 @@ p .site-footer background: rgba(5, 11, 18, 0.95) +.folder-card + border: 1px solid rgba(162, 184, 205, 0.14) + background: linear-gradient(180deg, rgba(14, 29, 44, 0.96), rgba(8, 18, 28, 0.98)) + box-shadow: 0 20px 44px rgba(0, 0, 0, 0.28) + color: #f4f8fb + +.folder-card:hover + border-color: rgba(125, 166, 255, 0.34) + box-shadow: 0 26px 48px rgba(0, 0, 0, 0.34) + +.folder-card.is-active + border-color: rgba(82, 214, 196, 0.4) + background: linear-gradient(180deg, rgba(17, 39, 56, 0.98), rgba(9, 21, 32, 0.98)) + box-shadow: 0 28px 54px rgba(0, 0, 0, 0.36) + +.folder-card__tab + background: linear-gradient(135deg, rgba(82, 214, 196, 0.28), rgba(125, 166, 255, 0.22)) + +.folder-card__label + color: #7ddacb + +.folder-card__stats span, +.folder-panel__summary span + background: rgba(82, 214, 196, 0.12) + color: #7ddacb + +.blog-folder-panel + border: 1px solid rgba(162, 184, 205, 0.12) + background: linear-gradient(180deg, rgba(11, 23, 35, 0.94), rgba(8, 17, 27, 0.96)) + box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24) + html[data-theme="light"] body, body.light-theme color: #102033 @@ -971,6 +1118,7 @@ html[data-theme="light"] .journal-card, html[data-theme="light"] .quote-panel, html[data-theme="light"] .cta-panel, html[data-theme="light"] .blog-intro, +html[data-theme="light"] .blog-folder-panel, html[data-theme="light"] .post-navigation__link, body.light-theme .hero-copy, body.light-theme .feature-card, @@ -982,6 +1130,7 @@ body.light-theme .journal-card, body.light-theme .quote-panel, body.light-theme .cta-panel, body.light-theme .blog-intro, +body.light-theme .blog-folder-panel, body.light-theme .post-navigation__link border: 1px solid rgba(16, 32, 51, 0.12) background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 252, 252, 0.96)) @@ -1069,6 +1218,39 @@ html[data-theme="light"] .post-tag:hover, body.light-theme .post-tag:hover background: rgba(15, 123, 131, 0.16) +html[data-theme="light"] .folder-card, +body.light-theme .folder-card + border: 1px solid rgba(16, 32, 51, 0.12) + background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(242, 249, 248, 0.96)) + box-shadow: 0 18px 40px rgba(16, 32, 51, 0.1) + color: #102033 + +html[data-theme="light"] .folder-card:hover, +body.light-theme .folder-card:hover + border-color: rgba(13, 81, 101, 0.34) + box-shadow: 0 24px 46px rgba(16, 32, 51, 0.14) + +html[data-theme="light"] .folder-card.is-active, +body.light-theme .folder-card.is-active + border-color: rgba(13, 81, 101, 0.42) + background: linear-gradient(180deg, rgba(232, 247, 245, 0.98), rgba(255, 251, 244, 0.98)) + box-shadow: 0 26px 50px rgba(13, 81, 101, 0.16) + +html[data-theme="light"] .folder-card__tab, +body.light-theme .folder-card__tab + background: linear-gradient(135deg, rgba(15, 123, 131, 0.18), rgba(198, 107, 66, 0.16)) + +html[data-theme="light"] .folder-card__label, +body.light-theme .folder-card__label + color: #0d5165 + +html[data-theme="light"] .folder-card__stats span, +html[data-theme="light"] .folder-panel__summary span, +body.light-theme .folder-card__stats span, +body.light-theme .folder-panel__summary span + background: rgba(15, 123, 131, 0.12) + color: #0d5165 + html[data-theme="light"] .semester-tag, body.light-theme .semester-tag background: rgba(198, 107, 66, 0.12) @@ -1102,15 +1284,23 @@ body.light-theme .eyebrow @media (max-width: 960px) .about-home-layout, + .folder-grid, .feature-grid--portfolio, .feature-grid--summary, .service-grid, .metric-grid--portfolio, .metric-grid--simple, .project-grid, - #posts-container + #posts-container, + .folder-posts grid-template-columns: 1fr + .folder-panel__hero + flex-direction: column + + .folder-panel__summary + justify-content: flex-start + .category-tag min-height: 2.55rem padding: 0.65rem 1rem diff --git a/blog.md b/blog.md index 7d07c13d46e..9d3feaa5083 100644 --- a/blog.md +++ b/blog.md @@ -2,122 +2,253 @@ layout: page title: "Blog" permalink: /blog/ -description: "A complete record of my computer engineering journey, organized as linked posts from admission to second semester growth." +description: "Browse my journey through folder-style sections and open each stage to read the related articles and tags." --- {% assign sorted_posts = site.posts | sort: "sequence" %} -{% assign all_tags = "" | split: "" %} -{% for post in sorted_posts %} - {% if post.tags %} - {% assign all_tags = all_tags | concat: post.tags %} - {% endif %} -{% endfor %} -{% assign all_tags = all_tags | uniq | sort %} +{% assign folder_names = sorted_posts | map: "folder" | uniq %} +{% assign default_folder = folder_names | first %}
-

This page collects my full portfolio articles. Click on any tag below to view the related posts more clearly.

-
- - {% for tag in all_tags %} - +

This page organizes my computer engineering journey into folders. Open any folder below to view only its related articles and tags on the same page.

+
+ +
+
+ {% for folder_name in folder_names %} + {% assign folder_posts = sorted_posts | where: "folder", folder_name %} + {% assign folder_slug = folder_name | slugify %} + {% assign folder_tags = "" | split: "" %} + {% for post in folder_posts %} + {% if post.tags %} + {% assign folder_tags = folder_tags | concat: post.tags %} + {% endif %} + {% endfor %} + {% assign folder_tags = folder_tags | uniq | sort %} + {% assign folder_first_post = folder_posts | first %} + {% assign folder_last_post = folder_posts | last %} + {% capture folder_description %} + {% case folder_name %} + {% when "Admission Journey" %} + Entry-test preparation, scholarship support, first arrival on campus, hostel life, and the first steps into university. + {% when "1st Semester" %} + My first semester experience through classes, labs, routines, mentors, exams, projects, and academic growth. + {% when "2nd Semester" %} + Second semester momentum with practical labs, online learning, collaboration, projects, and balancing responsibilities. + {% else %} + Articles collected from the {{ folder_name | downcase }} stage of my academic journey. + {% endcase %} + {% endcapture %} + {% endfor %}
-
- {% for post in sorted_posts %} -
- {% if post.image %}{{ post.title }}{% endif %} - Article {{ post.sequence }} -

{{ post.title }}

-

{{ post.summary }}

-
- {{ post.journey_stage }} - {{ post.read_time }} - {% if post.phase contains 'First Semester' %}Semester 1{% elsif post.phase contains 'Second Semester' %}Semester 2{% else %}Pre-Semester{% endif %} -
-
- {% for tag in post.tags %} - {{ tag }} - {% endfor %} -
-
+
+ {% for folder_name in folder_names %} + {% assign folder_posts = sorted_posts | where: "folder", folder_name %} + {% assign folder_slug = folder_name | slugify %} + {% assign folder_tags = "" | split: "" %} + {% for post in folder_posts %} + {% if post.tags %} + {% assign folder_tags = folder_tags | concat: post.tags %} + {% endif %} + {% endfor %} + {% assign folder_tags = folder_tags | uniq | sort %} + {% capture folder_description %} + {% case folder_name %} + {% when "Admission Journey" %} + This folder covers the road to admission, early campus transition, scholarship support, and the experiences that began my university life. + {% when "1st Semester" %} + This folder collects the lessons, routines, friendships, labs, and exam experiences that shaped my first semester. + {% when "2nd Semester" %} + This folder follows my second semester through practical work, online learning, projects, travel, and growing academic responsibility. + {% else %} + This folder contains articles from the {{ folder_name | downcase }} phase of my journey. + {% endcase %} + {% endcapture %} +
+
+
+

Blog Folder

+

{{ folder_name }}

+

{{ folder_description | strip }}

+
+
+ {{ folder_posts | size }} Articles + {{ folder_tags | size }} Tags +
+
+ +
+

Use the tags below to narrow this folder to the exact topics you want to read.

+
+ + {% for tag in folder_tags %} + + {% endfor %} +
+
+ +
+ {% for post in folder_posts %} +
+ {% if post.image %}{{ post.title }}{% endif %} + Article {{ post.sequence }} +

{{ post.title }}

+

{{ post.summary }}

+
+ {{ post.journey_stage }} + {{ post.read_time }} + {{ folder_name }} +
+
+ {% for tag in post.tags %} + {{ tag }} + {% endfor %} +
+
+ {% endfor %} +
+
{% endfor %} -
+
From a79460879bbb935a76e485a6577987ff7a355a5e Mon Sep 17 00:00:00 2001 From: Asim Raza Date: Sat, 25 Apr 2026 07:47:25 +0500 Subject: [PATCH 71/71] Assign new midterm post to second semester folder --- ...-18-midterm-exams-preparation-challenges-and-experiences.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/_posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md b/_posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md index f6f7ed52dd8..68fb4f6a5c8 100644 --- a/_posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md +++ b/_posts/2026-04-18-midterm-exams-preparation-challenges-and-experiences.md @@ -1,7 +1,8 @@ --- layout: post -title: "Midterm Exams – Preparation, Challenges, and Unforgettable Experiences" +title: "Midterm Exams - Preparation, Challenges, and Unforgettable Experiences" sequence: 18 +folder: "2nd Semester" phase: "Second Semester Momentum" journey_stage: "Midterms, Challenges, and Growth" read_time: "6 min"