samantha/personal-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more content

Browse Source
This commit is contained in:
samantha42
2026-08-28 13:14:15 +02:00
parent cd536b1c8f
commit e944f8a146
6 changed files with 146 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/components/eq.html
+27 -26
View File
@@ -20,7 +20,7 @@
<div class="eq-wrap">
<p class="eq-title">Equity · Portfolio Performance</p>
<div class="eq-header">
<div class="eq-ytd">+9.58% <span>YTD</span></div>
<div class="eq-ytd">+18.61% <span>YTD</span></div>
<span style="font-size:11px; font-family:'IBM Plex Mono',monospace; color:var(--color-text-secondary);">2026</span>
</div>
<hr class="eq-divider">
@@ -35,38 +35,39 @@
</div>
<div style="position:relative; width:100%; height:220px;">
<canvas id="eqChart" role="img" aria-label="Line chart of cumulative and monthly equity returns. Cumulative YTD is plus 9.58%.">
Monthly: Jan +8.13%, Feb −8.84%, Mar +0.41%, Apr +6.59%, May +3.20%, Now +0.64%. Cumulative: Jan +8.13%, Feb −1.43%, Mar −1.02%, Apr +5.51%, May +8.89%, Now +9.58%.
</canvas>
</div>
<canvas id="eqChart" role="img" aria-label="Line chart of cumulative and monthly equity returns. Cumulative YTD is plus 18.61%.">
Monthly: Jan +7.75%, Feb −11.71%, Mar +0.91%, Apr +6.67%, May +3.13%, Jun −0.04%, Jul +2.66%, Now +9.45%. Cumulative: Jan +7.75%, Feb −4.87%, Mar −4.00%, Apr +2.40%, May +5.60%, Jun +5.56%, Jul +8.37%, Now +18.61%.
</canvas>
</div>
<div class="eq-stats">
<div class="eq-stat">
<div class="eq-stat-label">best month</div>
<div class="eq-stat-val pos">+8.13%</div>
</div>
<div class="eq-stat">
<div class="eq-stat-label">worst month</div>
<div class="eq-stat-val neg">−8.84%</div>
</div>
<div class="eq-stat">
<div class="eq-stat-label">cumulative YTD</div>
<div class="eq-stat-val pos">+9.58%</div>
</div>
</div>
<div class="eq-stats">
<div class="eq-stat">
<div class="eq-stat-label">best month</div>
<div class="eq-stat-val pos">+9.45%</div>
</div>
<div class="eq-stat">
<div class="eq-stat-label">worst month</div>
<div class="eq-stat-val neg">−11.71%</div>
</div>
<div class="eq-stat">
<div class="eq-stat-label">cumulative YTD</div>
<div class="eq-stat-val pos">+18.61%</div>
</div>
</div>
<p class="eq-note">// data through Jun 2026 · monthly returns & cumulative</p>
<p class="eq-note">// data through 2026 YTD · monthly returns & cumulative</p>
</div>
<script>
(function() {
const monthly = [8.13, -8.84, 0.41, 6.59, 3.20, 0.64];
const cumul = [8.13, -1.43, -1.02, 5.51, 8.89, 9.58];
const labels = ['jan','feb','mar','apr','may','now'];
const monthly = [7.75, -11.71, 0.91, 6.67, 3.13, -0.04, 2.66, 9.45];
const cumul = [7.75, -4.87, -4.00, 2.40, 5.60, 5.56, 8.37, 18.61];
const labels = ['jan','feb','mar','apr','may','jun','jul','now'];
function initChart() {
const isDark = matchMedia('(prefers-color-scheme: dark)').matches;
const gridColor = isDark ? 'rgba(255,255,255,0.06)' : 'rgba(0,0,0,0.06)';
function initChart() {
const isDark = matchMedia('(prefers-color-scheme: dark)').matches;
const gridColor = isDark ? 'rgba(255,255,255,0.06)' : 'rgba(0,0,0,0.06)';
const textColor = isDark ? 'rgba(255,255,255,0.45)' : 'rgba(0,0,0,0.45)';
const zeroColor = isDark ? 'rgba(255,255,255,0.2)' : 'rgba(0,0,0,0.15)';