<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Jiaxin wang's Website</title><link>https://cookmaker.cn/</link><atom:link href="https://cookmaker.cn/index.xml" rel="self" type="application/rss+xml"/><description>Jiaxin wang's Website</description><generator>Hugo Blox Builder (https://hugoblox.com)</generator><language>en-us</language><lastBuildDate>Mon, 24 Oct 2022 00:00:00 +0000</lastBuildDate><image><url>https://cookmaker.cn/media/icon_hu2479377040299485929.png</url><title>Jiaxin wang's Website</title><link>https://cookmaker.cn/</link></image><item><title>Air Fryer Roasted Chicken Legs</title><link>https://cookmaker.cn/event/example2/</link><pubDate>Sat, 01 Jun 2030 13:00:00 +0000</pubDate><guid>https://cookmaker.cn/event/example2/</guid><description>&lt;!--
&lt;div class="flex px-4 py-3 mb-6 rounded-md bg-primary-100 dark:bg-primary-900">
&lt;span class="pr-3 pt-1 text-primary-600 dark:text-primary-300">
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.25 11.25l.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9-3.75h.008v.008H12z"/>&lt;/svg>
&lt;/span>
&lt;span class="dark:text-neutral-300">Click on the &lt;strong>Slides&lt;/strong> button above to view the built-in slides feature.&lt;/span>
&lt;/div>
Slides can be added in a few ways:
- **Create** slides using Hugo Blox Builder's [_Slides_](https://docs.hugoblox.com/reference/content-types/) feature and link using `slides` parameter in the front matter of the talk file
- **Upload** an existing slide deck to `static/` and link using `url_slides` parameter in the front matter of the talk file
- **Embed** your slides (e.g. Google Slides) or presentation video on this page using [shortcodes](https://docs.hugoblox.com/reference/markdown/).
Further event details, including [page elements](https://docs.hugoblox.com/reference/markdown/) such as image galleries, can be added to the body of this page. --></description></item><item><title>Spicy Pork Ribs</title><link>https://cookmaker.cn/event/example/</link><pubDate>Sat, 01 Jun 2030 13:00:00 +0000</pubDate><guid>https://cookmaker.cn/event/example/</guid><description>&lt;!--
&lt;div class="flex px-4 py-3 mb-6 rounded-md bg-primary-100 dark:bg-primary-900">
&lt;span class="pr-3 pt-1 text-primary-600 dark:text-primary-300">
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.25 11.25l.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9-3.75h.008v.008H12z"/>&lt;/svg>
&lt;/span>
&lt;span class="dark:text-neutral-300">Click on the &lt;strong>Slides&lt;/strong> button above to view the built-in slides feature.&lt;/span>
&lt;/div>
Slides can be added in a few ways:
- **Create** slides using Hugo Blox Builder's [_Slides_](https://docs.hugoblox.com/reference/content-types/) feature and link using `slides` parameter in the front matter of the talk file
- **Upload** an existing slide deck to `static/` and link using `url_slides` parameter in the front matter of the talk file
- **Embed** your slides (e.g. Google Slides) or presentation video on this page using [shortcodes](https://docs.hugoblox.com/reference/markdown/).
Further event details, including [page elements](https://docs.hugoblox.com/reference/markdown/) such as image galleries, can be added to the body of this page. --></description></item><item><title>GaussiAnimate</title><link>https://cookmaker.cn/project/gaussianimate/</link><pubDate>Thu, 09 Apr 2026 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/project/gaussianimate/</guid><description>&lt;p>GaussiAnimate is a scaffold-skin rigging system for reconstructing and animating diverse categories from 4D Gaussian or mesh sequences.&lt;/p>
&lt;p>It introduces the skelebone representation and Partwise Motion Matching for controllable yet expressive reanimation. The project page includes the paper, teaser, method overview, and extensive qualitative results.&lt;/p></description></item><item><title>Projects</title><link>https://cookmaker.cn/projects/</link><pubDate>Sun, 19 May 2024 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/projects/</guid><description/></item><item><title>Pacific Graphic 2024:GGAvatar</title><link>https://cookmaker.cn/publication/conference-paper/</link><pubDate>Fri, 01 Mar 2024 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/publication/conference-paper/</guid><description>&lt;div class="flex px-4 py-3 mb-6 rounded-md bg-primary-100 dark:bg-primary-900">
&lt;span class="pr-3 pt-1 text-primary-600 dark:text-primary-300">
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.25 11.25l.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9-3.75h.008v.008H12z"/>&lt;/svg>
&lt;/span>
&lt;span class="dark:text-neutral-300">Click the &lt;em>Cite&lt;/em> button above to demo the feature to enable visitors to import publication metadata into their reference management software.&lt;/span>
&lt;/div>
&lt;div class="flex px-4 py-3 mb-6 rounded-md bg-primary-100 dark:bg-primary-900">
&lt;span class="pr-3 pt-1 text-primary-600 dark:text-primary-300">
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.25 11.25l.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9-3.75h.008v.008H12z"/>&lt;/svg>
&lt;/span>
&lt;span class="dark:text-neutral-300">Create your slides in Markdown - click the &lt;em>Slides&lt;/em> button to check out the example.&lt;/span>
&lt;/div>
&lt;p>Add the publication&amp;rsquo;s &lt;strong>full text&lt;/strong> or &lt;strong>supplementary notes&lt;/strong> here. You can use rich formatting such as including
.&lt;/p></description></item><item><title>🎉 Easily create your own simple yet highly customizable blog</title><link>https://cookmaker.cn/post/get-started/</link><pubDate>Fri, 27 Oct 2023 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/post/get-started/</guid><description>&lt;p>Welcome 👋&lt;/p>
&lt;details class="print:hidden xl:hidden" open>
&lt;summary>Table of Contents&lt;/summary>
&lt;div class="text-sm">
&lt;nav id="TableOfContents">
&lt;ul>
&lt;li>&lt;a href="#overview">Overview&lt;/a>
&lt;ul>
&lt;li>&lt;a href="#get-started">Get Started&lt;/a>&lt;/li>
&lt;/ul>
&lt;/li>
&lt;li>&lt;a href="#crowd-funded-open-source-software">Crowd-funded open-source software&lt;/a>
&lt;ul>
&lt;li>&lt;a href="#-click-here-to-become-a-sponsor-and-help-support-hugo-bloxs-future-httpshugobloxcomsponsor">&lt;a href="https://hugoblox.com/sponsor/">❤️ Click here to become a sponsor and help support Hugo Blox&amp;rsquo;s future ❤️&lt;/a>&lt;/a>&lt;/li>
&lt;/ul>
&lt;/li>
&lt;li>&lt;a href="#ecosystem">Ecosystem&lt;/a>&lt;/li>
&lt;li>&lt;a href="#inspiration">Inspiration&lt;/a>&lt;/li>
&lt;li>&lt;a href="#features">Features&lt;/a>&lt;/li>
&lt;li>&lt;a href="#themes">Themes&lt;/a>&lt;/li>
&lt;li>&lt;a href="#license">License&lt;/a>&lt;/li>
&lt;/ul>
&lt;/nav>
&lt;/div>
&lt;/details>
&lt;h2 id="overview">Overview&lt;/h2>
&lt;ol>
&lt;li>The Hugo Blox website builder for Hugo, along with its starter templates, is designed for professional creators, educators, and teams/organizations - although it can be used to create any kind of site&lt;/li>
&lt;li>The template can be modified and customised to suit your needs. It&amp;rsquo;s a good platform for anyone looking to take control of their data and online identity whilst having the convenience to start off with a &lt;strong>no-code solution (write in Markdown and customize with YAML parameters)&lt;/strong> and having &lt;strong>flexibility to later add even deeper personalization with HTML and CSS&lt;/strong>&lt;/li>
&lt;li>You can work with all your favourite tools and apps with hundreds of plugins and integrations to speed up your workflows, interact with your readers, and much more&lt;/li>
&lt;/ol>
&lt;h3 id="get-started">Get Started&lt;/h3>
&lt;ul>
&lt;li>👉
&lt;/li>
&lt;li>📚
&lt;/li>
&lt;li>💬
or
&lt;/li>
&lt;li>🐦 Twitter:
#MadeWithHugoBlox&lt;/li>
&lt;li>💡
&lt;/li>
&lt;li>⬆️ &lt;strong>Updating Hugo Blox?&lt;/strong> View the
and
&lt;/li>
&lt;/ul>
&lt;h2 id="crowd-funded-open-source-software">Crowd-funded open-source software&lt;/h2>
&lt;p>To help us develop this template and software sustainably under the MIT license, we ask all individuals and businesses that use it to help support its ongoing maintenance and development via sponsorship.&lt;/p>
&lt;h3 id="-click-here-to-become-a-sponsor-and-help-support-hugo-bloxs-future-httpshugobloxcomsponsor">
&lt;/h3>
&lt;p>As a token of appreciation for sponsoring, you can &lt;strong>unlock
awesome rewards and extra features 🦄✨&lt;/strong>&lt;/p>
&lt;h2 id="ecosystem">Ecosystem&lt;/h2>
&lt;ul>
&lt;li>&lt;strong>
:&lt;/strong> Automatically import publications from BibTeX&lt;/li>
&lt;/ul>
&lt;h2 id="inspiration">Inspiration&lt;/h2>
&lt;p>
are building with this template.&lt;/p>
&lt;h2 id="features">Features&lt;/h2>
&lt;ul>
&lt;li>&lt;strong>Page builder&lt;/strong> - Create &lt;em>anything&lt;/em> with no-code
and
&lt;/li>
&lt;li>&lt;strong>Edit any type of content&lt;/strong> - Blog posts, publications, talks, slides, projects, and more!&lt;/li>
&lt;li>&lt;strong>Create content&lt;/strong> in
,
, or
&lt;/li>
&lt;li>&lt;strong>Plugin System&lt;/strong> - Fully customizable
&lt;/li>
&lt;li>&lt;strong>Display Code and Math&lt;/strong> - Code syntax highlighting and LaTeX math supported&lt;/li>
&lt;li>&lt;strong>Integrations&lt;/strong> -
,
, Maps, Contact Forms, and more!&lt;/li>
&lt;li>&lt;strong>Beautiful Site&lt;/strong> - Simple and refreshing one-page design&lt;/li>
&lt;li>&lt;strong>Industry-Leading SEO&lt;/strong> - Help get your website found on search engines and social media&lt;/li>
&lt;li>&lt;strong>Media Galleries&lt;/strong> - Display your images and videos with captions in a customizable gallery&lt;/li>
&lt;li>&lt;strong>Mobile Friendly&lt;/strong> - Look amazing on every screen with a mobile friendly version of your site&lt;/li>
&lt;li>&lt;strong>Multi-language&lt;/strong> - 35+ language packs including English, 中文, and Português&lt;/li>
&lt;li>&lt;strong>Multi-user&lt;/strong> - Each author gets their own profile page&lt;/li>
&lt;li>&lt;strong>Privacy Pack&lt;/strong> - Assists with GDPR&lt;/li>
&lt;li>&lt;strong>Stand Out&lt;/strong> - Bring your site to life with animation, parallax backgrounds, and scroll effects&lt;/li>
&lt;li>&lt;strong>One-Click Deployment&lt;/strong> - No servers. No databases. Only files.&lt;/li>
&lt;/ul>
&lt;h2 id="themes">Themes&lt;/h2>
&lt;p>Hugo Blox and its templates come with &lt;strong>automatic day (light) and night (dark) mode&lt;/strong> built-in. Visitors can choose their preferred mode by clicking the sun/moon icon in the header.&lt;/p>
&lt;p>
for your site. Themes are fully customizable.&lt;/p>
&lt;h2 id="license">License&lt;/h2>
&lt;p>Copyright 2016-present
.&lt;/p>
&lt;p>Released under the
license.&lt;/p></description></item><item><title>Pandas</title><link>https://cookmaker.cn/project/pandas/</link><pubDate>Thu, 26 Oct 2023 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/project/pandas/</guid><description>&lt;p>Flexible and powerful data analysis / manipulation library for Python, providing labeled data structures.&lt;/p></description></item><item><title>PyTorch</title><link>https://cookmaker.cn/project/pytorch/</link><pubDate>Thu, 26 Oct 2023 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/project/pytorch/</guid><description>&lt;p>PyTorch is a Python package that provides tensor computation (like NumPy) with strong GPU acceleration.&lt;/p></description></item><item><title>scikit-learn</title><link>https://cookmaker.cn/project/scikit/</link><pubDate>Thu, 26 Oct 2023 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/project/scikit/</guid><description>&lt;p>scikit-learn is a Python module for machine learning built on top of SciPy and is distributed under the 3-Clause BSD license.&lt;/p></description></item><item><title>🧠 Sharpen your thinking with a second brain</title><link>https://cookmaker.cn/post/second-brain/</link><pubDate>Thu, 26 Oct 2023 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/post/second-brain/</guid><description>&lt;p>Create a personal knowledge base and share your knowledge with your peers.&lt;/p>
&lt;p>Hugo Blox web framework empowers you with one of the most flexible note-taking capabilities out there.&lt;/p>
&lt;p>Create a powerful knowledge base that works on top of a local folder of plain text Markdown files.&lt;/p>
&lt;p>Use it as your second brain, either publicly sharing your knowledge with your peers via your website, or via a private GitHub repository and password-protected site just for yourself.&lt;/p>
&lt;h2 id="mindmaps">Mindmaps&lt;/h2>
&lt;p>Hugo Blox supports a Markdown extension for mindmaps.&lt;/p>
&lt;p>With this open format, can even edit your mindmaps in other popular tools such as Obsidian.&lt;/p>
&lt;p>Simply insert a Markdown code block labelled as &lt;code>markmap&lt;/code> and optionally set the height of the mindmap as shown in the example below.&lt;/p>
&lt;p>Mindmaps can be created by simply writing the items as a Markdown list within the &lt;code>markmap&lt;/code> code block, indenting each item to create as many sub-levels as you need:&lt;/p>
&lt;div class="highlight">
&lt;pre class="chroma">
&lt;code>
```markmap {height="200px"}
- Hugo Modules
- Hugo Blox
- blox-plugins-netlify
- blox-plugins-netlify-cms
- blox-plugins-reveal
```
&lt;/code>
&lt;/pre>
&lt;/div>
&lt;p>renders as&lt;/p>
&lt;div class="markmap" style="height: 200px;">
&lt;pre>- Hugo Modules
- Hugo Blox
- blox-plugins-netlify
- blox-plugins-netlify-cms
- blox-plugins-reveal&lt;/pre>
&lt;/div>
&lt;p>Anh here&amp;rsquo;s a more advanced mindmap with formatting, code blocks, and math:&lt;/p>
&lt;div class="highlight">
&lt;pre class="chroma">
&lt;code>
```markmap
- Mindmaps
- Links
- [Hugo Blox Docs](https://docs.hugoblox.com/)
- [Discord Community](https://discord.gg/z8wNYzb)
- [GitHub](https://github.com/HugoBlox/hugo-blox-builder)
- Features
- Markdown formatting
- **inline** ~~text~~ *styles*
- multiline
text
- `inline code`
-
```js
console.log('hello');
console.log('code block');
```
- Math: $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$
```
&lt;/code>
&lt;/pre>
&lt;/div>
&lt;p>renders as&lt;/p>
&lt;div class="markmap" style="height: 500px;">
&lt;pre>- Mindmaps
- Links
- [Hugo Blox Docs](https://docs.hugoblox.com/)
- [Discord Community](https://discord.gg/z8wNYzb)
- [GitHub](https://github.com/HugoBlox/hugo-blox-builder)
- Features
- Markdown formatting
- **inline** ~~text~~ *styles*
- multiline
text
- `inline code`
-
```js
console.log('hello');
console.log('code block');
```
- Math: $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$&lt;/pre>
&lt;/div>
&lt;h2 id="highlighting">Highlighting&lt;/h2>
&lt;p>&lt;mark>Highlight&lt;/mark> important text with &lt;code>mark&lt;/code>:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-html" data-lang="html">&lt;span class="line">&lt;span class="cl">&lt;span class="p">&amp;lt;&lt;/span>&lt;span class="nt">mark&lt;/span>&lt;span class="p">&amp;gt;&lt;/span>Highlighted text&lt;span class="p">&amp;lt;/&lt;/span>&lt;span class="nt">mark&lt;/span>&lt;span class="p">&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;h2 id="callouts">Callouts&lt;/h2>
&lt;p>Use
(aka &lt;em>asides&lt;/em>, &lt;em>hints&lt;/em>, or &lt;em>alerts&lt;/em>) to draw attention to notes, tips, and warnings.&lt;/p>
&lt;p>By wrapping a paragraph in &lt;code>{{% callout note %}} ... {{% /callout %}}&lt;/code>, it will render as an aside.&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-markdown" data-lang="markdown">&lt;span class="line">&lt;span class="cl">{{% callout note %}}
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">A Markdown aside is useful for displaying notices, hints, or definitions to your readers.
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">{{% /callout %}}
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renders as&lt;/p>
&lt;div class="flex px-4 py-3 mb-6 rounded-md bg-primary-100 dark:bg-primary-900">
&lt;span class="pr-3 pt-1 text-primary-600 dark:text-primary-300">
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.25 11.25l.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9-3.75h.008v.008H12z"/>&lt;/svg>
&lt;/span>
&lt;span class="dark:text-neutral-300">A Markdown aside is useful for displaying notices, hints, or definitions to your readers.&lt;/span>
&lt;/div>
&lt;p>Or use the &lt;code>warning&lt;/code> callout type so your readers don&amp;rsquo;t miss critical details:&lt;/p>
&lt;div class="flex px-4 py-3 mb-6 rounded-md bg-yellow-100 dark:bg-yellow-900">
&lt;span class="pr-3 pt-1 text-red-400">
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0zM12 15.75h.007v.008H12z"/>&lt;/svg>
&lt;/span>
&lt;span class="dark:text-neutral-300">A Markdown aside is useful for displaying notices, hints, or definitions to your readers.&lt;/span>
&lt;/div>
&lt;h2 id="did-you-find-this-page-helpful-consider-sharing-it-">Did you find this page helpful? Consider sharing it 🙌&lt;/h2></description></item><item><title>📈 Communicate your results effectively with the best data visualizations</title><link>https://cookmaker.cn/post/data-visualization/</link><pubDate>Wed, 25 Oct 2023 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/post/data-visualization/</guid><description>&lt;p>Hugo Blox is designed to give technical content creators a seamless experience. You can focus on the content and Hugo Blox handles the rest.&lt;/p>
&lt;p>Use popular tools such as Plotly, Mermaid, and data frames.&lt;/p>
&lt;h2 id="charts">Charts&lt;/h2>
&lt;p>Hugo Blox supports the popular
format for interactive data visualizations. With Plotly, you can design almost any kind of visualization you can imagine!&lt;/p>
&lt;p>Save your Plotly JSON in your page folder, for example &lt;code>line-chart.json&lt;/code>, and then add the &lt;code>{{&amp;lt; chart data=&amp;quot;line-chart&amp;quot; &amp;gt;}}&lt;/code> shortcode where you would like the chart to appear.&lt;/p>
&lt;p>Demo:&lt;/p>
&lt;div id="chart-372861945" class="chart">&lt;/div>
&lt;script>
async function fetchChartJSON() {
console.debug('Hugo Blox fetching chart JSON...')
const response = await fetch('.\/line-chart.json');
return await response.json();
}
(function() {
let a = setInterval( function() {
if ( typeof window.Plotly === 'undefined' ) {
console.debug('Plotly not loaded yet...')
return;
}
clearInterval( a );
fetchChartJSON().then(chart => {
console.debug('Plotting chart...')
window.Plotly.newPlot('chart-372861945', chart.data, chart.layout, {responsive: true});
});
}, 500 );
})();
&lt;/script>
&lt;p>You might also find the
useful.&lt;/p>
&lt;h2 id="diagrams">Diagrams&lt;/h2>
&lt;p>Hugo Blox supports the &lt;em>Mermaid&lt;/em> Markdown extension for diagrams.&lt;/p>
&lt;p>An example &lt;strong>flowchart&lt;/strong>:&lt;/p>
&lt;pre>&lt;code>```mermaid
graph TD
A[Hard] --&amp;gt;|Text| B(Round)
B --&amp;gt; C{Decision}
C --&amp;gt;|One| D[Result 1]
C --&amp;gt;|Two| E[Result 2]
```
&lt;/code>&lt;/pre>
&lt;p>renders as&lt;/p>
&lt;div class="mermaid">graph TD
A[Hard] -->|Text| B(Round)
B --> C{Decision}
C -->|One| D[Result 1]
C -->|Two| E[Result 2]
&lt;/div>
&lt;p>An example &lt;strong>sequence diagram&lt;/strong>:&lt;/p>
&lt;pre>&lt;code>```mermaid
sequenceDiagram
Alice-&amp;gt;&amp;gt;John: Hello John, how are you?
loop Healthcheck
John-&amp;gt;&amp;gt;John: Fight against hypochondria
end
Note right of John: Rational thoughts!
John--&amp;gt;&amp;gt;Alice: Great!
John-&amp;gt;&amp;gt;Bob: How about you?
Bob--&amp;gt;&amp;gt;John: Jolly good!
```
&lt;/code>&lt;/pre>
&lt;p>renders as&lt;/p>
&lt;div class="mermaid">sequenceDiagram
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts!
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
&lt;/div>
&lt;p>An example &lt;strong>class diagram&lt;/strong>:&lt;/p>
&lt;pre>&lt;code>```mermaid
classDiagram
Class01 &amp;lt;|-- AveryLongClass : Cool
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --&amp;gt; C2 : Where am i?
Class09 --* C3
Class09 --|&amp;gt; Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 &amp;lt;--&amp;gt; C2: Cool label
```
&lt;/code>&lt;/pre>
&lt;p>renders as&lt;/p>
&lt;div class="mermaid">classDiagram
Class01 &lt;|-- AveryLongClass : Cool
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 &lt;--> C2: Cool label
&lt;/div>
&lt;p>An example &lt;strong>state diagram&lt;/strong>:&lt;/p>
&lt;pre>&lt;code>```mermaid
stateDiagram
[*] --&amp;gt; Still
Still --&amp;gt; [*]
Still --&amp;gt; Moving
Moving --&amp;gt; Still
Moving --&amp;gt; Crash
Crash --&amp;gt; [*]
```
&lt;/code>&lt;/pre>
&lt;p>renders as&lt;/p>
&lt;div class="mermaid">stateDiagram
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*]
&lt;/div>
&lt;h2 id="data-frames">Data Frames&lt;/h2>
&lt;p>Save your spreadsheet as a CSV file in your page&amp;rsquo;s folder and then render it by adding the &lt;em>Table&lt;/em> shortcode to your page:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-go" data-lang="go">&lt;span class="line">&lt;span class="cl">&lt;span class="p">{{&amp;lt;&lt;/span> &lt;span class="nx">table&lt;/span> &lt;span class="nx">path&lt;/span>&lt;span class="p">=&lt;/span>&lt;span class="s">&amp;#34;results.csv&amp;#34;&lt;/span> &lt;span class="nx">header&lt;/span>&lt;span class="p">=&lt;/span>&lt;span class="s">&amp;#34;true&amp;#34;&lt;/span> &lt;span class="nx">caption&lt;/span>&lt;span class="p">=&lt;/span>&lt;span class="s">&amp;#34;Table 1: My results&amp;#34;&lt;/span> &lt;span class="p">&amp;gt;}}&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renders as&lt;/p>
&lt;table class="table-auto w-full">
&lt;thead>
&lt;tr> &lt;th class="border-b dark:border-slate-600 font-medium p-4 pt-0 pb-3 text-slate-400 dark:text-slate-200 text-left">customer_id&lt;/th> &lt;th class="border-b dark:border-slate-600 font-medium p-4 pt-0 pb-3 text-slate-400 dark:text-slate-200 text-left">score&lt;/th> &lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td data-table-dtype="number" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">1&lt;/td>
&lt;td data-table-dtype="number" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">0&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td data-table-dtype="number" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">2&lt;/td>
&lt;td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">0.5&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td data-table-dtype="number" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">3&lt;/td>
&lt;td data-table-dtype="number" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">1&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;caption class="table-caption">Table 1: My results&lt;/caption>
&lt;/table>
&lt;h2 id="did-you-find-this-page-helpful-consider-sharing-it-">Did you find this page helpful? Consider sharing it 🙌&lt;/h2></description></item><item><title>👩🏼‍🏫 Teach academic courses</title><link>https://cookmaker.cn/post/teach-courses/</link><pubDate>Tue, 24 Oct 2023 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/post/teach-courses/</guid><description>&lt;p>
is designed to give technical content creators a seamless experience. You can focus on the content and the Hugo Blox Builder which this template is built upon handles the rest.&lt;/p>
&lt;p>&lt;strong>Embed videos, podcasts, code, LaTeX math, and even test students!&lt;/strong>&lt;/p>
&lt;p>On this page, you&amp;rsquo;ll find some examples of the types of technical content that can be rendered with Hugo Blox.&lt;/p>
&lt;h2 id="video">Video&lt;/h2>
&lt;p>Teach your course by sharing videos with your students. Choose from one of the following approaches:&lt;/p>
&lt;p>&lt;strong>Youtube&lt;/strong>:&lt;/p>
&lt;pre>&lt;code>{{&amp;lt; youtube D2vj0WcvH5c &amp;gt;}}
&lt;/code>&lt;/pre>
&lt;div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
&lt;iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="allowfullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/D2vj0WcvH5c?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"
>&lt;/iframe>
&lt;/div>
&lt;p>&lt;strong>Bilibili&lt;/strong>:&lt;/p>
&lt;pre>&lt;code>{{&amp;lt; bilibili BV1WV4y1r7DF &amp;gt;}}
&lt;/code>&lt;/pre>
&lt;div class="w-full h-auto aspect-video relative">
&lt;iframe src="//player.bilibili.com/player.html?bvid=BV1WV4y1r7DF&amp;page=1"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; fullscreen; picture-in-picture;"
class="w-full h-full"
>&lt;/iframe>
&lt;/div>
&lt;p>&lt;strong>Video file&lt;/strong>&lt;/p>
&lt;p>Videos may be added to a page by either placing them in your &lt;code>assets/media/&lt;/code> media library or in your
, and then embedding them with the &lt;em>video&lt;/em> shortcode:&lt;/p>
&lt;pre>&lt;code>{{&amp;lt; video src=&amp;quot;my_video.mp4&amp;quot; controls=&amp;quot;yes&amp;quot; &amp;gt;}}
&lt;/code>&lt;/pre>
&lt;h2 id="podcast">Podcast&lt;/h2>
&lt;p>You can add a podcast or music to a page by placing the MP3 file in the page&amp;rsquo;s folder or the media library folder and then embedding the audio on your page with the &lt;em>audio&lt;/em> shortcode:&lt;/p>
&lt;pre>&lt;code>{{&amp;lt; audio src=&amp;quot;ambient-piano.mp3&amp;quot; &amp;gt;}}
&lt;/code>&lt;/pre>
&lt;p>Try it out:&lt;/p>
&lt;audio controls >
&lt;source src="https://cookmaker.cn/post/teach-courses/ambient-piano.mp3" type="audio/mpeg">
&lt;/audio>
&lt;h2 id="test-students">Test students&lt;/h2>
&lt;p>Provide a simple yet fun self-assessment by revealing the solutions to challenges with the &lt;code>spoiler&lt;/code> shortcode:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-markdown" data-lang="markdown">&lt;span class="line">&lt;span class="cl">{{&lt;span class="p">&amp;lt;&lt;/span> &lt;span class="nt">spoiler&lt;/span> &lt;span class="na">text&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;👉 Click to view the solution&amp;#34;&lt;/span> &lt;span class="p">&amp;gt;&lt;/span>}}
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">You found me!
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">{{&lt;span class="p">&amp;lt;&lt;/span> &lt;span class="p">/&lt;/span>&lt;span class="nt">spoiler&lt;/span> &lt;span class="p">&amp;gt;&lt;/span>}}
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renders as&lt;/p>
&lt;details class="spoiler " id="spoiler-3">
&lt;summary class="cursor-pointer">👉 Click to view the solution&lt;/summary>
&lt;div class="rounded-lg bg-neutral-50 dark:bg-neutral-800 p-2">
You found me 🎉
&lt;/div>
&lt;/details>
&lt;h2 id="math">Math&lt;/h2>
&lt;p>Hugo Blox Builder supports a Markdown extension for $\LaTeX$ math. Enable math by setting the &lt;code>math: true&lt;/code> option in your page&amp;rsquo;s front matter, or enable math for your entire site by toggling math in your &lt;code>config/_default/params.yaml&lt;/code> file:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-yaml" data-lang="yaml">&lt;span class="line">&lt;span class="cl">&lt;span class="nt">features&lt;/span>&lt;span class="p">:&lt;/span>&lt;span class="w">
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="w"> &lt;/span>&lt;span class="nt">math&lt;/span>&lt;span class="p">:&lt;/span>&lt;span class="w">
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="w"> &lt;/span>&lt;span class="nt">enable&lt;/span>&lt;span class="p">:&lt;/span>&lt;span class="w"> &lt;/span>&lt;span class="kc">true&lt;/span>&lt;span class="w">
&lt;/span>&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>To render &lt;em>inline&lt;/em> or &lt;em>block&lt;/em> math, wrap your LaTeX math with &lt;code>$...$&lt;/code> or &lt;code>$$...$$&lt;/code>, respectively.&lt;/p>
&lt;p>Example &lt;strong>math block&lt;/strong>:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-latex" data-lang="latex">&lt;span class="line">&lt;span class="cl">&lt;span class="sb">$$&lt;/span>&lt;span class="nb">
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nb">&lt;/span>&lt;span class="nv">\gamma&lt;/span>&lt;span class="nb">_{n} &lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\frac&lt;/span>&lt;span class="nb">{ &lt;/span>&lt;span class="nv">\left&lt;/span>&lt;span class="nb"> | &lt;/span>&lt;span class="nv">\left&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb"> x_{n} &lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb"> x_{n&lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="m">1&lt;/span>&lt;span class="nb">} &lt;/span>&lt;span class="nv">\right&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb">^T &lt;/span>&lt;span class="nv">\left&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">[&lt;/span>&lt;span class="nv">\nabla&lt;/span>&lt;span class="nb"> F &lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb"> x_{n}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\nabla&lt;/span>&lt;span class="nb"> F &lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb"> x_{n&lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="m">1&lt;/span>&lt;span class="nb">}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\right&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">]&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\right&lt;/span>&lt;span class="nb"> |}{&lt;/span>&lt;span class="nv">\left&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\|\nabla&lt;/span>&lt;span class="nb"> F&lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb">{x}_{n}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\nabla&lt;/span>&lt;span class="nb"> F&lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb">{x}_{n&lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="m">1&lt;/span>&lt;span class="nb">}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\right&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\|&lt;/span>&lt;span class="nb">^&lt;/span>&lt;span class="m">2&lt;/span>&lt;span class="nb">}
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nb">&lt;/span>&lt;span class="s">$$&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renders as&lt;/p>
$$\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}$$&lt;p>Example &lt;strong>inline math&lt;/strong> &lt;code>$\nabla F(\mathbf{x}_{n})$&lt;/code> renders as $\nabla F(\mathbf{x}_{n})$.&lt;/p>
&lt;p>Example &lt;strong>multi-line math&lt;/strong> using the math linebreak (&lt;code>\\&lt;/code>):&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-latex" data-lang="latex">&lt;span class="line">&lt;span class="cl">&lt;span class="sb">$$&lt;/span>&lt;span class="nb">f&lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nb">k;p_{&lt;/span>&lt;span class="m">0&lt;/span>&lt;span class="nb">}^{&lt;/span>&lt;span class="o">*&lt;/span>&lt;span class="nb">}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\begin&lt;/span>&lt;span class="nb">{cases}p_{&lt;/span>&lt;span class="m">0&lt;/span>&lt;span class="nb">}^{&lt;/span>&lt;span class="o">*&lt;/span>&lt;span class="nb">} &amp;amp; &lt;/span>&lt;span class="nv">\text&lt;/span>&lt;span class="nb">{if }k&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="m">1&lt;/span>&lt;span class="nb">, &lt;/span>&lt;span class="nv">\\&lt;/span>&lt;span class="nb">
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nb">&lt;/span>&lt;span class="m">1&lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="nb">p_{&lt;/span>&lt;span class="m">0&lt;/span>&lt;span class="nb">}^{&lt;/span>&lt;span class="o">*&lt;/span>&lt;span class="nb">} &amp;amp; &lt;/span>&lt;span class="nv">\text&lt;/span>&lt;span class="nb">{if }k&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="m">0&lt;/span>&lt;span class="nb">.&lt;/span>&lt;span class="nv">\end&lt;/span>&lt;span class="nb">{cases}&lt;/span>&lt;span class="s">$$&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renders as&lt;/p>
$$
f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} &amp; \text{if }k=1, \\
1-p_{0}^{*} &amp; \text{if }k=0.\end{cases}
$$&lt;h2 id="code">Code&lt;/h2>
&lt;p>Hugo Blox Builder utilises Hugo&amp;rsquo;s Markdown extension for highlighting code syntax. The code theme can be selected in the &lt;code>config/_default/params.yaml&lt;/code> file.&lt;/p>
&lt;pre>&lt;code>```python
import pandas as pd
data = pd.read_csv(&amp;quot;data.csv&amp;quot;)
data.head()
```
&lt;/code>&lt;/pre>
&lt;p>renders as&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-python" data-lang="python">&lt;span class="line">&lt;span class="cl">&lt;span class="kn">import&lt;/span> &lt;span class="nn">pandas&lt;/span> &lt;span class="k">as&lt;/span> &lt;span class="nn">pd&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="n">data&lt;/span> &lt;span class="o">=&lt;/span> &lt;span class="n">pd&lt;/span>&lt;span class="o">.&lt;/span>&lt;span class="n">read_csv&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="s2">&amp;#34;data.csv&amp;#34;&lt;/span>&lt;span class="p">)&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="n">data&lt;/span>&lt;span class="o">.&lt;/span>&lt;span class="n">head&lt;/span>&lt;span class="p">()&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;h2 id="inline-images">Inline Images&lt;/h2>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-go" data-lang="go">&lt;span class="line">&lt;span class="cl">&lt;span class="p">{{&amp;lt;&lt;/span> &lt;span class="nx">icon&lt;/span> &lt;span class="nx">name&lt;/span>&lt;span class="p">=&lt;/span>&lt;span class="s">&amp;#34;python&amp;#34;&lt;/span> &lt;span class="p">&amp;gt;}}&lt;/span> &lt;span class="nx">Python&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renders as&lt;/p>
&lt;p>
&lt;span class="inline-block pr-1">
&lt;svg style="height: 1em; transform: translateY(0.1em);" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512" fill="currentColor">&lt;path d="M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z"/>&lt;/svg>
&lt;/span> Python&lt;/p>
&lt;h2 id="did-you-find-this-page-helpful-consider-sharing-it-">Did you find this page helpful? Consider sharing it 🙌&lt;/h2></description></item><item><title>Experience</title><link>https://cookmaker.cn/experience/</link><pubDate>Tue, 24 Oct 2023 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/experience/</guid><description/></item><item><title>Learn JavaScript</title><link>https://cookmaker.cn/teaching/js/</link><pubDate>Tue, 24 Oct 2023 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/teaching/js/</guid><description>&lt;p>
is designed to give technical content creators a seamless experience. You can focus on the content and the Hugo Blox Builder which this template is built upon handles the rest.&lt;/p>
&lt;p>&lt;strong>Embed videos, podcasts, code, LaTeX math, and even test students!&lt;/strong>&lt;/p>
&lt;p>On this page, you&amp;rsquo;ll find some examples of the types of technical content that can be rendered with Hugo Blox.&lt;/p>
&lt;h2 id="video">Video&lt;/h2>
&lt;p>Teach your course by sharing videos with your students. Choose from one of the following approaches:&lt;/p>
&lt;div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
&lt;iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="allowfullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/D2vj0WcvH5c?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"
>&lt;/iframe>
&lt;/div>
&lt;p>&lt;strong>Youtube&lt;/strong>:&lt;/p>
&lt;pre>&lt;code>{{&amp;lt; youtube w7Ft2ymGmfc &amp;gt;}}
&lt;/code>&lt;/pre>
&lt;p>&lt;strong>Bilibili&lt;/strong>:&lt;/p>
&lt;pre>&lt;code>{{&amp;lt; bilibili id=&amp;quot;BV1WV4y1r7DF&amp;quot; &amp;gt;}}
&lt;/code>&lt;/pre>
&lt;p>&lt;strong>Video file&lt;/strong>&lt;/p>
&lt;p>Videos may be added to a page by either placing them in your &lt;code>assets/media/&lt;/code> media library or in your
, and then embedding them with the &lt;em>video&lt;/em> shortcode:&lt;/p>
&lt;pre>&lt;code>{{&amp;lt; video src=&amp;quot;my_video.mp4&amp;quot; controls=&amp;quot;yes&amp;quot; &amp;gt;}}
&lt;/code>&lt;/pre>
&lt;h2 id="podcast">Podcast&lt;/h2>
&lt;p>You can add a podcast or music to a page by placing the MP3 file in the page&amp;rsquo;s folder or the media library folder and then embedding the audio on your page with the &lt;em>audio&lt;/em> shortcode:&lt;/p>
&lt;pre>&lt;code>{{&amp;lt; audio src=&amp;quot;ambient-piano.mp3&amp;quot; &amp;gt;}}
&lt;/code>&lt;/pre>
&lt;p>Try it out:&lt;/p>
&lt;audio controls >
&lt;source src="https://cookmaker.cn/teaching/js/ambient-piano.mp3" type="audio/mpeg">
&lt;/audio>
&lt;h2 id="test-students">Test students&lt;/h2>
&lt;p>Provide a simple yet fun self-assessment by revealing the solutions to challenges with the &lt;code>spoiler&lt;/code> shortcode:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-markdown" data-lang="markdown">&lt;span class="line">&lt;span class="cl">{{&lt;span class="p">&amp;lt;&lt;/span> &lt;span class="nt">spoiler&lt;/span> &lt;span class="na">text&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;👉 Click to view the solution&amp;#34;&lt;/span> &lt;span class="p">&amp;gt;&lt;/span>}}
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">You found me!
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">{{&lt;span class="p">&amp;lt;&lt;/span> &lt;span class="p">/&lt;/span>&lt;span class="nt">spoiler&lt;/span> &lt;span class="p">&amp;gt;&lt;/span>}}
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renders as&lt;/p>
&lt;details class="spoiler " id="spoiler-2">
&lt;summary class="cursor-pointer">👉 Click to view the solution&lt;/summary>
&lt;div class="rounded-lg bg-neutral-50 dark:bg-neutral-800 p-2">
You found me 🎉
&lt;/div>
&lt;/details>
&lt;h2 id="math">Math&lt;/h2>
&lt;p>Hugo Blox Builder supports a Markdown extension for $\LaTeX$ math. You can enable this feature by toggling the &lt;code>math&lt;/code> option in your &lt;code>config/_default/params.yaml&lt;/code> file.&lt;/p>
&lt;p>To render &lt;em>inline&lt;/em> or &lt;em>block&lt;/em> math, wrap your LaTeX math with &lt;code>{{&amp;lt; math &amp;gt;}}$...${{&amp;lt; /math &amp;gt;}}&lt;/code> or &lt;code>{{&amp;lt; math &amp;gt;}}$$...$${{&amp;lt; /math &amp;gt;}}&lt;/code>, respectively.&lt;/p>
&lt;div class="flex px-4 py-3 mb-6 rounded-md bg-primary-100 dark:bg-primary-900">
&lt;span class="pr-3 pt-1 text-primary-600 dark:text-primary-300">
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.25 11.25l.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9-3.75h.008v.008H12z"/>&lt;/svg>
&lt;/span>
&lt;span class="dark:text-neutral-300">We wrap the LaTeX math in the Hugo Blox &lt;em>math&lt;/em> shortcode to prevent Hugo rendering our math as Markdown.&lt;/span>
&lt;/div>
&lt;p>Example &lt;strong>math block&lt;/strong>:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-latex" data-lang="latex">&lt;span class="line">&lt;span class="cl">&lt;span class="nb">{{&lt;/span>&amp;lt; math &amp;gt;&lt;span class="nb">}}&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="sb">$$&lt;/span>&lt;span class="nb">
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nb">&lt;/span>&lt;span class="nv">\gamma&lt;/span>&lt;span class="nb">_{n} &lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\frac&lt;/span>&lt;span class="nb">{ &lt;/span>&lt;span class="nv">\left&lt;/span>&lt;span class="nb"> | &lt;/span>&lt;span class="nv">\left&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb"> x_{n} &lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb"> x_{n&lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="m">1&lt;/span>&lt;span class="nb">} &lt;/span>&lt;span class="nv">\right&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb">^T &lt;/span>&lt;span class="nv">\left&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">[&lt;/span>&lt;span class="nv">\nabla&lt;/span>&lt;span class="nb"> F &lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb"> x_{n}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\nabla&lt;/span>&lt;span class="nb"> F &lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb"> x_{n&lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="m">1&lt;/span>&lt;span class="nb">}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\right&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">]&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\right&lt;/span>&lt;span class="nb"> |}{&lt;/span>&lt;span class="nv">\left&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\|\nabla&lt;/span>&lt;span class="nb"> F&lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb">{x}_{n}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\nabla&lt;/span>&lt;span class="nb"> F&lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb">{x}_{n&lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="m">1&lt;/span>&lt;span class="nb">}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\right&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\|&lt;/span>&lt;span class="nb">^&lt;/span>&lt;span class="m">2&lt;/span>&lt;span class="nb">}
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nb">&lt;/span>&lt;span class="s">$$&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nb">{{&lt;/span>&amp;lt; /math &amp;gt;&lt;span class="nb">}}&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renders as&lt;/p>
$$\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}$$
&lt;p>Example &lt;strong>inline math&lt;/strong> &lt;code>{{&amp;lt; math &amp;gt;}}$\nabla F(\mathbf{x}_{n})${{&amp;lt; /math &amp;gt;}}&lt;/code> renders as $\nabla F(\mathbf{x}_{n})$
.&lt;/p>
&lt;p>Example &lt;strong>multi-line math&lt;/strong> using the math linebreak (&lt;code>\\&lt;/code>):&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-latex" data-lang="latex">&lt;span class="line">&lt;span class="cl">&lt;span class="nb">{{&lt;/span>&amp;lt; math &amp;gt;&lt;span class="nb">}}&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="sb">$$&lt;/span>&lt;span class="nb">f&lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nb">k;p_{&lt;/span>&lt;span class="m">0&lt;/span>&lt;span class="nb">}^{&lt;/span>&lt;span class="o">*&lt;/span>&lt;span class="nb">}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\begin&lt;/span>&lt;span class="nb">{cases}p_{&lt;/span>&lt;span class="m">0&lt;/span>&lt;span class="nb">}^{&lt;/span>&lt;span class="o">*&lt;/span>&lt;span class="nb">} &amp;amp; &lt;/span>&lt;span class="nv">\text&lt;/span>&lt;span class="nb">{if }k&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="m">1&lt;/span>&lt;span class="nb">, &lt;/span>&lt;span class="nv">\\&lt;/span>&lt;span class="nb">
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nb">&lt;/span>&lt;span class="m">1&lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="nb">p_{&lt;/span>&lt;span class="m">0&lt;/span>&lt;span class="nb">}^{&lt;/span>&lt;span class="o">*&lt;/span>&lt;span class="nb">} &amp;amp; &lt;/span>&lt;span class="nv">\text&lt;/span>&lt;span class="nb">{if }k&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="m">0&lt;/span>&lt;span class="nb">.&lt;/span>&lt;span class="nv">\end&lt;/span>&lt;span class="nb">{cases}&lt;/span>&lt;span class="s">$$&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nb">{{&lt;/span>&amp;lt; /math &amp;gt;&lt;span class="nb">}}&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renders as&lt;/p>
$$
f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} &amp; \text{if }k=1, \\
1-p_{0}^{*} &amp; \text{if }k=0.\end{cases}
$$
&lt;h2 id="code">Code&lt;/h2>
&lt;p>Hugo Blox Builder utilises Hugo&amp;rsquo;s Markdown extension for highlighting code syntax. The code theme can be selected in the &lt;code>config/_default/params.yaml&lt;/code> file.&lt;/p>
&lt;pre>&lt;code>```python
import pandas as pd
data = pd.read_csv(&amp;quot;data.csv&amp;quot;)
data.head()
```
&lt;/code>&lt;/pre>
&lt;p>renders as&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-python" data-lang="python">&lt;span class="line">&lt;span class="cl">&lt;span class="kn">import&lt;/span> &lt;span class="nn">pandas&lt;/span> &lt;span class="k">as&lt;/span> &lt;span class="nn">pd&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="n">data&lt;/span> &lt;span class="o">=&lt;/span> &lt;span class="n">pd&lt;/span>&lt;span class="o">.&lt;/span>&lt;span class="n">read_csv&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="s2">&amp;#34;data.csv&amp;#34;&lt;/span>&lt;span class="p">)&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="n">data&lt;/span>&lt;span class="o">.&lt;/span>&lt;span class="n">head&lt;/span>&lt;span class="p">()&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;h2 id="inline-images">Inline Images&lt;/h2>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-go" data-lang="go">&lt;span class="line">&lt;span class="cl">&lt;span class="p">{{&amp;lt;&lt;/span> &lt;span class="nx">icon&lt;/span> &lt;span class="nx">name&lt;/span>&lt;span class="p">=&lt;/span>&lt;span class="s">&amp;#34;python&amp;#34;&lt;/span> &lt;span class="p">&amp;gt;}}&lt;/span> &lt;span class="nx">Python&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renders as&lt;/p>
&lt;p>
&lt;span class="inline-block pr-1">
&lt;svg style="height: 1em; transform: translateY(0.1em);" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512" fill="currentColor">&lt;path d="M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z"/>&lt;/svg>
&lt;/span> Python&lt;/p>
&lt;h2 id="did-you-find-this-page-helpful-consider-sharing-it-">Did you find this page helpful? Consider sharing it 🙌&lt;/h2></description></item><item><title>Learn Python</title><link>https://cookmaker.cn/teaching/python/</link><pubDate>Tue, 24 Oct 2023 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/teaching/python/</guid><description>&lt;p>
is designed to give technical content creators a seamless experience. You can focus on the content and the Hugo Blox Builder which this template is built upon handles the rest.&lt;/p>
&lt;p>&lt;strong>Embed videos, podcasts, code, LaTeX math, and even test students!&lt;/strong>&lt;/p>
&lt;p>On this page, you&amp;rsquo;ll find some examples of the types of technical content that can be rendered with Hugo Blox.&lt;/p>
&lt;h2 id="video">Video&lt;/h2>
&lt;p>Teach your course by sharing videos with your students. Choose from one of the following approaches:&lt;/p>
&lt;div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
&lt;iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="allowfullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/D2vj0WcvH5c?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"
>&lt;/iframe>
&lt;/div>
&lt;p>&lt;strong>Youtube&lt;/strong>:&lt;/p>
&lt;pre>&lt;code>{{&amp;lt; youtube w7Ft2ymGmfc &amp;gt;}}
&lt;/code>&lt;/pre>
&lt;p>&lt;strong>Bilibili&lt;/strong>:&lt;/p>
&lt;pre>&lt;code>{{&amp;lt; bilibili id=&amp;quot;BV1WV4y1r7DF&amp;quot; &amp;gt;}}
&lt;/code>&lt;/pre>
&lt;p>&lt;strong>Video file&lt;/strong>&lt;/p>
&lt;p>Videos may be added to a page by either placing them in your &lt;code>assets/media/&lt;/code> media library or in your
, and then embedding them with the &lt;em>video&lt;/em> shortcode:&lt;/p>
&lt;pre>&lt;code>{{&amp;lt; video src=&amp;quot;my_video.mp4&amp;quot; controls=&amp;quot;yes&amp;quot; &amp;gt;}}
&lt;/code>&lt;/pre>
&lt;h2 id="podcast">Podcast&lt;/h2>
&lt;p>You can add a podcast or music to a page by placing the MP3 file in the page&amp;rsquo;s folder or the media library folder and then embedding the audio on your page with the &lt;em>audio&lt;/em> shortcode:&lt;/p>
&lt;pre>&lt;code>{{&amp;lt; audio src=&amp;quot;ambient-piano.mp3&amp;quot; &amp;gt;}}
&lt;/code>&lt;/pre>
&lt;p>Try it out:&lt;/p>
&lt;audio controls >
&lt;source src="https://cookmaker.cn/teaching/python/ambient-piano.mp3" type="audio/mpeg">
&lt;/audio>
&lt;h2 id="test-students">Test students&lt;/h2>
&lt;p>Provide a simple yet fun self-assessment by revealing the solutions to challenges with the &lt;code>spoiler&lt;/code> shortcode:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-markdown" data-lang="markdown">&lt;span class="line">&lt;span class="cl">{{&lt;span class="p">&amp;lt;&lt;/span> &lt;span class="nt">spoiler&lt;/span> &lt;span class="na">text&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;👉 Click to view the solution&amp;#34;&lt;/span> &lt;span class="p">&amp;gt;&lt;/span>}}
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">You found me!
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">{{&lt;span class="p">&amp;lt;&lt;/span> &lt;span class="p">/&lt;/span>&lt;span class="nt">spoiler&lt;/span> &lt;span class="p">&amp;gt;&lt;/span>}}
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renders as&lt;/p>
&lt;details class="spoiler " id="spoiler-2">
&lt;summary class="cursor-pointer">👉 Click to view the solution&lt;/summary>
&lt;div class="rounded-lg bg-neutral-50 dark:bg-neutral-800 p-2">
You found me 🎉
&lt;/div>
&lt;/details>
&lt;h2 id="math">Math&lt;/h2>
&lt;p>Hugo Blox Builder supports a Markdown extension for $\LaTeX$ math. You can enable this feature by toggling the &lt;code>math&lt;/code> option in your &lt;code>config/_default/params.yaml&lt;/code> file.&lt;/p>
&lt;p>To render &lt;em>inline&lt;/em> or &lt;em>block&lt;/em> math, wrap your LaTeX math with &lt;code>{{&amp;lt; math &amp;gt;}}$...${{&amp;lt; /math &amp;gt;}}&lt;/code> or &lt;code>{{&amp;lt; math &amp;gt;}}$$...$${{&amp;lt; /math &amp;gt;}}&lt;/code>, respectively.&lt;/p>
&lt;div class="flex px-4 py-3 mb-6 rounded-md bg-primary-100 dark:bg-primary-900">
&lt;span class="pr-3 pt-1 text-primary-600 dark:text-primary-300">
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.25 11.25l.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9-3.75h.008v.008H12z"/>&lt;/svg>
&lt;/span>
&lt;span class="dark:text-neutral-300">We wrap the LaTeX math in the Hugo Blox &lt;em>math&lt;/em> shortcode to prevent Hugo rendering our math as Markdown.&lt;/span>
&lt;/div>
&lt;p>Example &lt;strong>math block&lt;/strong>:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-latex" data-lang="latex">&lt;span class="line">&lt;span class="cl">&lt;span class="nb">{{&lt;/span>&amp;lt; math &amp;gt;&lt;span class="nb">}}&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="sb">$$&lt;/span>&lt;span class="nb">
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nb">&lt;/span>&lt;span class="nv">\gamma&lt;/span>&lt;span class="nb">_{n} &lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\frac&lt;/span>&lt;span class="nb">{ &lt;/span>&lt;span class="nv">\left&lt;/span>&lt;span class="nb"> | &lt;/span>&lt;span class="nv">\left&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb"> x_{n} &lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb"> x_{n&lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="m">1&lt;/span>&lt;span class="nb">} &lt;/span>&lt;span class="nv">\right&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb">^T &lt;/span>&lt;span class="nv">\left&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">[&lt;/span>&lt;span class="nv">\nabla&lt;/span>&lt;span class="nb"> F &lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb"> x_{n}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\nabla&lt;/span>&lt;span class="nb"> F &lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb"> x_{n&lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="m">1&lt;/span>&lt;span class="nb">}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\right&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">]&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\right&lt;/span>&lt;span class="nb"> |}{&lt;/span>&lt;span class="nv">\left&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\|\nabla&lt;/span>&lt;span class="nb"> F&lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb">{x}_{n}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\nabla&lt;/span>&lt;span class="nb"> F&lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">\mathbf&lt;/span>&lt;span class="nb">{x}_{n&lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="m">1&lt;/span>&lt;span class="nb">}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\right&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\|&lt;/span>&lt;span class="nb">^&lt;/span>&lt;span class="m">2&lt;/span>&lt;span class="nb">}
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nb">&lt;/span>&lt;span class="s">$$&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nb">{{&lt;/span>&amp;lt; /math &amp;gt;&lt;span class="nb">}}&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renders as&lt;/p>
$$\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}$$
&lt;p>Example &lt;strong>inline math&lt;/strong> &lt;code>{{&amp;lt; math &amp;gt;}}$\nabla F(\mathbf{x}_{n})${{&amp;lt; /math &amp;gt;}}&lt;/code> renders as $\nabla F(\mathbf{x}_{n})$
.&lt;/p>
&lt;p>Example &lt;strong>multi-line math&lt;/strong> using the math linebreak (&lt;code>\\&lt;/code>):&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-latex" data-lang="latex">&lt;span class="line">&lt;span class="cl">&lt;span class="nb">{{&lt;/span>&amp;lt; math &amp;gt;&lt;span class="nb">}}&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="sb">$$&lt;/span>&lt;span class="nb">f&lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nb">k;p_{&lt;/span>&lt;span class="m">0&lt;/span>&lt;span class="nb">}^{&lt;/span>&lt;span class="o">*&lt;/span>&lt;span class="nb">}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="nb"> &lt;/span>&lt;span class="nv">\begin&lt;/span>&lt;span class="nb">{cases}p_{&lt;/span>&lt;span class="m">0&lt;/span>&lt;span class="nb">}^{&lt;/span>&lt;span class="o">*&lt;/span>&lt;span class="nb">} &amp;amp; &lt;/span>&lt;span class="nv">\text&lt;/span>&lt;span class="nb">{if }k&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="m">1&lt;/span>&lt;span class="nb">, &lt;/span>&lt;span class="nv">\\&lt;/span>&lt;span class="nb">
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nb">&lt;/span>&lt;span class="m">1&lt;/span>&lt;span class="o">-&lt;/span>&lt;span class="nb">p_{&lt;/span>&lt;span class="m">0&lt;/span>&lt;span class="nb">}^{&lt;/span>&lt;span class="o">*&lt;/span>&lt;span class="nb">} &amp;amp; &lt;/span>&lt;span class="nv">\text&lt;/span>&lt;span class="nb">{if }k&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="m">0&lt;/span>&lt;span class="nb">.&lt;/span>&lt;span class="nv">\end&lt;/span>&lt;span class="nb">{cases}&lt;/span>&lt;span class="s">$$&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nb">{{&lt;/span>&amp;lt; /math &amp;gt;&lt;span class="nb">}}&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renders as&lt;/p>
$$
f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} &amp; \text{if }k=1, \\
1-p_{0}^{*} &amp; \text{if }k=0.\end{cases}
$$
&lt;h2 id="code">Code&lt;/h2>
&lt;p>Hugo Blox Builder utilises Hugo&amp;rsquo;s Markdown extension for highlighting code syntax. The code theme can be selected in the &lt;code>config/_default/params.yaml&lt;/code> file.&lt;/p>
&lt;pre>&lt;code>```python
import pandas as pd
data = pd.read_csv(&amp;quot;data.csv&amp;quot;)
data.head()
```
&lt;/code>&lt;/pre>
&lt;p>renders as&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-python" data-lang="python">&lt;span class="line">&lt;span class="cl">&lt;span class="kn">import&lt;/span> &lt;span class="nn">pandas&lt;/span> &lt;span class="k">as&lt;/span> &lt;span class="nn">pd&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="n">data&lt;/span> &lt;span class="o">=&lt;/span> &lt;span class="n">pd&lt;/span>&lt;span class="o">.&lt;/span>&lt;span class="n">read_csv&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="s2">&amp;#34;data.csv&amp;#34;&lt;/span>&lt;span class="p">)&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="n">data&lt;/span>&lt;span class="o">.&lt;/span>&lt;span class="n">head&lt;/span>&lt;span class="p">()&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;h2 id="inline-images">Inline Images&lt;/h2>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-go" data-lang="go">&lt;span class="line">&lt;span class="cl">&lt;span class="p">{{&amp;lt;&lt;/span> &lt;span class="nx">icon&lt;/span> &lt;span class="nx">name&lt;/span>&lt;span class="p">=&lt;/span>&lt;span class="s">&amp;#34;python&amp;#34;&lt;/span> &lt;span class="p">&amp;gt;}}&lt;/span> &lt;span class="nx">Python&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renders as&lt;/p>
&lt;p>
&lt;span class="inline-block pr-1">
&lt;svg style="height: 1em; transform: translateY(0.1em);" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512" fill="currentColor">&lt;path d="M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z"/>&lt;/svg>
&lt;/span> Python&lt;/p>
&lt;h2 id="did-you-find-this-page-helpful-consider-sharing-it-">Did you find this page helpful? Consider sharing it 🙌&lt;/h2></description></item><item><title>✅ Manage your projects</title><link>https://cookmaker.cn/post/project-management/</link><pubDate>Mon, 23 Oct 2023 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/post/project-management/</guid><description>&lt;p>Easily manage your projects - create ideation mind maps, Gantt charts, todo lists, and more!&lt;/p>
&lt;h2 id="ideation">Ideation&lt;/h2>
&lt;p>Hugo Blox supports a Markdown extension for mindmaps.&lt;/p>
&lt;p>Simply insert a Markdown code block labelled as &lt;code>markmap&lt;/code> and optionally set the height of the mindmap as shown in the example below.&lt;/p>
&lt;p>Mindmaps can be created by simply writing the items as a Markdown list within the &lt;code>markmap&lt;/code> code block, indenting each item to create as many sub-levels as you need:&lt;/p>
&lt;div class="highlight">
&lt;pre class="chroma">
&lt;code>
```markmap {height="200px"}
- Hugo Modules
- Hugo Blox
- blox-plugins-netlify
- blox-plugins-netlify-cms
- blox-plugins-reveal
```
&lt;/code>
&lt;/pre>
&lt;/div>
&lt;p>renders as&lt;/p>
&lt;div class="markmap" style="height: 200px;">
&lt;pre>- Hugo Modules
- Hugo Blox
- blox-plugins-netlify
- blox-plugins-netlify-cms
- blox-plugins-reveal&lt;/pre>
&lt;/div>
&lt;h2 id="diagrams">Diagrams&lt;/h2>
&lt;p>Hugo Blox supports the &lt;em>Mermaid&lt;/em> Markdown extension for diagrams.&lt;/p>
&lt;p>An example &lt;strong>Gantt diagram&lt;/strong>:&lt;/p>
&lt;pre>&lt;code>```mermaid
gantt
section Section
Completed :done, des1, 2014-01-06,2014-01-08
Active :active, des2, 2014-01-07, 3d
Parallel 1 : des3, after des1, 1d
Parallel 2 : des4, after des1, 1d
Parallel 3 : des5, after des3, 1d
Parallel 4 : des6, after des4, 1d
```
&lt;/code>&lt;/pre>
&lt;p>renders as&lt;/p>
&lt;div class="mermaid">gantt
section Section
Completed :done, des1, 2014-01-06,2014-01-08
Active :active, des2, 2014-01-07, 3d
Parallel 1 : des3, after des1, 1d
Parallel 2 : des4, after des1, 1d
Parallel 3 : des5, after des3, 1d
Parallel 4 : des6, after des4, 1d
&lt;/div>
&lt;h2 id="todo-lists">Todo lists&lt;/h2>
&lt;p>You can even write your todo lists in Markdown too:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-markdown" data-lang="markdown">&lt;span class="line">&lt;span class="cl">&lt;span class="k">- [x]&lt;/span> Write math example
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="k">- [x]&lt;/span> Write diagram example
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="k">- [ ]&lt;/span> Do something else
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renders as&lt;/p>
&lt;ul>
&lt;li>&lt;input checked="" disabled="" type="checkbox"> Write math example
&lt;ul>
&lt;li>&lt;input checked="" disabled="" type="checkbox"> Write diagram example&lt;/li>
&lt;/ul>
&lt;/li>
&lt;li>&lt;input disabled="" type="checkbox"> Do something else&lt;/li>
&lt;/ul>
&lt;h2 id="did-you-find-this-page-helpful-consider-sharing-it-">Did you find this page helpful? Consider sharing it 🙌&lt;/h2></description></item><item><title>We are working on more and more</title><link>https://cookmaker.cn/publication/preprint/</link><pubDate>Sun, 07 Apr 2019 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/publication/preprint/</guid><description>&lt;p>This work is driven by the results in my
on LLMs.&lt;/p>
&lt;div class="flex px-4 py-3 mb-6 rounded-md bg-primary-100 dark:bg-primary-900">
&lt;span class="pr-3 pt-1 text-primary-600 dark:text-primary-300">
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.25 11.25l.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9-3.75h.008v.008H12z"/>&lt;/svg>
&lt;/span>
&lt;span class="dark:text-neutral-300">Create your slides in Markdown - click the &lt;em>Slides&lt;/em> button to check out the example.&lt;/span>
&lt;/div>
&lt;p>Add the publication&amp;rsquo;s &lt;strong>full text&lt;/strong> or &lt;strong>supplementary notes&lt;/strong> here. You can use rich formatting such as including
.&lt;/p></description></item><item><title>An example journal article</title><link>https://cookmaker.cn/publication/journal-article/</link><pubDate>Tue, 01 Sep 2015 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/publication/journal-article/</guid><description>&lt;div class="flex px-4 py-3 mb-6 rounded-md bg-primary-100 dark:bg-primary-900">
&lt;span class="pr-3 pt-1 text-primary-600 dark:text-primary-300">
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.25 11.25l.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9-3.75h.008v.008H12z"/>&lt;/svg>
&lt;/span>
&lt;span class="dark:text-neutral-300">Click the &lt;em>Cite&lt;/em> button above to demo the feature to enable visitors to import publication metadata into their reference management software.&lt;/span>
&lt;/div>
&lt;div class="flex px-4 py-3 mb-6 rounded-md bg-primary-100 dark:bg-primary-900">
&lt;span class="pr-3 pt-1 text-primary-600 dark:text-primary-300">
&lt;svg height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.25 11.25l.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9-3.75h.008v.008H12z"/>&lt;/svg>
&lt;/span>
&lt;span class="dark:text-neutral-300">Create your slides in Markdown - click the &lt;em>Slides&lt;/em> button to check out the example.&lt;/span>
&lt;/div>
&lt;p>Add the publication&amp;rsquo;s &lt;strong>full text&lt;/strong> or &lt;strong>supplementary notes&lt;/strong> here. You can use rich formatting such as including
.&lt;/p></description></item><item><title>GaussiAnimate</title><link>https://cookmaker.cn/gaussianimate/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://cookmaker.cn/gaussianimate/</guid><description>
&lt;!DOCTYPE html>
&lt;html>
&lt;head>
&lt;meta charset="utf-8">
&lt;title>GaussiAnimate&lt;/title>
&lt;link rel="stylesheet" href="https://cookmaker.cn/gaussianimate/static/css/google_fonts.css">
&lt;link rel="stylesheet" href="https://cookmaker.cn/gaussianimate/static/css/bulma.min.css">
&lt;link rel="stylesheet" href="https://cookmaker.cn/gaussianimate/static/css/bulma-carousel.min.css">
&lt;link rel="stylesheet" href="https://cookmaker.cn/gaussianimate/static/css/bulma-slider.min.css">
&lt;link rel="stylesheet" href="https://cookmaker.cn/gaussianimate/static/css/fontawesome.all.min.css">
&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
&lt;link rel="stylesheet" href="https://cookmaker.cn/gaussianimate/static/css/index.css">
&lt;script defer src="https://cookmaker.cn/gaussianimate/static/js/fontawesome.all.min.js">&lt;/script>
&lt;script src="https://cookmaker.cn/gaussianimate/static/js/bulma-carousel.min.js">&lt;/script>
&lt;script src="https://cookmaker.cn/gaussianimate/static/js/bulma-slider.min.js">&lt;/script>
&lt;script src="https://cookmaker.cn/gaussianimate/static/js/index.js">&lt;/script>
&lt;style>
.animal-page {
display: none;
}
.animal-page.is-active {
display: block;
}
.cloth-page {
display: none;
}
.cloth-page.is-active {
display: block;
}
.actor-page {
display: none;
}
.actor-page.is-active {
display: block;
}
#deformingthings4d-section .animal-page {
padding: 1rem 1rem 0.25rem 1rem;
border: 1px solid #e5e7eb;
border-radius: 12px;
background: #fcfcfd;
}
#vto-section .cloth-page {
padding: 1rem 1rem 0.25rem 1rem;
border: 1px solid #e5e7eb;
border-radius: 12px;
background: #fcfcfd;
}
#actorshq-section .actor-page {
padding: 1rem 1rem 0.25rem 1rem;
border: 1px solid #e5e7eb;
border-radius: 12px;
background: #fcfcfd;
}
#deformingthings4d-section .title.is-5.has-text-centered {
font-size: 1.3rem;
}
#vto-section .title.is-5.has-text-centered {
font-size: 1.3rem;
}
#actorshq-section .title.is-5.has-text-centered {
font-size: 1.3rem;
}
#deformingthings4d-section .title.is-6.has-text-centered {
font-size: 1.05rem;
letter-spacing: 0.01em;
}
#vto-section .title.is-6.has-text-centered {
font-size: 1.05rem;
letter-spacing: 0.01em;
}
#actorshq-section .title.is-6.has-text-centered {
font-size: 1.05rem;
letter-spacing: 0.01em;
}
#deformingthings4d-section .animal-page > .columns:not(.is-multiline) {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 10px;
padding: 0.6rem;
}
#vto-section .cloth-page > .columns:not(.is-multiline) {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 10px;
padding: 0.6rem;
}
#actorshq-section .actor-page > .columns:not(.is-multiline) {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 10px;
padding: 0.6rem;
}
#deformingthings4d-section .animal-page > .mb-4 {
background: #fff7ed;
border: 1px solid #fed7aa;
border-radius: 8px;
padding: 0.35rem 0.75rem;
display: flex;
justify-content: center;
align-items: center;
min-height: 48px;
}
#vto-section .cloth-page > .mb-4 {
background: #fff7ed;
border: 1px solid #fed7aa;
border-radius: 8px;
padding: 0.35rem 0.75rem;
display: flex;
justify-content: center;
align-items: center;
min-height: 48px;
}
#actorshq-section .actor-page > .mb-4 {
background: #fff7ed;
border: 1px solid #fed7aa;
border-radius: 8px;
padding: 0.35rem 0.75rem;
display: flex;
justify-content: center;
align-items: center;
min-height: 48px;
}
#deformingthings4d-section .animal-page > .mb-4 .title {
margin: 0 !important;
width: 100%;
text-align: center !important;
line-height: 1.2;
display: block;
}
#vto-section .cloth-page > .mb-4 .title {
margin: 0 !important;
width: 100%;
text-align: center !important;
line-height: 1.2;
display: block;
}
#actorshq-section .actor-page > .mb-4 .title {
margin: 0 !important;
width: 100%;
text-align: center !important;
line-height: 1.2;
display: block;
}
#deformingthings4d-section .animal-page > .columns.is-multiline.mb-6 {
margin-bottom: 0.75rem !important;
}
#vto-section .cloth-page > .columns.is-multiline.mb-6 {
margin-bottom: 0.75rem !important;
}
#actorshq-section .actor-page > .columns.is-multiline.mb-6 {
margin-bottom: 0.75rem !important;
}
#deformingthings4d-section .animal-page > .columns.is-multiline.mb-6 + .columns {
margin-top: 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
}
#vto-section .cloth-page > .columns.is-multiline.mb-6 + .columns {
margin-top: 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
}
#actorshq-section .actor-placeholder {
min-height: 180px;
border: 1px dashed #cbd5e1;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background: #f8fafc;
color: #64748b;
font-size: 0.95rem;
width: 100%;
}
&lt;/style>
&lt;!-- Reusable page styles -->
&lt;style>
/* Title section */
.hero-title-section .container {
max-width: 1152px;
}
.hero-title-main { font-size: 3.3rem; }
.hero-title-sub { font-size: 2.4rem; }
.hero-authors {
margin-top: 1.2rem;
font-size: 1.4rem;
line-height: 2;
}
.hero-authors a { color: #333; }
.hero-affiliations {
margin-top: 0.6rem;
font-size: 1.2rem;
color: #666;
line-height: 1.7;
}
.hero-corresponding {
font-size: 1.1rem;
color: #888;
}
.hero-emails {
margin-top: 0.4rem;
font-size: 1.05rem;
color: #999;
font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
letter-spacing: 0.01em;
}
.hero-links {
margin-top: 1rem;
display: flex;
justify-content: center;
align-items: center;
gap: 0.8rem;
flex-wrap: wrap;
}
.hero-link-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.62rem 1.15rem;
border: 1px solid #d9d9df;
border-radius: 999px;
background: #fff;
color: #444;
font-size: 1rem;
font-weight: 600;
line-height: 1;
text-decoration: none;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.hero-link-btn:hover {
background: #f7f7fa;
border-color: #c9c9d2;
color: #222;
}
.hero-link-btn .icon {
width: 1rem;
height: 1rem;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
font-size: 1rem;
}
/* Shared text style for captions, acknowledgments, etc. */
.body-text {
font-size: 1.2rem;
color: #555;
line-height: 1.75;
text-align: justify;
}
.body-text-sm {
font-size: 1.15rem;
color: #555;
line-height: 1.6;
}
/* Teaser figure */
.teaser-figure {
margin: 2.5rem auto 0;
padding-top: 2rem;
border-top: 1px solid #e8e8ec;
max-width: 75%;
}
.teaser-figure figcaption {
margin-top: 0.8rem;
}
/* Narrow column (75%) for abstract / ack */
.col-narrow {
max-width: 75%;
}
/* Method figure captions */
.method-caption {
margin-top: 0.8rem;
}
/* Metric highlight (green numbers in abstract) */
.metric-good { color: #2e9e5a; }
/* Semantic colors in teaser caption */
.skel-color { color: red; }
.bone-color { color: blue; }
/* Alternating section background */
.section-alt { background-color: #f5f5f5; }
/* Button row gap for paginated sections */
.btn-row { gap: 0.75rem; }
/* Acknowledgments project table */
.ack-table {
margin: 0.4rem auto 1rem;
border-collapse: collapse;
width: auto;
}
.ack-table td:first-child {
padding: 3px 12px 3px 0;
font-weight: 600;
white-space: nowrap;
}
.ack-table td:last-child {
padding: 3px 0;
color: #888;
}
&lt;/style>
&lt;/head>
&lt;body>
&lt;section class="hero hero-title-section">
&lt;div class="hero-body">
&lt;div class="container">
&lt;div class="columns is-centered">
&lt;div class="column has-text-centered">
&lt;h1 class="title is-2 publication-title">
&lt;span class="hero-title-main">GaussiAnimate&lt;/span>&lt;br>
&lt;span class="hero-title-sub">Reconstruct and Rig Animatable Categories with Level of Dynamics&lt;/span>
&lt;/h1>
&lt;div class="hero-authors">
&lt;span>&lt;a href="http://cookmaker.cn" target="_blank">Jiaxin Wang&lt;/a>&lt;sup>1&lt;/sup>&lt;/span>,
&lt;span>&lt;a href="#">Dongxin Lyu&lt;/a>&lt;sup>1&lt;/sup>&lt;/span>,
&lt;span>&lt;a href="https://zcai0612.github.io/" target="_blank">Zeyu Cai&lt;/a>&lt;sup>1,2&lt;/sup>&lt;/span>,
&lt;span>&lt;a href="https://frank-zy-dou.github.io/" target="_blank">Zhiyang Dou&lt;/a>&lt;sup>3&lt;/sup>&lt;/span>,
&lt;span>&lt;a href="https://clinplayer.github.io/" target="_blank">Cheng Lin&lt;/a>&lt;sup>4&lt;/sup>&lt;/span>,
&lt;span>&lt;a href="https://apchenstu.github.io/" target="_blank">Anpei Chen&lt;/a>&lt;sup>1&lt;/sup>&lt;/span>,
&lt;span>&lt;a href="https://xiuyuliang.cn/" target="_blank">Yuliang Xiu&lt;/a>&lt;sup>1*&lt;/sup>&lt;/span>
&lt;/div>
&lt;div class="hero-affiliations">
&lt;sup>1&lt;/sup>Westlake University &amp;nbsp;&amp;nbsp;
&lt;sup>2&lt;/sup>Nanjing University &amp;nbsp;&amp;nbsp;
&lt;sup>3&lt;/sup>University of Hong Kong &amp;nbsp;&amp;nbsp;
&lt;sup>4&lt;/sup>Macau University of Science and Technology&lt;br>
&lt;span class="hero-corresponding">* Corresponding author&lt;/span>
&lt;/div>
&lt;div class="hero-emails">
{wangjiaxin, lyudongxin, chenanpei, xiuyuliang}@westlake.edu.cn,
caizeyu010612@gmail.com,
zhiyang0@connect.hku.hk,
chenglin@must.edu.mo
&lt;/div>
&lt;div class="hero-links">
&lt;a class="hero-link-btn" href="https://github.com/Net-Maker/GaussiAnimate" target="_blank">
&lt;span class="icon">
&lt;i class="fab fa-github">&lt;/i>
&lt;/span>
&lt;span>Code (Coming Soon)&lt;/span>
&lt;/a>
&lt;a class="hero-link-btn" href="https://arxiv.org/abs/2604.08547" target="_blank">
&lt;span class="icon">
&lt;i class="ai ai-arxiv">&lt;/i>
&lt;/span>
&lt;span>arXiv&lt;/span>
&lt;/a>
&lt;/div>
&lt;/div>
&lt;/div>
&lt;/div>
&lt;/div>
&lt;/section>
&lt;!-- Demo Video Gallery -->
&lt;style>
.gallery-section {
background: #fcfcfd;
padding: 2rem 0 2.5rem;
}
.gallery-header {
text-align: center;
margin-bottom: 1.8rem;
}
.gallery-title {
font-size: 2.25rem;
font-weight: 600;
color: #1a1a1a;
letter-spacing: 0.04em;
margin-bottom: 0.25rem;
}
.gallery-rule {
width: 40px;
height: 1.5px;
background: #aaa;
margin: 0.5rem auto 0.6rem;
border: none;
}
.gallery-subtitle {
color: #777;
font-size: 1.38rem;
font-weight: 400;
font-style: italic;
}
.gallery-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
table-layout: fixed;
}
.gallery-table thead th {
font-size: 1.23rem;
font-weight: 500;
color: #666;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 0 8px 12px;
text-align: center;
border-bottom: 1.5px solid #d0d0d0;
}
.gallery-table thead th:first-child {
text-align: right;
padding-right: 24px;
width: 200px;
}
.gallery-table tbody tr {
transition: background 0.2s;
}
.gallery-table tbody tr:hover {
background: rgba(0,0,0,0.015);
}
.gallery-table tbody td {
padding: 12px 8px;
vertical-align: middle;
border-bottom: 1px solid #ececec;
}
.gallery-table tbody tr:last-child td {
border-bottom: none;
}
.gallery-table tbody td:first-child {
text-align: right;
padding-right: 24px;
width: 200px;
}
.gallery-cat-main {
font-size: 1.5rem;
font-weight: 600;
color: #2a2a2a;
line-height: 1.3;
}
.gallery-cat-sub {
font-size: 1.17rem;
color: #999;
font-weight: 400;
margin-top: 2px;
}
.gallery-vid-wrap {
position: relative;
border-radius: 4px;
overflow: hidden;
background: #f5f5f5;
box-shadow: 0 1px 3px rgba(0,0,0,0.06);
transition: box-shadow 0.25s ease, transform 0.25s ease;
margin: 0 auto;
}
.gallery-vid-wrap:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.10);
transform: translateY(-2px);
}
.gallery-vid-wrap video {
display: block;
width: 100%;
height: auto;
}
@media (max-width: 768px) {
.gallery-table thead th:first-child,
.gallery-table tbody td:first-child {
width: 100px;
padding-right: 12px;
}
.gallery-cat-main { font-size: 0.85rem; }
.gallery-cat-sub { font-size: 0.68rem; }
.gallery-table thead th { font-size: 0.7rem; }
}
&lt;/style>
&lt;section class="gallery-section">
&lt;div class="container">
&lt;div class="gallery-header">
&lt;div class="gallery-title">Results Gallery&lt;/div>
&lt;hr class="gallery-rule">
&lt;div class="gallery-subtitle">Skelebon on diverse animatable entities&lt;/div>
&lt;/div>
&lt;table class="gallery-table">
&lt;thead>
&lt;tr>
&lt;th>&lt;/th>
&lt;th>Skeleton&lt;/th>
&lt;th>Bones&lt;/th>
&lt;th>Skinning&lt;/th>
&lt;th>Combined&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;!-- Gaussian -->
&lt;tr>
&lt;td>
&lt;div class="gallery-cat-main">Clothed Human&lt;/div>
&lt;div class="gallery-cat-sub">4D Gaussians&lt;/div>
&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/gaussian/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/gaussian/bones.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/gaussian/skinning_bones.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/gaussian/pc_bones.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;/tr>
&lt;!-- Bucks -->
&lt;tr>
&lt;td>
&lt;div class="gallery-cat-main">Quadruped&lt;/div>
&lt;div class="gallery-cat-sub">Mesh &amp;middot; Bucks&lt;/div>
&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/bucks/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/bucks/ssdr_bones.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/bucks/skinning_mesh.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/bucks/combined.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;/tr>
&lt;!-- Cloth -->
&lt;tr>
&lt;td>
&lt;div class="gallery-cat-main">Garment&lt;/div>
&lt;div class="gallery-cat-sub">Mesh &amp;middot; Cloth&lt;/div>
&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/cloth/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/cloth/ssdr_bones.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/cloth/skinning_mesh.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/cloth/combined.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;/tr>
&lt;!-- Dragon -->
&lt;tr>
&lt;td>
&lt;div class="gallery-cat-main">Dragon&lt;/div>
&lt;div class="gallery-cat-sub">Mesh &amp;middot; Biped&lt;/div>
&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/dragon/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/dragon/ssdr_bones.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/dragon/skinning_mesh.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;td>&lt;div class="gallery-vid-wrap">&lt;video autoplay loop muted playsinline>&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/teaser/dragon/combined.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;!-- Teaser Figure -->
&lt;figure class="teaser-figure">
&lt;img src="https://cookmaker.cn/gaussianimate/static/images/teaser.png" alt="Project Teaser" width="100%">
&lt;figcaption class="body-text">
&lt;strong>GaussiAnimate&lt;/strong> is designed to: 1) &lt;strong>rig&lt;/strong> diverse animatable entities&amp;mdash;typically featuring a soft exterior and rigid core (e.g., clothed humans, quadrupeds, bipeds, birds, and garments)&amp;mdash;from either reconstructed consistent 4DGS or mesh sequences. This relies on a novel &lt;span class="skel-color">skele&lt;/span>&lt;span class="bone-color">bones&lt;/span> representation that balances the intuitive control of &lt;span class="skel-color">kinematic skeletons&lt;/span> with the deformation fidelity of &lt;span class="bone-color">free-form bones&lt;/span>; and 2) &lt;strong>animate&lt;/strong> these rigged entities non-parametrically via Partwise Motion Matching (PartMM), where skeletons drive the bones, enabling kinematic control over non-rigid deformations.
&lt;/figcaption>
&lt;/figure>
&lt;/div>
&lt;/section>
&lt;!-- Paper abstract -->
&lt;section class="section hero is-light">
&lt;div class="container is-max-desktop">
&lt;div class="columns is-centered has-text-centered">
&lt;div class="column col-narrow">
&lt;h2 class="title is-4">Abstract&lt;/h2>
&lt;div class="content has-text-justified">
&lt;p>
Rigging animatable characters, such as quadrupeds and clothed humans, presents a fundamental challenge:
balancing &lt;i>intuitive control&lt;/i> with &lt;i>deformation fidelity&lt;/i>. While kinematic skeletons offer
intuitive control, natural surface deformations involve significant non-rigid dynamics&amp;mdash;such as loose
clothing and soft tissues&amp;mdash;that cannot be easily captured by skeletons alone.
Free-form bones, that conform closely to the surface, can effectively capture non-rigid deformations,
but lack a kinematic structure necessary for intuitive control.
Then how about combining both to achieve the best of both worlds?
Thus, we propose a Scaffold-Skin Rigging System, termed &amp;ldquo;&lt;i>skelebones&lt;/i>&amp;rdquo;, with three core steps:
(1) &lt;i>Bones&lt;/i>: compress temporally-consistent deformable Gaussians into free-form bones, approximating
non-rigid surface deformations;
(2) &lt;i>Skeleton&lt;/i>: extract a Mean Curvature Skeleton from canonical Gaussians and refine it temporally,
ensuring a category-agnostic, motion-adaptive, and topology-correct kinematic structure;
(3) &lt;i>Binding&lt;/i>: bind the skeleton and bones via non-parametric partwise motion matching, synthesizing
novel bone motions by matching, retrieving, and blending existing ones.
Collectively, these three steps enable us to compress the Level of Dynamics of the reconstructed Gaussian
sequences into compact skelebones that are both controllable and expressive.
We validate our approach on both synthetic and real-world datasets, achieving significant improvements in
reanimation performance across unseen poses&amp;mdash;with &lt;b class="metric-good">17.3%&lt;/b> PSNR gains over Linear Blend Skinning (LBS)
and &lt;b class="metric-good">21.7%&lt;/b> over Bag-of-Bones (BoB)&amp;mdash;while maintaining excellent reconstruction fidelity,
particularly for characters exhibiting complex non-rigid surface dynamics.
Our Partwise Motion Matching algorithm demonstrates strong generalization to both Gaussian and mesh
representations, even under low-data regimes (~1000 frames), achieving &lt;b class="metric-good">48.4%&lt;/b> RMSE improvement over
robust LBS and outperforming GRU- and MLP-based learning methods by &lt;b class="metric-good">&amp;gt;20%&lt;/b>.
Code will be made publicly available for research purposes.
&lt;/p>
&lt;/div>
&lt;/div>
&lt;/div>
&lt;/div>
&lt;/section>
&lt;section class="section" id="vto-section">
&lt;div class="container">
&lt;h2 class="title is-3 has-text-centered">Results on VTO Datasets&lt;/h2>
&lt;div class="is-flex is-justify-content-center is-align-items-center mb-5 btn-row">
&lt;button id="cloth-page-prev" class="button is-light">Prev&lt;/button>
&lt;span id="cloth-page-indicator" class="has-text-weight-semibold">1 / 5 - Tshirt1&lt;/span>
&lt;button id="cloth-page-next" class="button is-light">Next&lt;/button>
&lt;/div>
&lt;div class="cloth-page is-active" data-cloth="hood_video_tshirt_shape00_91_33">
&lt;div class="columns is-multiline mb-6">&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">GT&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_33/gt_mesh.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Skeleton&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_33/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Bones&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_33/ssdr_bones.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_33/comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Error Map&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_33/error_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Overlap&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_33/overlap_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;/div>
&lt;div class="cloth-page" data-cloth="hood_video_tshirt_shape00_91_36">
&lt;div class="columns is-multiline mb-6">&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">GT&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_36/gt_mesh.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Skeleton&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_36/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Bones&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_36/ssdr_bones.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_36/comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Error Map&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_36/error_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Overlap&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_36/overlap_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;/div>&lt;div class="cloth-page" data-cloth="hood_video_tshirt_shape00_91_38">
&lt;div class="columns is-multiline mb-6">&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">GT&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_38/gt_mesh.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Skeleton&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_38/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Bones&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_38/ssdr_bones.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_38/comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Error Map&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_38/error_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Overlap&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_tshirt_shape00_91_38/overlap_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;/div>
&lt;div class="cloth-page" data-cloth="hood_video_dress_shape00_91_38">
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">GT&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_dress_shape00_91_38/gt_mesh.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Skeleton&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_dress_shape00_91_38/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Bones&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_dress_shape00_91_38/ssdr_bones.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_dress_shape00_91_38/comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Error Map&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_dress_shape00_91_38/error_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Overlap&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_dress_shape00_91_38/overlap_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;/div>
&lt;div class="cloth-page" data-cloth="hood_video_dress_shape00_91_61">
&lt;div class="columns is-multiline mb-6">&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">GT&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_dress_shape00_91_61/gt_mesh.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Skeleton&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_dress_shape00_91_61/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Bones&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_dress_shape00_91_61/ssdr_bones.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_dress_shape00_91_61/comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Error Map&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_dress_shape00_91_61/error_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Overlap&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/cloth/hood_video_dress_shape00_91_61/overlap_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;/div>
&lt;/div>
&lt;/section>
&lt;section class="section" id="deformingthings4d-section">
&lt;div class="container">
&lt;h2 class="title is-3 has-text-centered">Results on DeformingThings4D Datasets&lt;/h2>
&lt;div class="is-flex is-justify-content-center is-align-items-center mb-5 btn-row">
&lt;button id="animal-page-prev" class="button is-light">Prev&lt;/button>
&lt;span id="animal-page-indicator" class="has-text-weight-semibold">1 / 5 - lepoard&lt;/span>
&lt;button id="animal-page-next" class="button is-light">Next&lt;/button>
&lt;/div>
&lt;div class="animal-page is-active" data-animal="lepoard">
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-4">
&lt;h4 class="title is-5 has-text-centered mb-3">GT&lt;/h4>
&lt;video autoplay controls muted loop preload="metadata" width="100%">
&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/lepoard/gt_mesh.mp4" type="video/mp4">
&lt;/video>
&lt;/div>
&lt;div class="column is-4">
&lt;h4 class="title is-5 has-text-centered mb-3">Skeleton&lt;/h4>
&lt;video autoplay controls muted loop preload="metadata" width="100%">
&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/lepoard/skeleton.mp4" type="video/mp4">
&lt;/video>
&lt;/div>
&lt;div class="column is-4">
&lt;h4 class="title is-5 has-text-centered mb-3">Bones&lt;/h4>
&lt;video autoplay controls muted loop preload="metadata" width="100%">
&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/lepoard/ssdr_bones.mp4" type="video/mp4">
&lt;/video>
&lt;/div>
&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>
&lt;/div>
&lt;div class="columns mb-6">
&lt;div class="column">
&lt;video autoplay controls muted loop preload="metadata" width="100%">
&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/lepoard/comparison.mp4" type="video/mp4">
&lt;/video>
&lt;/div>
&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Error Map&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>
&lt;/div>
&lt;div class="columns mb-6">
&lt;div class="column">
&lt;video autoplay controls muted loop preload="metadata" width="100%">
&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/lepoard/error_comparison.mp4" type="video/mp4">
&lt;/video>
&lt;/div>
&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Overlap&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">
&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>
&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>
&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>
&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>
&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>
&lt;/div>
&lt;div class="columns">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/lepoard/overlap_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;/div>
&lt;div class="animal-page" data-animal="bull_tail">
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">GT&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/bull_tail/gt_mesh.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Skeleton&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/bull_tail/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Bones&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/bull_tail/ssdr_bones.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>
&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/bull_tail/comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Error Map&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>
&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/bull_tail/error_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Overlap&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/bull_tail/overlap_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;/div>
&lt;div class="animal-page" data-animal="cattle_jump">
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">GT&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/cattle_jump/gt_mesh.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Skeleton&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/cattle_jump/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Bones&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/cattle_jump/ssdr_bones.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>
&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/cattle_jump/comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Error Map&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>
&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/cattle_jump/error_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Overlap&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/cattle_jump/overlap_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;/div>
&lt;div class="animal-page" data-animal="chicken">
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">GT&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/chicken/gt_mesh.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Skeleton&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/chicken/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Bones&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/chicken/ssdr_bones.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>
&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/chicken/comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Error Map&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>
&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/chicken/error_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Overlap&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/chicken/overlap_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;/div>
&lt;div class="animal-page" data-animal="fish">
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">GT&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/fish/gt_mesh.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Skeleton&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/fish/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-4">&lt;h4 class="title is-5 has-text-centered mb-3">Bones&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/fish/ssdr_bones.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>
&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/fish/comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Error Map&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;div class="column is-2">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>
&lt;/div>
&lt;div class="columns mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/fish/error_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Overlap&lt;/h4>&lt;/div>
&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">FullMM&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GRU&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">MLP&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>
&lt;div class="columns">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/animal/fish/overlap_comparison.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>
&lt;/div>
&lt;/div>
&lt;/section>
&lt;section class="section" id="actorshq-section">
&lt;div class="container">
&lt;h2 class="title is-3 has-text-centered">Result on ActorsHQ Dataset&lt;/h2>
&lt;div class="is-flex is-justify-content-center is-align-items-center mb-5 btn-row">
&lt;button id="actor-page-prev" class="button is-light">Prev&lt;/button>
&lt;span id="actor-page-indicator" class="has-text-weight-semibold">1 / 3 - Actor01 Seq01&lt;/span>
&lt;button id="actor-page-next" class="button is-light">Next&lt;/button>
&lt;/div>
&lt;div class="actor-page is-active" data-actor="actor01_seq01_c106">
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-3">&lt;h4 class="title is-5 has-text-centered mb-3">Recon PC&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c106/recon_pc.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-3">&lt;h4 class="title is-5 has-text-centered mb-3">Rendering&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c106/rendering.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-3">&lt;h4 class="title is-5 has-text-centered mb-3">Skeleton&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c106/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-3">&lt;h4 class="title is-5 has-text-centered mb-3">Bones&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c106/bones.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result (View1)&lt;/h4>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">D3DGS&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Bob&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c106/animation_gt.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c106/animation_d3dgs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c106/animation_ours.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c106/animation_bob.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c106/animation_lbs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result (View2)&lt;/h4>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">D3DGS&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Bob&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c159/animation_gt.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c159/animation_d3dgs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c159/animation_ours.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c159/animation_bob.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c159/animation_lbs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Rendering Result (View1)&lt;/h4>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">D3DGS&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Bob&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c106/render_result_gt.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c106/render_result_d3dgs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c106/render_result_ours.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c106/render_result_bob.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c106/render_result_lbs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Rendering Result (View2)&lt;/h4>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">D3DGS&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Bob&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c159/render_result_gt.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c159/render_result_d3dgs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c159/render_result_ours.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c159/render_result_bob.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor01_seq01_c159/render_result_lbs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>&lt;/div>&lt;div class="actor-page" data-actor="actor02_seq01_c159">
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-3">&lt;h4 class="title is-5 has-text-centered mb-3">Recon PC&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c159/recon_pc.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-3">&lt;h4 class="title is-5 has-text-centered mb-3">Rendering&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c159/rendering.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-3">&lt;h4 class="title is-5 has-text-centered mb-3">Skeleton&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c159/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-3">&lt;h4 class="title is-5 has-text-centered mb-3">Bones&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c159/bones.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result (View1)&lt;/h4>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">D3DGS&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Bob&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c106/animation_gt.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c106/animation_d3dgs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c106/animation_ours.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c106/animation_bob.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c106/animation_lbs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result (View2)&lt;/h4>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">D3DGS&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Bob&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c159/animation_gt.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c159/animation_d3dgs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c159/animation_ours.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c159/animation_bob.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c159/animation_lbs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Rendering Result (View1)&lt;/h4>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">D3DGS&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Bob&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c106/render_result_gt.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c106/render_result_d3dgs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c106/render_result_ours.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c106/render_result_bob.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c106/render_result_lbs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Rendering Result (View2)&lt;/h4>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">D3DGS&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Bob&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c159/render_result_gt.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c159/render_result_d3dgs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c159/render_result_ours.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c159/render_result_bob.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor02_seq01_c159/render_result_lbs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>&lt;/div>&lt;div class="actor-page" data-actor="actor04_seq02_c159">
&lt;div class="columns is-multiline mb-6">
&lt;div class="column is-3">&lt;h4 class="title is-5 has-text-centered mb-3">Recon PC&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c159/recon_pc.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-3">&lt;h4 class="title is-5 has-text-centered mb-3">Rendering&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c159/rendering.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-3">&lt;h4 class="title is-5 has-text-centered mb-3">Skeleton&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c159/skeleton.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;div class="column is-3">&lt;h4 class="title is-5 has-text-centered mb-3">Bones&lt;/h4>&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c159/bones.mp4" type="video/mp4">&lt;/video>&lt;/div>
&lt;/div>
&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result (View1)&lt;/h4>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">D3DGS&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Bob&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c106/animation_gt.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c106/animation_d3dgs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c106/animation_ours.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c106/animation_bob.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c106/animation_lbs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Animation Result (View2)&lt;/h4>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">D3DGS&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Bob&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c159/animation_gt.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c159/animation_d3dgs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c159/animation_ours.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c159/animation_bob.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c159/animation_lbs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Rendering Result (View1)&lt;/h4>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">D3DGS&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Bob&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c106/render_result_gt.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c106/render_result_d3dgs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c106/render_result_ours.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c106/render_result_bob.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c106/render_result_lbs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>&lt;div class="mb-4">&lt;h4 class="title is-5 has-text-centered mb-4">Rendering Result (View2)&lt;/h4>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">GT&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">D3DGS&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Ours&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">Bob&lt;/h4>&lt;/div>&lt;div class="column">&lt;h4 class="title is-6 has-text-centered mb-2">LBS&lt;/h4>&lt;/div>&lt;/div>&lt;div class="columns is-multiline mb-6">&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c159/render_result_gt.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c159/render_result_d3dgs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c159/render_result_ours.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c159/render_result_bob.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;div class="column">&lt;video autoplay controls muted loop preload="metadata" width="100%" data-playback-rate="0.5">&lt;source src="https://cookmaker.cn/gaussianimate/static/videos/actorshq/actor04_seq02_c159/render_result_lbs.mp4" type="video/mp4">&lt;/video>&lt;/div>&lt;/div>&lt;/div>
&lt;/div>
&lt;/section>
&lt;!-- Method section: Pipeline -->
&lt;section class="section section-alt">
&lt;div class="container">
&lt;h2 class="title is-4 has-text-centered">Skelebone Motion Database Construction&lt;/h2>
&lt;div class="columns is-centered">
&lt;div class="column is-10">
&lt;img src="https://cookmaker.cn/gaussianimate/static/images/pipeline.png" alt="Skelebone Motion Database Construction" width="100%">
&lt;p class="body-text method-caption">
&lt;strong>Pipeline Overview.&lt;/strong> Given a monocular or multi-view video, our method reconstructs a consistent 4DGS, extracts the inner skeleton via curve skeletonization and the outer free-form bones via SSDR, together forming &amp;ldquo;skelebones&amp;rdquo;, which are then used to build a motion database.
&lt;/p>
&lt;/div>
&lt;/div>
&lt;/div>
&lt;/section>
&lt;!-- Method section: Skeletonization -->
&lt;section class="section">
&lt;div class="container">
&lt;h2 class="title is-4 has-text-centered">Inner Skeleton Initialization&lt;/h2>
&lt;div class="columns is-centered">
&lt;div class="column is-10">
&lt;img src="https://cookmaker.cn/gaussianimate/static/images/skeleton.png" alt="Inner Skeleton Initialization" width="100%">
&lt;p class="body-text method-caption">
&lt;strong>Inner Skeleton Initialization.&lt;/strong> We first extract the curve skeleton (A) of the object in the canonical space. Then we estimate the joint locations on the curve skeleton through skinning analysis. Specifically, we project the skinning weights of the 3D points onto the curve skeleton (B), and then identify positions along the 1D curve where neighboring skinning weights exhibit the highest similarity as potential joint locations (C). Finally, we traverse the curve skeleton using Depth-First Search (DFS) to construct the kinematic tree (D).
&lt;/p>
&lt;/div>
&lt;/div>
&lt;/div>
&lt;/section>
&lt;!-- Method section: PartMM -->
&lt;section class="section section-alt">
&lt;div class="container">
&lt;h2 class="title is-4 has-text-centered">Partwise Motion Matching&lt;/h2>
&lt;div class="columns is-centered">
&lt;div class="column is-10">
&lt;img src="https://cookmaker.cn/gaussianimate/static/images/pipeline2.png" alt="Partwise Motion Matching" width="100%">
&lt;p class="body-text method-caption">
&lt;strong>Partwise Motion Matching (PartMM).&lt;/strong> Given a novel inner-skeleton pose sequence, we animate skelebones by synthesizing outer-bone motion via part-wise matching. Our method: (a) decomposes the kinematic tree into multiple parts (shown as two parts; user-defined in practice); (b) extracts part-wise motion patches &lt;i>R&lt;/i>&lt;sub>&lt;i>J&lt;/i>&lt;/sub>&lt;sup>novel&lt;/sup> from the novel pose sequence; (c) queries these patches against a pre-built motion database to retrieve similar patches to recompile, and then perform part-level spatial alignment. Iterating step (c) yields the final motion &lt;i>T&lt;/i>&lt;sub>&lt;i>B&lt;/i>&lt;/sub>&lt;sup>novel&lt;/sup>.
&lt;/p>
&lt;/div>
&lt;/div>
&lt;/div>
&lt;/section>
&lt;!-- Acknowledgments -->
&lt;section class="section">
&lt;div class="container is-max-desktop">
&lt;div class="columns is-centered">
&lt;div class="column col-narrow">
&lt;h2 class="title is-4 has-text-centered">Acknowledgments&lt;/h2>
&lt;p class="body-text">
We thank &lt;a href="https://lhchen.top/" target="_blank">&lt;i>Ling-Hao Chen&lt;/i>&lt;/a> for fruitful discussions on motion matching for retargeting, which inspired our shift from learning-based to matching-based approaches; &lt;a href="https://peizhuoli.github.io/" target="_blank">&lt;i>Peizhuo Li&lt;/i>&lt;/a> and &lt;a href="https://gengshan-y.github.io/" target="_blank">&lt;i>Gengshan Yang&lt;/i>&lt;/a> for insightful feedback during the literature survey; &lt;a href="https://ysysimon.com/" target="_blank">&lt;i>Siyuan Yu&lt;/i>&lt;/a> for testing and visualization support; &lt;a href="https://fanegg.github.io/" target="_blank">&lt;i>Yue Chen&lt;/i>&lt;/a> and &lt;a href="https://rover-xingyu.github.io/" target="_blank">&lt;i>Xingyu Chen&lt;/i>&lt;/a> for helpful suggestions on figure design; the members of &lt;a href="https://xiuyuliang.cn/group.html" target="_blank">&lt;i>Endless AI Lab&lt;/i>&lt;/a> for their discussions and proofreading; and the &lt;a href="https://actors-hq.com/" target="_blank">&lt;i>ActorsHQ&lt;/i>&lt;/a>, &lt;a href="https://dna-rendering.github.io/" target="_blank">&lt;i>DNA-Rendering&lt;/i>&lt;/a>, &lt;a href="https://github.com/rabbityl/DeformingThings4D" target="_blank">&lt;i>DeformingThings4D&lt;/i>&lt;/a>, and &lt;a href="https://github.com/isantesteban/vto-dataset" target="_blank">&lt;i>VTO&lt;/i>&lt;/a> dataset teams for providing the datasets.
&lt;/p>
&lt;p class="body-text" style="margin-bottom: 0.6rem;">
We also gratefully acknowledge the following open-source projects:
&lt;/p>
&lt;table class="ack-table body-text-sm">
&lt;tr>&lt;td>&lt;a href="https://banmo-www.github.io/" target="_blank">BANMo&lt;/a>&lt;/td>&lt;td>Deformable 4D reconstruction from casual videos&lt;/td>&lt;/tr>
&lt;tr>&lt;td>&lt;a href="https://jefftan969.github.io/dressrecon/" target="_blank">DressRecon&lt;/a>&lt;/td>&lt;td>Freeform 4D human reconstruction&lt;/td>&lt;/tr>
&lt;tr>&lt;td>&lt;a href="https://dynamic3dgaussians.github.io/" target="_blank">Dynamic 3D Gaussians&lt;/a>&lt;/td>&lt;td>Persistent dynamic Gaussian tracking&lt;/td>&lt;/tr>
&lt;tr>&lt;td>&lt;a href="https://yaoyx689.github.io/RigGS.html" target="_blank">RigGS&lt;/a>&lt;/td>&lt;td>Gaussian-based articulated rigging&lt;/td>&lt;/tr>
&lt;tr>&lt;td>&lt;a href="https://cgal.org/2015/02/27/cgal-wipMCF" target="_blank">Mean Curvature Skeleton&lt;/a>&lt;/td>&lt;td>Curve skeleton extraction via mean curvature flow&lt;/td>&lt;/tr>
&lt;tr>&lt;td>&lt;a href="https://github.com/electronicarts/dem-bones" target="_blank">DemBones&lt;/a>&lt;/td>&lt;td>Smooth skinning decomposition with rigid bones&lt;/td>&lt;/tr>
&lt;tr>&lt;td>&lt;a href="https://lhchen.top/Motion2Motion/" target="_blank">Motion2Motion&lt;/a>&lt;/td>&lt;td>Cross-topology motion transfer&lt;/td>&lt;/tr>
&lt;tr>&lt;td>&lt;a href="https://arxiv.org/abs/2103.15545" target="_blank">Drop the GAN&lt;/a>&lt;/td>&lt;td>Patch nearest-neighbor generative framework&lt;/td>&lt;/tr>
&lt;tr>&lt;td>&lt;a href="https://peizhuoli.github.io/publication/genmm/" target="_blank">GenMM&lt;/a>&lt;/td>&lt;td>Generative motion matching from single examples&lt;/td>&lt;/tr>
&lt;/table>
&lt;p class="body-text">
This work is supported by the Research Center for Industries of the Future (RCIF) at Westlake University and the Westlake Education Foundation.
&lt;/p>
&lt;/div>
&lt;/div>
&lt;/div>
&lt;/section>
&lt;footer class="footer">
&lt;div class="container">
&lt;div class="columns is-centered">
&lt;div class="column is-8">
&lt;div class="content">
&lt;p>&lt;/p>
&lt;/div>
&lt;/div>
&lt;/div>
&lt;/div>
&lt;/footer>
&lt;script>
function toggleVideoSource(video, enabled) {
var source = video.querySelector("source");
if (!source) return;
var currentSrc = source.getAttribute("src");
if (!source.dataset.src &amp;&amp; currentSrc) {
source.dataset.src = currentSrc;
}
var savedSrc = source.dataset.src;
if (!savedSrc) return;
if (enabled) {
if (source.getAttribute("src") !== savedSrc) {
source.setAttribute("src", savedSrc);
video.load();
}
} else if (source.getAttribute("src")) {
source.removeAttribute("src");
video.load();
}
}
function syncPageVideos(page, shouldPlay) {
var videos = page.querySelectorAll("video");
for (var i = 0; i &lt; videos.length; i++) {
var v = videos[i];
if (shouldPlay) {
toggleVideoSource(v, true);
v.autoplay = true;
v.preload = "metadata";
var rate = parseFloat(v.dataset.playbackRate || "1");
v.playbackRate = !isNaN(rate) &amp;&amp; rate > 0 ? rate : 1;
var playPromise = v.play();
if (playPromise &amp;&amp; typeof playPromise.catch === "function") {
playPromise.catch(function () {});
}
} else {
v.autoplay = false;
v.pause();
v.currentTime = 0;
v.preload = "none";
toggleVideoSource(v, false);
}
}
}
function initClothPager() {
var section = document.getElementById("vto-section");
if (!section) return;
var pages = section.querySelectorAll(".cloth-page");
var prevBtn = document.getElementById("cloth-page-prev");
var nextBtn = document.getElementById("cloth-page-next");
var indicator = document.getElementById("cloth-page-indicator");
if (!pages.length || !prevBtn || !nextBtn || !indicator) return;
var current = 0;
var clothNameMap = {
hood_video_tshirt_shape00_91_33: "Tshirt1",
hood_video_tshirt_shape00_91_36: "Tshirt2",
hood_video_tshirt_shape00_91_38: "Tshirt3",
hood_video_dress_shape00_91_38: "Dress1",
hood_video_dress_shape00_91_61: "Dress2",
};
function showPage(index) {
current = (index + pages.length) % pages.length;
for (var i = 0; i &lt; pages.length; i++) {
var active = i === current;
pages[i].classList.toggle("is-active", active);
syncPageVideos(pages[i], active);
}
var rawName = pages[current].dataset.cloth || "unknown";
var name = clothNameMap[rawName] || rawName;
indicator.textContent = (current + 1) + " / " + pages.length + " - " + name;
}
prevBtn.addEventListener("click", function () {
showPage(current - 1);
});
nextBtn.addEventListener("click", function () {
showPage(current + 1);
});
showPage(0);
}
function initAnimalPager() {
var section = document.getElementById("deformingthings4d-section");
if (!section) return;
var pages = section.querySelectorAll(".animal-page");
var prevBtn = document.getElementById("animal-page-prev");
var nextBtn = document.getElementById("animal-page-next");
var indicator = document.getElementById("animal-page-indicator");
if (!pages.length || !prevBtn || !nextBtn || !indicator) return;
var current = 0;
function showPage(index) {
current = (index + pages.length) % pages.length;
for (var i = 0; i &lt; pages.length; i++) {
var active = i === current;
pages[i].classList.toggle("is-active", active);
syncPageVideos(pages[i], active);
}
var animalName = pages[current].dataset.animal || "unknown";
indicator.textContent = (current + 1) + " / " + pages.length + " - " + animalName;
}
prevBtn.addEventListener("click", function () {
showPage(current - 1);
});
nextBtn.addEventListener("click", function () {
showPage(current + 1);
});
showPage(0);
}
function initActorPager() {
var section = document.getElementById("actorshq-section");
if (!section) return;
var pages = section.querySelectorAll(".actor-page");
var prevBtn = document.getElementById("actor-page-prev");
var nextBtn = document.getElementById("actor-page-next");
var indicator = document.getElementById("actor-page-indicator");
if (!pages.length || !prevBtn || !nextBtn || !indicator) return;
var current = 0;
var actorNameMap = {
actor01_seq01_c106: "Actor01 Seq01",
actor02_seq01_c159: "Actor02 Seq01",
actor04_seq02_c159: "Actor04 Seq02",
};
function showPage(index) {
current = (index + pages.length) % pages.length;
for (var i = 0; i &lt; pages.length; i++) {
var active = i === current;
pages[i].classList.toggle("is-active", active);
syncPageVideos(pages[i], active);
}
var rawName = pages[current].dataset.actor || "unknown";
var actorName = actorNameMap[rawName] || rawName;
indicator.textContent = (current + 1) + " / " + pages.length + " - " + actorName;
}
prevBtn.addEventListener("click", function () {
showPage(current - 1);
});
nextBtn.addEventListener("click", function () {
showPage(current + 1);
});
showPage(0);
}
initClothPager();
initAnimalPager();
initActorPager();
function toggleMoreVideos() {
var moreVideos = document.getElementById("more-videos");
var btn = event.target;
if (moreVideos.style.display === "none") {
moreVideos.style.display = "flex";
btn.textContent = "Hide more results";
} else {
moreVideos.style.display = "none";
btn.textContent = "Check out more results";
}
}
function toggleMoreVideos2() {
var moreVideos = document.getElementById("more-videos-2");
var btn = event.target;
if (moreVideos.style.display === "none") {
moreVideos.style.display = "flex";
btn.textContent = "Hide more results";
} else {
moreVideos.style.display = "none";
btn.textContent = "Check out more results";
}
}
&lt;/script>
&lt;/body>
&lt;/html></description></item></channel></rss>