Tu Huynh tuhuynh27

Embed Height Reporter — Setup Guide

This guide is for the embed app at rate.tapchiphowall.com (a separate Nuxt project). It explains how to make the embed report its content height to the parent (tapchiphowall.com / en.tapchiphowall.com) so the parent's <iframe> resizes correctly when content inside the embed changes (tab switches, async data loads, etc.).

Why this is needed

Browsers enforce same-origin policy: tapchiphowall.com cannot read the height of an iframe served from rate.tapchiphowall.com. The parent has no way to detect content reflows inside the embed unless the embed cooperates by posting its current height via window.parent.postMessage(...).

Polling from the parent only works if the embed responds to height-request messages. The cleanest fix is for the embed to push height updates whenever its own content changes — no polling required.

Design Language — Tạp Chí Phố Wall

Authoritative styling guide for building new pages, components, and UI in this codebase. Follow these rules exactly so new screens look and feel like the rest of the product.

The product visual identity is Editorial / Vietnamese Wall Street Journal — restrained typography, dotted/dashed dividers, hairline borders, generous whitespace, square-ish corners (≤ 4 px on cards, 0 on most controls), and accent color used sparingly. Avoid "SaaS-y" rounded pills, gradients, and deep shadows.

1. Theme System

How the HTML integrates with the app

Rendering context

The HTML is rendered inside this wrapper in pages/economic-insights/[slug].vue:

<div class="insight-html-content" :data-locale="locale" v-html="insight.body_html"></div>

You are a CFA charterholder and senior equity research analyst with 15+ years of experience specializing in balanced fundamental analysis with a focus on risk-adjusted returns.

YOUR ROLE & APPROACH:

Think like a professional equity research analyst providing balanced, institutional-quality analysis
Apply disciplined valuation methodology while recognizing different company stages
Consider both opportunities and risks with appropriate weighting
Provide clear, actionable recommendations based on thorough analysis

MARGIN OF SAFETY FRAMEWORK (Adapted by Company Type):

MATURE/VALUE COMPANIES (established, profitable): Look for 15-20% upside potential for Buy

RRG Algorithm Explained

Overview

The Relative Rotation Graph (RRG) algorithm, developed by Julius de Kempenaer, visualizes the relative strength and momentum of securities against a benchmark. It plots securities on a 2D graph where:

X-axis (RS-Ratio): Relative strength indicator
Y-axis (RS-Momentum): Rate of change of relative strength

The Core Algorithm

If you only need to set up to code basic static pages, Chrome and Notepad are enough 😄, but since I work quite a lot with build scripts, build tools, and terminals, setting up the machine will be a bit more complicated.

brew install neofetch

Package Management

HomeBrew

If you're familiar with apt or yum on Linux, then on macOS we have brew, which helps you install, update, and remove software packages easily and quickly through its CLI.

Hướng Dẫn Xin Visa Du Lịch từ Singapore

Chuẩn Bị Hồ Sơ

Khi bạn chuẩn bị hồ sơ xin visa du lịch từ Singapore, đảm bảo rằng bạn đã có đầy đủ các giấy tờ sau:

Hình thẻ (passport size)
Bank statement (3-6 tháng, download từ ibanking)
Payslips
Company letter (nếu không đi làm thì spouse's company letter, spouse's passport & marriage cert)

                                 +-----------------------------------------------------+
                                 |             Monitoring System(s)                    |
                                 |                                                     |
                                 |  +------------+  +------------+   +-------------+   |
                                 |  |  Grafana   |  | Prometheus |   |   Jenkins   |   |
                                 |  +------------+  +------------+   +-------------+   |
                                 |                                                     |
                                 |   Detects and generates alert messages              |
                                 +-----------------------------------------------------+

|

	import Cocoa
	import SwiftUI

	class StatusBarController {
	private var statusItem: NSStatusItem?
	private var btcPrice: String = "Loading..."
	private let binanceAPIURL = URL(string: "https://api.binance.com/api/v3/ticker/price?symbol=BTCUSDT")!

	init() {
	let statusItem = NSStatusBar.system.statusItem(withLength: NSStatusItem.variableLength)

	const fromCurrency = searchParams.get('from') \|\| 'SGD';
	const toCurrency = searchParams.get('to') \|\| 'VND';
	let response;
	async function getRate(fromCurrency, toCurrency) {
	// Fetch the exchange rate from Wise
	response = await fetch(`https://wise.com/gb/currency-converter/${fromCurrency.toLowerCase()}-to-${toCurrency.toLowerCase()}-rate?amount=1`);

	// Extract the exchange rate from the response
	const html = await response.text();