You are browsing as a guest. Sign up (or log in) to start making projects!

1h 48m 27s logged

Hello there! It’s been a while since my last update, and I’ve completely overhauled the personal portfolio site to get rid of the boring, default minimalist look. Here are all the massive upgrades I’ve added to turn it into a high-contrast maximalist dashboard 🚀

New Features & Styling Overhauls ✏️

  1. Interactive Project Cards 📇
  • Turned the boring, plain vertical bulleted list of projects into thick-bordered cards.

  • Added alternating neon drop-shadows (green, blue, and gold) that physically “pop” when you hover over them :yay:

  1. Bold Editorial Typography 🅰️
  • Swapped sterile, generic fonts for massive, loud headers (Impact/Arial Black).

  • Used letter-spacing to track out the letters so they look extremely polished, editorial, and easy to read 🆒

  1. Brutalist Buttons 🔘
  • Replaced the standard blue underlined text link for my CV with a heavy-duty, thick-bordered green button.
  1. Retro-Tech Grid & Dynamic Layout 🌐
  • Threw a retro-tech grid pattern onto the dark background :backgrounds:

  • Used CSS Grid to arrange the sections side-by-side like an active control dashboard instead of a boring single-column list.

Here’s a code summary:

`

<main class="maximalist-container">
    <header>
        <span class="glitch-tag">STATUS: STUDENT // POLYMATH</span>
        <h1>...</h1>
        <h2>...</h2>
    </header>

    <section class="cv-highlight">
        <span class="card-tag">DOCUMENTATION</span>
        <h3>...</h3>
        <a href="...">DOWNLOAD FULL CV →</a>
    </section>

    <section class="projects-block">
        <h3>Projects</h3>
        <div class="brutal-list">
            <div class="brutal-item color-1">01 ...</div>
            <div class="brutal-item color-2">02 ...</div>
            <div class="brutal-item color-3">03 ...</div>
            </div>
    </section>
</main>

<footer>...</footer>

`

(This is my updated index.html . I also have index.css for the custom layout, grid pattern, and letter-spacing, but I’m too lazy :lazy: to paste all the CSS rules here :lol: - just know that index.css holds all the visual styling and transitions!)

Next, I’ll be setting up my Blog page to support separate visual cards (including custom social blocks for Instagram and LinkedIn updates) and integrating my calculus study logs 📚 .Oh yeah, feel free to comment if you have any suggestions or design ideas! :write: That should be it :yay: . Bye :bye:

0
7

Comments 0

No comments yet. Be the first!