From d97ff25aa6beb4ed410f0783df827c3d7299555f Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 8 Apr 2026 17:20:46 -0700 Subject: [PATCH 01/13] Create index.html --- index.html | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 index.html diff --git a/index.html b/index.html new file mode 100644 index 0000000..f62b48a --- /dev/null +++ b/index.html @@ -0,0 +1,18 @@ + + + + Sean's Dev Log + + + + + +

Sean's Dev Tracker

+

This site tracks what I've been building.

+ +
+ + + + + From a67eba8d11f051e039797cfb135701566a54dcb3 Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 8 Apr 2026 17:21:14 -0700 Subject: [PATCH 02/13] Create style.css --- style.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 style.css diff --git a/style.css b/style.css new file mode 100644 index 0000000..62b7d19 --- /dev/null +++ b/style.css @@ -0,0 +1,17 @@ +body{ + font-family: Arial; + background:#0f172a; + color:white; + text-align:center; +} + +h1{ + color:#38bdf8; +} + +.project{ + border:1px solid #334155; + margin:20px; + padding:20px; + border-radius:10px; +} From 646c3386ba19ba0f6ebb63acddd6cc7a65c9d7de Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 8 Apr 2026 17:22:29 -0700 Subject: [PATCH 03/13] Create script.js --- script.js | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) create mode 100644 script.js diff --git a/script.js b/script.js new file mode 100644 index 0000000..4ec7ea6 --- /dev/null +++ b/script.js @@ -0,0 +1,22 @@ +fetch("https://api.github.com/users/seanjoaquin/repos") +.then(response => response.json()) +.then(data => { + + const container = document.getElementById("projects"); + + data.forEach(repo => { + + const div = document.createElement("div"); + div.className = "project"; + + div.innerHTML = ` +

${repo.name}

+

${repo.description || "No description yet"}

+ View Project + `; + + container.appendChild(div); + + }); + +}); From c879c8065ecc1ce7f8f45988e42c90a19c204a14 Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 8 Apr 2026 19:00:15 -0700 Subject: [PATCH 04/13] Update index.html --- index.html | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index f62b48a..0484eeb 100644 --- a/index.html +++ b/index.html @@ -7,9 +7,12 @@ -

Sean's Dev Tracker

-

This site tracks what I've been building.

+

🚀 Sean's Dev Tracker

+

Latest Commits

+
+ +

Projects

From 2bf4371bd2948794b51eff89034d0eb881d478e3 Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 8 Apr 2026 19:00:53 -0700 Subject: [PATCH 05/13] Update style.css --- style.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/style.css b/style.css index 62b7d19..5762dcc 100644 --- a/style.css +++ b/style.css @@ -15,3 +15,11 @@ h1{ padding:20px; border-radius:10px; } + +.commit{ + border:1px solid #334155; + margin:15px; + padding:15px; + border-radius:8px; + background:#1e293b; +} From 44643ca1fad5caeda9c89076dd4528ad168e1753 Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 8 Apr 2026 19:05:16 -0700 Subject: [PATCH 06/13] Update script.js --- script.js | 21 +++++++++++++-------- 1 file changed, 13 insertions(+), 8 deletions(-) diff --git a/script.js b/script.js index 4ec7ea6..62366c8 100644 --- a/script.js +++ b/script.js @@ -1,18 +1,23 @@ -fetch("https://api.github.com/users/seanjoaquin/repos") -.then(response => response.json()) +const username = "seanjoaquin"; +const repo = "devlog1"; + +fetch(`https://api.github.com/repos/${username}/${repo}/commits`) +.then(res => res.json()) .then(data => { - const container = document.getElementById("projects"); + const container = document.getElementById("commits"); - data.forEach(repo => { + data.slice(0,10).forEach(commit => { const div = document.createElement("div"); - div.className = "project"; + div.className = "commit"; + + const message = commit.commit.message; + const date = new Date(commit.commit.author.date).toLocaleDateString(); div.innerHTML = ` -

${repo.name}

-

${repo.description || "No description yet"}

- View Project + ${date} +

${message}

`; container.appendChild(div); From 72e4362e4d1ff12ddad95c4616a3a1e1c3369735 Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 8 Apr 2026 19:06:13 -0700 Subject: [PATCH 07/13] Updated js script to include comments on what part does what. --- script.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/script.js b/script.js index 62366c8..8d84024 100644 --- a/script.js +++ b/script.js @@ -1,3 +1,5 @@ +// This is to fetch new commits to the website + const username = "seanjoaquin"; const repo = "devlog1"; From 4695b85d0f0b5db11a9f5ba1df878b5641ea67d4 Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 8 Apr 2026 19:21:31 -0700 Subject: [PATCH 08/13] Added link to Student Task Manager. --- index.html | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 0484eeb..269c541 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@ +

🚀 Sean's Dev Tracker

@@ -13,9 +14,9 @@

Latest Commits

Projects

-
- - - + + From 15aa42a7c382224d99f6baa2dc54c54626ce2786 Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 8 Apr 2026 19:24:09 -0700 Subject: [PATCH 09/13] index.html added cards. --- index.html | 23 +++++++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 269c541..6b0d013 100644 --- a/index.html +++ b/index.html @@ -14,8 +14,27 @@

Latest Commits

Projects

-
- Student Task Manager + +
+ +
+

Student Task Manager

+

A task tracking system built for students.

+ View Project +
+ +
+

Inventory Server

+

Multiplayer socket server with inventory system.

+ View Project +
+ +
+

Dev Tracker Website

+

This website tracking my GitHub progress.

+ View Project +
+
From 300f011845445efc28ec6cb698c87b8673e0677d Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 8 Apr 2026 19:24:51 -0700 Subject: [PATCH 10/13] Update style.css with cards. --- style.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) diff --git a/style.css b/style.css index 5762dcc..c7d9a15 100644 --- a/style.css +++ b/style.css @@ -23,3 +23,35 @@ h1{ border-radius:8px; background:#1e293b; } + +.projects-grid{ + display:grid; + grid-template-columns:repeat(3, 1fr); + gap:20px; + margin:30px; +} + +.project-card{ + background:#1e293b; + border:1px solid #334155; + padding:20px; + border-radius:12px; + text-align:left; + transition:transform 0.2s ease; +} + +.project-card:hover{ + transform:translateY(-5px); +} + +.project-card h3{ + margin-top:0; + color:#38bdf8; +} + +.project-card a{ + display:inline-block; + margin-top:10px; + color:#38bdf8; + text-decoration:none; +} From 3bbc9eff82e12208a32c31c6547d076011186dfa Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 8 Apr 2026 19:26:17 -0700 Subject: [PATCH 11/13] Update style.css --- style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/style.css b/style.css index c7d9a15..e0b8f02 100644 --- a/style.css +++ b/style.css @@ -29,6 +29,9 @@ h1{ grid-template-columns:repeat(3, 1fr); gap:20px; margin:30px; + max-width:1000px; + margin-left:auto; + margin-right:auto; } .project-card{ From c86def73057ead7d643698055979286ce2211de0 Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 8 Apr 2026 19:27:39 -0700 Subject: [PATCH 12/13] Update index.html --- index.html | 57 +++++++++++++++++++++++++++--------------------------- 1 file changed, 28 insertions(+), 29 deletions(-) diff --git a/index.html b/index.html index 6b0d013..13b095b 100644 --- a/index.html +++ b/index.html @@ -6,36 +6,35 @@ - -

🚀 Sean's Dev Tracker

- -

Latest Commits

-
- -

Projects

- -
- -
-

Student Task Manager

-

A task tracking system built for students.

- View Project -
- -
-

Inventory Server

-

Multiplayer socket server with inventory system.

- View Project -
- -
-

Dev Tracker Website

-

This website tracking my GitHub progress.

- View Project -
- -
+

🚀 Sean's Dev Tracker

+ +

Latest Commits

+
+ +

Projects

+ +
+
+

Student Task Manager

+

A task tracking system built for students.

+ View Project +
+ +
+

Inventory Server

+

Multiplayer socket server with inventory system.

+ View Project +
+ +
+

Dev Tracker Website

+

This website tracking my GitHub progress.

+ View Project +
+ +
+ From 0335b459f386da4b8d476a4774014f299ab55f70 Mon Sep 17 00:00:00 2001 From: Sean Date: Mon, 20 Apr 2026 19:33:36 -0700 Subject: [PATCH 13/13] Updated website with Apple like minimalism. --- index.html | 93 +++++++++++++++------- script.js | 70 +++++++++++------ style.css | 226 +++++++++++++++++++++++++++++++++++++++++++---------- 3 files changed, 291 insertions(+), 98 deletions(-) diff --git a/index.html b/index.html index 13b095b..ef24659 100644 --- a/index.html +++ b/index.html @@ -1,40 +1,73 @@ - + - Sean's Dev Log + + + + Sean's Dev Tracker - -

🚀 Sean's Dev Tracker

- -

Latest Commits

-
- -

Projects

- -
- -
-

Student Task Manager

-

A task tracking system built for students.

- View Project -
- -
-

Inventory Server

-

Multiplayer socket server with inventory system.

- View Project + + +
+
+

Dev Tracker

+

Documenting the journey to software engineering.

+
+ +
+

Latest Activity

+
+
+
+ +
+

Projects

+
+ +

Student Task Manager

+

Simple task tracking system for students.

+ → + + + +

Inventory Server

+

Multiplayer socket server with inventory system.

+ → + + + +

Dev Tracker

+

This website tracking my GitHub progress.

+ → + +
+
+
+ +
+ + - + \ No newline at end of file diff --git a/script.js b/script.js index 8d84024..b491131 100644 --- a/script.js +++ b/script.js @@ -1,29 +1,49 @@ -// This is to fetch new commits to the website - const username = "seanjoaquin"; const repo = "devlog1"; -fetch(`https://api.github.com/repos/${username}/${repo}/commits`) -.then(res => res.json()) -.then(data => { - +async function fetchCommits() { const container = document.getElementById("commits"); - - data.slice(0,10).forEach(commit => { - - const div = document.createElement("div"); - div.className = "commit"; - - const message = commit.commit.message; - const date = new Date(commit.commit.author.date).toLocaleDateString(); - - div.innerHTML = ` - ${date} -

${message}

- `; - - container.appendChild(div); - - }); - -}); + + try { + const response = await fetch(`https://api.github.com/repos/${username}/${repo}/commits`); + if (!response.ok) throw new Error('Fetch failed'); + + const data = await response.json(); + container.innerHTML = ""; + + data.slice(0, 5).forEach((commit, index) => { + const div = document.createElement("div"); + div.className = "commit"; + + // Smooth fade-up animation + div.style.animation = `fadeUp 0.6s cubic-bezier(0.2, 0, 0, 1) forwards ${index * 0.1}s`; + div.style.opacity = "0"; + + const message = commit.commit.message; + const date = new Date(commit.commit.author.date).toLocaleDateString(undefined, { + month: 'long', day: 'numeric', year: 'numeric' + }); + + div.innerHTML = ` + ${date} +
${message}
+ `; + + container.appendChild(div); + }); + } catch (error) { + container.innerHTML = `

Unable to sync commits.

`; + } +} + +// Inject animation keyframes +const styleSheet = document.createElement('style'); +styleSheet.innerHTML = ` + @keyframes fadeUp { + from { opacity: 0; transform: translateY(20px); } + to { opacity: 1; transform: translateY(0); } + } +`; +document.head.appendChild(styleSheet); + +fetchCommits(); \ No newline at end of file diff --git a/style.css b/style.css index e0b8f02..0c21e61 100644 --- a/style.css +++ b/style.css @@ -1,60 +1,200 @@ -body{ - font-family: Arial; - background:#0f172a; - color:white; - text-align:center; +:root { + --bg-top: #161617; + --bg-bottom: #000000; + --text: #f5f5f7; + --subtext: #86868b; + --accent: #0071e3; + --card: rgba(255, 255, 255, 0.04); + --border: rgba(255, 255, 255, 0.1); + --nav-bg: rgba(0, 0, 0, 0.75); } -h1{ - color:#38bdf8; +/* FIX: Ensure overscroll on Mac/iOS stays black */ +html { + background-color: #000; + scroll-behavior: smooth; } -.project{ - border:1px solid #334155; - margin:20px; - padding:20px; - border-radius:10px; +* { + box-sizing: border-box; + -webkit-font-smoothing: antialiased; } -.commit{ - border:1px solid #334155; - margin:15px; - padding:15px; - border-radius:8px; - background:#1e293b; +body { + margin: 0; + padding: 0; + font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif; + color: var(--text); + background: radial-gradient(circle at 50% -20%, var(--bg-top) 0%, var(--bg-bottom) 80%); + background-attachment: fixed; + min-height: 100vh; + line-height: 1.47; } -.projects-grid{ - display:grid; - grid-template-columns:repeat(3, 1fr); - gap:20px; - margin:30px; - max-width:1000px; - margin-left:auto; - margin-right:auto; +/* Grainy noise texture */ +body::before { + content: ""; + position: fixed; + top: 0; left: 0; width: 100%; height: 100%; + background-image: url("https://www.transparenttextures.com/patterns/noise.png"); + opacity: 0.05; + pointer-events: none; + z-index: 1000; } -.project-card{ - background:#1e293b; - border:1px solid #334155; - padding:20px; - border-radius:12px; - text-align:left; - transition:transform 0.2s ease; +/* Full-width Navigation */ +.navbar { + position: sticky; + top: 0; + width: 100%; + height: 52px; + background: var(--nav-bg); + backdrop-filter: saturate(180%) blur(20px); + -webkit-backdrop-filter: saturate(180%) blur(20px); + border-bottom: 1px solid var(--border); + z-index: 100; + display: flex; + align-items: center; } -.project-card:hover{ - transform:translateY(-5px); +.nav-content { + width: 100%; + padding: 0 4%; + display: flex; + justify-content: space-between; + align-items: center; } -.project-card h3{ - margin-top:0; - color:#38bdf8; +.logo { font-weight: 600; font-size: 19px; } + +.links a { + color: var(--text); + opacity: 0.7; + text-decoration: none; + font-size: 13px; + margin-left: 30px; + transition: opacity 0.2s ease; +} + +.links a:hover { opacity: 1; } + +/* Hero */ +.hero { + padding: 120px 22px 80px; + text-align: center; +} + +h1 { + font-size: clamp(44px, 8vw, 80px); + font-weight: 700; + letter-spacing: -0.03em; + margin: 0; + background: linear-gradient(180deg, #ffffff 30%, #86868b 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +.subtitle { + font-size: clamp(18px, 3vw, 24px); + color: var(--subtext); + max-width: 600px; + margin: 20px auto 0; +} + +/* Main Sections */ +.section { + max-width: 1100px; + margin: 0 auto; + padding: 60px 22px; +} + +.section-title { + font-size: 28px; + font-weight: 600; + margin-bottom: 30px; +} + +/* Commit Cards */ +.commit { + background: var(--card); + border: 1px solid var(--border); + padding: 20px; + border-radius: 14px; + margin-bottom: 16px; + backdrop-filter: blur(10px); +} + +.commit strong { + font-size: 11px; + color: var(--accent); + text-transform: uppercase; + letter-spacing: 0.08em; +} + +/* Projects Grid */ +.projects-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); + gap: 24px; +} + +.project-card { + position: relative; + background: var(--card); + border: 1px solid var(--border); + padding: 40px 30px; + border-radius: 22px; + text-decoration: none; + color: var(--text); + backdrop-filter: blur(10px); + transition: all 0.4s cubic-bezier(0.15, 0, 0.15, 1); +} + +.project-card:hover { + background: rgba(255,255,255,0.08); + transform: translateY(-8px); + border-color: rgba(255,255,255,0.3); } -.project-card a{ - display:inline-block; - margin-top:10px; - color:#38bdf8; - text-decoration:none; +.project-card h3 { font-size: 24px; margin: 0 0 10px 0; } +.project-card p { color: var(--subtext); font-size: 16px; margin: 0; } + +.card-arrow { + position: absolute; + bottom: 30px; + right: 30px; + opacity: 0; + transform: translateX(-10px); + transition: 0.3s; } + +.project-card:hover .card-arrow { opacity: 1; transform: translateX(0); } + +/* Footer */ +.footer { + margin-top: 100px; + padding: 40px 4%; + border-top: 1px solid var(--border); + background: #000; +} + +.footer-content { + display: flex; + justify-content: space-between; + align-items: center; + max-width: 1100px; + margin: 0 auto; +} + +.footer-left p { font-size: 12px; color: var(--subtext); margin: 0; } +.footer-right { display: flex; gap: 24px; } +.footer-right a { font-size: 12px; color: var(--subtext); text-decoration: none; transition: 0.2s; } +.footer-right a:hover { color: var(--text); } + +/* Mobile Adjustments */ +@media (max-width: 768px) { + .nav-content { padding: 0 24px; } + .hero { padding: 80px 20px; } + .projects-grid { grid-template-columns: 1fr; } + .footer-content { flex-direction: column; gap: 20px; text-align: center; } +} \ No newline at end of file