|
236 | 236 | <body class="light-mode"> |
237 | 237 |
|
238 | 238 | <div id="loading-overlay"> |
239 | | - <div class="loader-text">Enhancing the viewing experience</div> |
| 239 | + <div class="loader-text"> |
| 240 | + re:Inception |
| 241 | + </div> |
240 | 242 | <div class="spinner"></div> |
241 | 243 | </div> |
242 | 244 |
|
|
245 | 247 | <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"> |
246 | 248 | <div class="flex items-center justify-between h-20"> |
247 | 249 | <div class="flex items-center space-x-4"> |
248 | | - <img class="h-12 w-12 rounded-full shadow-avatar" src="assets/maher.jpg" alt="Maher's profile picture"> |
| 250 | + <img class="h-12 w-12 rounded-full shadow-avatar" src="assets/gb_new_un.jpg" alt="Maher's profile picture"> |
249 | 251 | <span class="fancy-text text-2xl tracking-tight" id="typed-name"></span> |
250 | 252 | </div> |
251 | 253 | <nav class="hidden md:flex items-center space-x-8"> |
@@ -295,10 +297,18 @@ <h2 class="fancy-text text-3xl md:text-4xl text-center mb-8">About Me</h2> |
295 | 297 | You'll usually find me quietly focused, doing my own thing with full commitment. |
296 | 298 | I don’t really play games — I prefer diving into literature and occasionally writing code. |
297 | 299 | </p> |
| 300 | + <p>I got married in September of 2025</p> |
298 | 301 | <p> |
299 | | - I enjoy watching action anime and reading manga. Some of my favorites include Sun Ken Rock and Origin by Boichi. I also really like reading Webtoons and novels. |
| 302 | + I enjoy watching action anime and reading man(ga,hwa,hua) and novels. |
| 303 | + I really love Bad Apple (The song), especially the saymaxwell version. |
| 304 | + I also have a deep interest in AI and its applications. |
| 305 | + I primarily consume English content. |
300 | 306 | </p> |
301 | | - <p>You can check my manga activity below, I track them on AniList</p> |
| 307 | + <p> |
| 308 | + One of my favorite anime series is "Re:Zero" |
| 309 | + </p><p>My favorite manga is "Origin" |
| 310 | + </p> |
| 311 | + <p>You can check my manga/anilist activity below, I track them on AniList and MAL</p> |
302 | 312 | </div> |
303 | 313 | </section> |
304 | 314 |
|
@@ -400,28 +410,25 @@ <h2 class="fancy-text text-3xl md:text-4xl text-center mb-8">Recent Activity</h2 |
400 | 410 | const goodfyAhhList = [ |
401 | 411 | "Maher", |
402 | 412 | "Max", |
403 | | - "Maz's Admin", |
| 413 | + "Maz", |
| 414 | + "Misanthropist", |
404 | 415 | "sus", |
405 | 416 | "Jsux", |
406 | 417 | "Jsus", |
407 | | - "x", |
408 | | - "Anti Prophet", |
409 | | - "Atheist", |
410 | | - "Agnostic", |
411 | | - "Islamophobe" |
| 418 | + "x" |
412 | 419 | ]; |
413 | 420 |
|
414 | 421 | const typedNameEl = document.getElementById('typed-name'); |
415 | 422 | if(typedNameEl) { |
416 | 423 | new Typed('#typed-name', { |
417 | 424 | strings: [config.name, ...goodfyAhhList], |
418 | | - typeSpeed: 80, |
419 | | - backSpeed: 38, |
| 425 | + typeSpeed: 75, |
| 426 | + backSpeed: 35, |
420 | 427 | loop: true, |
421 | 428 | smartBackspace: true, |
422 | 429 | showCursor: true, |
423 | 430 | cursorChar: '_', |
424 | | - startDelay: 250 |
| 431 | + startDelay: 300 |
425 | 432 | }); |
426 | 433 | } |
427 | 434 |
|
@@ -481,7 +488,7 @@ <h3 class="text-xl font-semibold text-blue-600 dark:text-blue-400 mb-2">${projec |
481 | 488 |
|
482 | 489 | const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; |
483 | 490 | const savedTheme = "light" |
484 | | - // hardcoded cuz idk how to css it properly |
| 491 | + // hardcoded cuz idk how to design it properly |
485 | 492 | setTheme(savedTheme === 'dark' || (!savedTheme && prefersDark)); |
486 | 493 |
|
487 | 494 | const anilistQuery = ` |
@@ -575,8 +582,16 @@ <h3 class="text-xl font-semibold text-blue-600 dark:text-blue-400 mb-2">${projec |
575 | 582 | article.className = "blog-card"; |
576 | 583 | article.setAttribute("data-aos", "fade-up"); |
577 | 584 | article.setAttribute("data-aos-delay", index * 100); |
| 585 | +// Fix |
578 | 586 |
|
579 | | - const markdownHtml = marked.parse(activity.text || "", { breaks: true }); |
| 587 | + /*const markdownHtml = marked.parse( |
| 588 | + (activity.text || "").replace(/\S{19,}/g, w => w.slice(0, 18) + "..."), |
| 589 | + { breaks: true } |
| 590 | +);*/ |
| 591 | + const truncateLongWords = text => |
| 592 | + text.replace(/(?!https?:\/\/|www\.)\b(?![^<]*>)(\S{19,})\b/g, w => w.slice(0, 18) + "..."); |
| 593 | + |
| 594 | +const markdownHtml = marked.parse(truncateLongWords(activity.text || ""), { breaks: true }); |
580 | 595 |
|
581 | 596 | article.innerHTML = ` |
582 | 597 | <h3 class="fancy-text text-lg md:text-xl font-semibold text-blue-600 dark:text-blue-400 mb-1"> |
@@ -674,3 +689,4 @@ <h4 class="text-lg font-semibold text-blue-600 dark:text-blue-400">${title}</h4> |
674 | 689 | </script> |
675 | 690 | </body> |
676 | 691 | </html> |
| 692 | + |
0 commit comments