Skip to content

Commit 13eba5f

Browse files
committed
three js experiment
1 parent bd0ed17 commit 13eba5f

51 files changed

Lines changed: 803 additions & 26 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

content/post/0017.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
+++
2+
title = "three.js experiment"
3+
date = "2025-12-30T01:15:41-04:00"
4+
description = "three.js"
5+
draft = false
6+
toc = false
7+
categories = ["technology"]
8+
tags = ["three.js", "javascript"]
9+
+++
10+
11+
<div style="width: 100%; max-width: 2000px; height: 720px; margin: 2rem auto;">
12+
<canvas class="webgl" style="width: 100%; height: 100%; display: block;"></canvas>
13+
</div>
14+
15+
<script type="module" src="/three/script-hugo.js"></script>

public/categories/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@ <h1 class="page-title">All tags</h1>
6666

6767

6868
<li><a style="font-size: 1rem;"
69-
href="http://localhost:1313/categories/technology/">technology (15)</a></li>
69+
href="http://localhost:1313/categories/technology/">technology (16)</a></li>
7070

7171

7272

public/categories/index.xml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@
66
<description>Recent content in Categories on Kim Pham</description>
77
<generator>Hugo</generator>
88
<language>en-us</language>
9-
<lastBuildDate>Sun, 07 Dec 2025 01:15:41 -0400</lastBuildDate>
9+
<lastBuildDate>Tue, 30 Dec 2025 01:15:41 -0400</lastBuildDate>
1010
<atom:link href="http://localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" />
1111
<item>
1212
<title>Technology</title>
1313
<link>http://localhost:1313/categories/technology/</link>
14-
<pubDate>Sun, 07 Dec 2025 01:15:41 -0400</pubDate>
14+
<pubDate>Tue, 30 Dec 2025 01:15:41 -0400</pubDate>
1515
<guid>http://localhost:1313/categories/technology/</guid>
1616
<description></description>
1717
</item>

public/categories/technology/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,8 @@ <h1>Entries tagged - "technology"</h1>
5656

5757

5858
<ul class="posts"><li class="post">
59+
<a href="/post/0017/">three.js experiment</a> <span class="meta">Dec 30, 2025</span>
60+
</li><li class="post">
5961
<a href="/post/0016/">an express and nodejs CSV importer service</a> <span class="meta">Dec 7, 2025 <span class="draft-label">DRAFT</span> </span>
6062
</li><li class="post">
6163
<a href="/post/0014/">JPEG2000 byte modifications with Python and Docker</a> <span class="meta">Nov 10, 2025</span>

public/categories/technology/index.xml

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,15 @@
66
<description>Recent content in Technology on Kim Pham</description>
77
<generator>Hugo</generator>
88
<language>en-us</language>
9-
<lastBuildDate>Sun, 07 Dec 2025 01:15:41 -0400</lastBuildDate>
9+
<lastBuildDate>Tue, 30 Dec 2025 01:15:41 -0400</lastBuildDate>
1010
<atom:link href="http://localhost:1313/categories/technology/index.xml" rel="self" type="application/rss+xml" />
11+
<item>
12+
<title>three.js experiment</title>
13+
<link>http://localhost:1313/post/0017/</link>
14+
<pubDate>Tue, 30 Dec 2025 01:15:41 -0400</pubDate>
15+
<guid>http://localhost:1313/post/0017/</guid>
16+
<description>&lt;div style=&#34;width: 100%; max-width: 2000px; height: 720px; margin: 2rem auto;&#34;&gt;&#xA; &lt;canvas class=&#34;webgl&#34; style=&#34;width: 100%; height: 100%; display: block;&#34;&gt;&lt;/canvas&gt;&#xA;&lt;/div&gt;&#xA;&lt;script type=&#34;module&#34; src=&#34;http://localhost:1313/three/script-hugo.js&#34;&gt;&lt;/script&gt;</description>
17+
</item>
1118
<item>
1219
<title>an express and nodejs CSV importer service</title>
1320
<link>http://localhost:1313/post/0016/</link>

public/index.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,8 @@
113113

114114
<li><a href="http://localhost:1313/tags/stable-diffusion/">Stable Diffusion</a></li>
115115

116+
<li><a href="http://localhost:1313/tags/three.js/">Three.js</a></li>
117+
116118
</ul>
117119
<a href="/post">All posts</a>
118120
</div>
@@ -123,6 +125,18 @@
123125

124126

125127

128+
<section class="list-item">
129+
<h1 class="title"><a href="/post/0017/">three.js experiment</a></h1>
130+
<time>Dec 30, 2025</time>
131+
<br>
132+
<div class="description">
133+
134+
three.js
135+
136+
</div>
137+
<a class="readmore" href="/post/0017/">Read more ⟶</a>
138+
</section>
139+
126140
<section class="list-item">
127141
<h1 class="title"><a href="/post/0016/">an express and nodejs CSV importer service</a></h1>
128142
<time>Dec 7, 2025 <span class="draft-label">DRAFT</span> </time>

public/index.xml

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,15 @@
66
<description>Recent content on Kim Pham</description>
77
<generator>Hugo</generator>
88
<language>en-us</language>
9-
<lastBuildDate>Mon, 08 Dec 2025 00:00:00 +0000</lastBuildDate>
9+
<lastBuildDate>Tue, 30 Dec 2025 01:15:41 -0400</lastBuildDate>
1010
<atom:link href="http://localhost:1313/index.xml" rel="self" type="application/rss+xml" />
11+
<item>
12+
<title>three.js experiment</title>
13+
<link>http://localhost:1313/post/0017/</link>
14+
<pubDate>Tue, 30 Dec 2025 01:15:41 -0400</pubDate>
15+
<guid>http://localhost:1313/post/0017/</guid>
16+
<description>&lt;div style=&#34;width: 100%; max-width: 2000px; height: 720px; margin: 2rem auto;&#34;&gt;&#xA; &lt;canvas class=&#34;webgl&#34; style=&#34;width: 100%; height: 100%; display: block;&#34;&gt;&lt;/canvas&gt;&#xA;&lt;/div&gt;&#xA;&lt;script type=&#34;module&#34; src=&#34;http://localhost:1313/three/script-hugo.js&#34;&gt;&lt;/script&gt;</description>
17+
</item>
1118
<item>
1219
<title>Now</title>
1320
<link>http://localhost:1313/now/</link>

public/post/0017/index.html

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
1+
<!DOCTYPE html>
2+
<html><head lang="en"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
3+
<meta charset="utf-8" />
4+
<meta http-equiv="X-UA-Compatible" content="IE=edge"><title>three.js experiment - Kim Pham</title><meta name="viewport" content="width=device-width, initial-scale=1">
5+
<meta name="description" content="three.js" />
6+
<meta property="og:image" content=""/>
7+
<meta property="og:url" content="http://localhost:1313/post/0017/">
8+
<meta property="og:site_name" content="Kim Pham">
9+
<meta property="og:title" content="three.js experiment">
10+
<meta property="og:description" content="three.js">
11+
<meta property="og:locale" content="en_us">
12+
<meta property="og:type" content="article">
13+
<meta property="article:section" content="post">
14+
<meta property="article:published_time" content="2025-12-30T01:15:41-04:00">
15+
<meta property="article:modified_time" content="2025-12-30T01:15:41-04:00">
16+
<meta property="article:tag" content="Three.js">
17+
<meta property="article:tag" content="Javascript">
18+
19+
<meta name="twitter:card" content="summary">
20+
<meta name="twitter:title" content="three.js experiment">
21+
<meta name="twitter:description" content="three.js">
22+
23+
<link href="http://localhost:1313/css/fonts.2c2227b81b1970a03e760aa2e6121cd01f87c88586803cbb282aa224720a765f.css" rel="stylesheet">
24+
25+
26+
27+
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:1313/css/main.7a5c05040394322612a2d98397e9932aa81d9d7acc70199463e79f8180c8e0c0.css" />
28+
<link id="darkModeStyle" rel="stylesheet" type="text/css" href="http://localhost:1313/css/dark.478e7f2b9cf8d87be42edfd9fe1810beab1331847df94b1b430478b309f28282.css" disabled />
29+
30+
31+
<link rel="stylesheet" type="text/css" href="http://localhost:1313/css/first.599e94335f726b8277a333fd3db5147c30bacf19e7b2680a162fecd8b7a68444.css">
32+
33+
</head>
34+
<body>
35+
<div class="content"><header>
36+
<div class="main">
37+
<a href="http://localhost:1313/">Kim Pham</a>
38+
<div style="display:flex; margin-top: 0.5rem;"><a class="soc" href="https://docs.google.com/forms/d/e/1FAIpQLSemLz1deuIX0vN1mFtd0Bh6w_ouyo9bt8k8F4EI1bkf7Ppjnw/viewform" title="Email"><i data-feather="mail"></i></a>
39+
<a class="soc" href="https://github.com/kimpham54" title="GitHub"><i data-feather="github"></i></a>
40+
<a class="soc" href="https://twitter.com/tolloid/" title="Twitter"><i data-feather="twitter"></i></a>
41+
<a class="soc" href="https://www.linkedin.com/in/kim-pham-a9ba8030/" title="Linkedin"><i data-feather="linkedin"></i></a>
42+
<a class="soc" href="https://www.instagram.com/kimpham54/" title="Instagram"><i data-feather="instagram"></i></a>
43+
</div>
44+
</div>
45+
46+
<nav>
47+
48+
<a href="/about">About</a>
49+
50+
<a href="/cv">Talks</a>
51+
52+
<a href="/work">Work</a>
53+
54+
| <a id="dark-mode-toggle" onclick="toggleTheme()" href=""></a>
55+
<script src="http://localhost:1313/js/themetoggle.js"></script>
56+
57+
</nav>
58+
59+
</header>
60+
<main>
61+
<article>
62+
<div class="post-container">
63+
64+
<div class="post-content">
65+
<div class="title">
66+
67+
<h1 class="title">three.js experiment</h1>
68+
69+
70+
<div class="meta">Posted on Dec 30, 2025</div>
71+
72+
</div>
73+
74+
<section class="body">
75+
<div style="width: 100%; max-width: 2000px; height: 720px; margin: 2rem auto;">
76+
<canvas class="webgl" style="width: 100%; height: 100%; display: block;"></canvas>
77+
</div>
78+
<script type="module" src="/three/script-hugo.js"></script>
79+
</section>
80+
<div class="post-tags">
81+
82+
83+
<nav class="nav tags">
84+
<ul class="tags">
85+
86+
<li><a href="/tags/three.js">three.js</a></li>
87+
88+
<li><a href="/tags/javascript">javascript</a></li>
89+
90+
</ul>
91+
</nav>
92+
93+
94+
</div>
95+
</div>
96+
97+
98+
99+
</div>
100+
101+
</article>
102+
</main>
103+
<footer>
104+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
105+
<div>This site is under the <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a> license. Thanks for stopping by 🌻 </div>
106+
107+
</footer>
108+
<script>
109+
feather.replace()
110+
</script></div>
111+
</body>
112+
</html>

public/post/index.html

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,11 @@ <h1 class="page-title">All articles</h1>
5656

5757

5858
<ul class="posts"><li class="post">
59+
<a href="/post/0017/">three.js experiment</a>
60+
<span class="meta">Dec 30, 2025
61+
62+
</span>
63+
</li><li class="post">
5964
<a href="/post/0016/">an express and nodejs CSV importer service</a>
6065
<span class="meta">Dec 7, 2025
6166

public/post/index.xml

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,15 @@
66
<description>Recent content in Posts on Kim Pham</description>
77
<generator>Hugo</generator>
88
<language>en-us</language>
9-
<lastBuildDate>Sun, 07 Dec 2025 01:15:41 -0400</lastBuildDate>
9+
<lastBuildDate>Tue, 30 Dec 2025 01:15:41 -0400</lastBuildDate>
1010
<atom:link href="http://localhost:1313/post/index.xml" rel="self" type="application/rss+xml" />
11+
<item>
12+
<title>three.js experiment</title>
13+
<link>http://localhost:1313/post/0017/</link>
14+
<pubDate>Tue, 30 Dec 2025 01:15:41 -0400</pubDate>
15+
<guid>http://localhost:1313/post/0017/</guid>
16+
<description>&lt;div style=&#34;width: 100%; max-width: 2000px; height: 720px; margin: 2rem auto;&#34;&gt;&#xA; &lt;canvas class=&#34;webgl&#34; style=&#34;width: 100%; height: 100%; display: block;&#34;&gt;&lt;/canvas&gt;&#xA;&lt;/div&gt;&#xA;&lt;script type=&#34;module&#34; src=&#34;http://localhost:1313/three/script-hugo.js&#34;&gt;&lt;/script&gt;</description>
17+
</item>
1118
<item>
1219
<title>an express and nodejs CSV importer service</title>
1320
<link>http://localhost:1313/post/0016/</link>

0 commit comments

Comments
 (0)