From b8e0094052a2947bbf9e40147050d18ae2d94420 Mon Sep 17 00:00:00 2001 From: altaf-creator Date: Sun, 28 Jun 2026 23:55:39 +0800 Subject: url changes --- www/about/index.html | 34 ++++++++++----------- ...hAug-CapturetheJoyfulMomentWorkshopDSC02252.jpg | Bin 0 -> 1526635 bytes ...hAug-CapturetheJoyfulMomentWorkshopDSC02641.jpg | Bin 0 -> 1704925 bytes .../images/game-hero/tinkertanker-examples.png | Bin 675283 -> 675283 bytes www/projects/index.html | 28 ++++++++--------- www/scripts/elements/share.js | 27 ++++++++++++++++ www/scripts/scroll.js | 2 -- www/style.css | 6 +++- 8 files changed, 63 insertions(+), 34 deletions(-) create mode 100644 www/assets/images/education/events/010829thAug-CapturetheJoyfulMomentWorkshopDSC02252.jpg create mode 100644 www/assets/images/education/events/026229thAug-CapturetheJoyfulMomentWorkshopDSC02641.jpg create mode 100644 www/scripts/elements/share.js (limited to 'www') diff --git a/www/about/index.html b/www/about/index.html index 5eb2362..af6e1a8 100644 --- a/www/about/index.html +++ b/www/about/index.html @@ -152,7 +152,7 @@

Alarm (Al-Azhar Rawamangun) Robotics Competition

1st place, Team

My first major robotics competition. Our team of 3 paritcipated in the creative category. A metropolitan-wide private competition.

-

Read more →

+

Read more →

@@ -161,7 +161,7 @@

ASEAN Robotics Day

4th place, Team

Created a new robot with the theme of environmental sustainability. Our team of 5 participated in the creative category. A public nation-wide and theoretically ASEAN region-wide competition.

-

Read more →

+

Read more →

@@ -170,7 +170,7 @@

Trans Studio Bandung Robotics Competition

1st place, Team

Our team of 3 refined our previous robot for the creative category. A pretty major public nation-wide competition.

-

Read more →

+

Read more →

@@ -195,7 +195,7 @@ Leadership

CCA Vice President for Infocomm (Media Creation) Club

Became one of the presidents for Ngee Ann Secondary School's Infocomm (Media Creation) Club CCA. (Achievements)

-

Read more →

+

Read more →

@@ -204,7 +204,7 @@

Yellow Ribbon Arts Competition

Top Winner

Participated in my first ever videography competition. This competition is part of Yellow Ribbon Arts Festival 2025 hosted by Yellow Ribbon Singapore.

-

Watch my short film →

+

Watch my short film →

@@ -212,7 +212,7 @@ Service

Class VIA Leader Committe

My form class organised a beach clean-up VIA project, where I helped out organising and creating a video of it.

-

Watch our video →

+

Watch our video →

@@ -221,7 +221,7 @@

National Youth Tech Championship

Champion, Team

Ngee Ann's team of 4 won the 1st place in NYTC in 2025, the premier tech and robotics competition hosted by IMDA. Featured in The Straits Times.

-

Read more →

+

Read more →

@@ -229,7 +229,7 @@ Service

Infocomm CCA VIA at Tampines East CC

Every year, Ngee Ann's Infocomm Club does VIA projects. This year, the CCA collaborated with People's Association in Tampines East to teach elderly residents videography and editing.

-

Read more →

+

Read more →

@@ -320,7 +320,7 @@

National Olympiad of Informatics 2026 (and 2025)

Bronze Medal

An algorithmic problem-solving contest open to secondary and junior college students in Singapore. I participated in 2025 and 2026, and achieved the bronze medal this year.

-

Read more →

+

Read more →

@@ -329,7 +329,7 @@

National Olympiad of Artificial Intelligence

Bronze Medal

Held by NTU and AI Singapore, NOAI is a relatively new programming contest about AI programming.

-

Read more →

+

Read more →

@@ -338,7 +338,7 @@

Copyright School Challenge '25/26

2nd place

A videography competition held by CLASS Singapore with the theme "The Worlds We Make" in aligment with AFCC 2026.

-

Watch my submission →

+

Watch my submission →

diff --git a/www/assets/images/education/events/010829thAug-CapturetheJoyfulMomentWorkshopDSC02252.jpg b/www/assets/images/education/events/010829thAug-CapturetheJoyfulMomentWorkshopDSC02252.jpg new file mode 100644 index 0000000..991e0b7 Binary files /dev/null and b/www/assets/images/education/events/010829thAug-CapturetheJoyfulMomentWorkshopDSC02252.jpg differ diff --git a/www/assets/images/education/events/026229thAug-CapturetheJoyfulMomentWorkshopDSC02641.jpg b/www/assets/images/education/events/026229thAug-CapturetheJoyfulMomentWorkshopDSC02641.jpg new file mode 100644 index 0000000..db43e65 Binary files /dev/null and b/www/assets/images/education/events/026229thAug-CapturetheJoyfulMomentWorkshopDSC02641.jpg differ diff --git a/www/assets/images/game-hero/tinkertanker-examples.png b/www/assets/images/game-hero/tinkertanker-examples.png index b510b1c..ab1c844 100644 Binary files a/www/assets/images/game-hero/tinkertanker-examples.png and b/www/assets/images/game-hero/tinkertanker-examples.png differ diff --git a/www/projects/index.html b/www/projects/index.html index b3cb586..cfd3ba2 100644 --- a/www/projects/index.html +++ b/www/projects/index.html @@ -332,7 +332,7 @@ Videography Projects
- +

Strings of Freedom

@@ -341,7 +341,7 @@
- +

MINDS Charity Car Wash Promotional

@@ -353,60 +353,60 @@ diff --git a/www/scripts/elements/share.js b/www/scripts/elements/share.js new file mode 100644 index 0000000..d6813ba --- /dev/null +++ b/www/scripts/elements/share.js @@ -0,0 +1,27 @@ +const shareBtn = document.getElementById("share-btn"); + +shareBtn.addEventListener("click", () => { + share(); +}); + +function share() { + const data = { + title: "altaf-creator", + text: document.title, + url: window.location, + }; + + iconChange(); + navigator.clipboard.writeText(window.location); + navigator.share(data); +} + +async function iconChange() { + shareBtn.firstChild.setAttribute("class", "fa-solid fa-copy"); + await sleep(2000); + shareBtn.firstChild.setAttribute("class", "fa-solid fa-share-nodes"); +} + +function sleep(ms) { + return new Promise(resolve => setTimeout(resolve, ms)); +} diff --git a/www/scripts/scroll.js b/www/scripts/scroll.js index 6a61015..fca8c0a 100644 --- a/www/scripts/scroll.js +++ b/www/scripts/scroll.js @@ -16,8 +16,6 @@ function progress() { }); const nodes = document.getElementsByClassName("node"); - console.log(sections); - if (nodes[0]) { for (var i = 0; i < sections.length; i++) { if (isInViewport(sections[i])) { diff --git a/www/style.css b/www/style.css index 40d8392..3e8cb76 100644 --- a/www/style.css +++ b/www/style.css @@ -114,6 +114,7 @@ hr { .long-code { max-height: 16rem; margin-bottom: 1rem; + overflow: auto; } pre { @@ -124,7 +125,6 @@ pre { color: #444; white-space: pre; margin: 0; - overflow: auto; } li { @@ -1556,6 +1556,10 @@ li:target { text-align: center; } +.max-img > img { + max-height: 350px; +} + @media only screen and (max-width: 600px) { :root { --home-title-offset: 60px; -- cgit v1.2.3