https://time-friend.com/en/tags/homepage/Recent content in Homepage on Time FriendHugoen-GBWed, 29 Jul 2026 15:15:07 +0800https://time-friend.com/en/archive/blog-architecture-typing-effect/Tue, 12 Aug 2025 11:50:00 +0000https://time-friend.com/en/archive/blog-architecture-typing-effect/<p>When you open the homepage, you see text being typed out character by character. Not complicated, but many people ask how it&rsquo;s done.</p> <p>This article explains the implementation.</p> <h1 id="how-it-works">How It Works</h1> <p>When the homepage loads, it picks a random quote from a JSON file, and uses Typed.js to simulate typing.</p> <pre tabindex="0"><code>Homepage loads ↓ main.js detects it&#39;s the homepage ↓ Determine language (Chinese/English) ↓ Pick a random entry from /data/quotes.json ↓ Pass to Typed.js, start typing animation </code></pre><h1 id="data-source-quotesjson">Data Source: quotes.json</h1> <p>Quotes are stored in <code>static/data/quotes.json</code>.</p>