Skip to content

Commit 309d304

Browse files
committed
Updated banter
1 parent e9a1443 commit 309d304

3 files changed

Lines changed: 31 additions & 15 deletions

File tree

assets/gb_new_un.jpg

557 KB
Loading

assets/maher.jpg

-88.7 KB
Binary file not shown.

index.html

Lines changed: 31 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -236,7 +236,9 @@
236236
<body class="light-mode">
237237

238238
<div id="loading-overlay">
239-
<div class="loader-text">Enhancing the viewing experience</div>
239+
<div class="loader-text">
240+
re:Inception
241+
</div>
240242
<div class="spinner"></div>
241243
</div>
242244

@@ -245,7 +247,7 @@
245247
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
246248
<div class="flex items-center justify-between h-20">
247249
<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">
249251
<span class="fancy-text text-2xl tracking-tight" id="typed-name"></span>
250252
</div>
251253
<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>
295297
You'll usually find me quietly focused, doing my own thing with full commitment.
296298
I don’t really play games — I prefer diving into literature and occasionally writing code.
297299
</p>
300+
<p>I got married in September of 2025</p>
298301
<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.
300306
</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>
302312
</div>
303313
</section>
304314

@@ -400,28 +410,25 @@ <h2 class="fancy-text text-3xl md:text-4xl text-center mb-8">Recent Activity</h2
400410
const goodfyAhhList = [
401411
"Maher",
402412
"Max",
403-
"Maz's Admin",
413+
"Maz",
414+
"Misanthropist",
404415
"sus",
405416
"Jsux",
406417
"Jsus",
407-
"x",
408-
"Anti Prophet",
409-
"Atheist",
410-
"Agnostic",
411-
"Islamophobe"
418+
"x"
412419
];
413420

414421
const typedNameEl = document.getElementById('typed-name');
415422
if(typedNameEl) {
416423
new Typed('#typed-name', {
417424
strings: [config.name, ...goodfyAhhList],
418-
typeSpeed: 80,
419-
backSpeed: 38,
425+
typeSpeed: 75,
426+
backSpeed: 35,
420427
loop: true,
421428
smartBackspace: true,
422429
showCursor: true,
423430
cursorChar: '_',
424-
startDelay: 250
431+
startDelay: 300
425432
});
426433
}
427434

@@ -481,7 +488,7 @@ <h3 class="text-xl font-semibold text-blue-600 dark:text-blue-400 mb-2">${projec
481488

482489
const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
483490
const savedTheme = "light"
484-
// hardcoded cuz idk how to css it properly
491+
// hardcoded cuz idk how to design it properly
485492
setTheme(savedTheme === 'dark' || (!savedTheme && prefersDark));
486493

487494
const anilistQuery = `
@@ -575,8 +582,16 @@ <h3 class="text-xl font-semibold text-blue-600 dark:text-blue-400 mb-2">${projec
575582
article.className = "blog-card";
576583
article.setAttribute("data-aos", "fade-up");
577584
article.setAttribute("data-aos-delay", index * 100);
585+
// Fix
578586

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 });
580595

581596
article.innerHTML = `
582597
<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>
674689
</script>
675690
</body>
676691
</html>
692+

0 commit comments

Comments
 (0)