chanmainvest.github.io

Public landing page for Chanma Investment — open-source investment research, portfolio analytics, tutorials and market tools.

Live at: https://chanmainvest.github.io/ and https://hevangel.com/

Demo buttons are host-aware: on GitHub Pages they open the matching project at chanmainvest.github.io/<repo>/; on hevangel.com they open the git submodules checked out beside this landing page.

What's here

A single-page scrollytelling site (vanilla HTML / CSS / JS — no build step) that showcases:

• About — quick intro
• Portfolio Dashboard — https://github.com/chanmainvest/portfolio_dashboard
• Investment Tutorial (early draft) — https://github.com/chanmainvest/tutorial
• Trade History (work in progress) — https://github.com/chanmainvest/trade_history
• Bloomberg Mockup (work in progress) — https://github.com/chanmainvest/bloomberg-mockup
• Paper Library — investment & finance academic papers with on-device RAG chatbot: https://github.com/chanmainvest/paper_library
• Wyandanch Library — Chinese-translated finance education library: https://github.com/chanmainvest/wyandanch-library
• Reading Library — English-only investor books and market references: https://github.com/chanmainvest/reading_library
• In Gold We Trust Library (work in progress) — annual gold reports converted to markdown: https://github.com/chanmainvest/ingoldwetrust_library
• Investment Knowledge Base (work in progress) — source collection, LLM extraction, search and prediction leaderboards: https://github.com/chanmainvest/knowledge_base
• Market Data — stock, ETF, bond and macro-data collection tools: https://github.com/chanmainvest/market_data
• Economist Library — magazine PDF download and article collection tools: https://github.com/chanmainvest/economist_library
• Gold & Silver Mines — mine-level public-filings database: https://github.com/chanmainvest/gold_siiver_mines
• Pipeline & future work — YouTube channel
• Newsletter & support — Substack (free) · Patreon (member tiers)
• Contact — hevangel.com · email · GitHub

Features:

• Hamburger nav drawer (top-left)
• Theme toggle: dark / light (top-right)
• 4-language toggle: English · 香港 · 台灣 · 中国 (top-right)
• Three vertical story cards with a sticky screenshot for each of twelve project repos
• Fixed screenshot minimap on the left, with a continuous viewport indicator, current-repo outline, repo-name hover/focus tooltips and click-to-jump navigation
• Language-matched dashboard, tutorial and Wyandanch screenshots; project-page or public-repository screenshots for the other repos
• Fully responsive, no framework, no tracking

Local preview

# Any static server works. Example with Python:
python -m http.server 8080
# then open http://localhost:8080/

Structure

index.html
_config.yml          # keeps GitHub Pages from publishing submodule trees
.gitmodules
assets/
  css/styles.css
  js/main.js         # rewrites demo hrefs for github.io vs hevangel.com
  js/i18n.js
  img/…
portfolio_dashboard/ # submodule (hevangel.com only)
tutorial/            # submodule; site is tutorial/docs/
bloomberg-mockup/    # submodule
paper_library/       # submodule
wyandanch-library/   # submodule; site is wyandanch-library/docs/
reading_library/     # submodule

Each showcase uses .project[data-repo] and exactly three .step cards. The minimap, repository count and scroll activation derive from these sections automatically. Add a matching drawer link and four-language copy when adding a project. data-preview supplies a stable screenshot for projects without language-specific visuals; named data-visual keys select language-aware sources in main.js.

After clone on hevangel.com:

git submodule update --init --depth 1

License

MIT — see LICENSE.