new theme

This commit is contained in:
samantha42
2026-03-23 16:06:36 +01:00
parent 90c70be734
commit 13a1d1c1e4
8 changed files with 2188 additions and 472 deletions
+137 -194
View File
@@ -1,201 +1,144 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About — Samantha Vero Friis</title>
<link rel="stylesheet" href="styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="container">
<!-- PAGE NAV — place right before <header> -->
<nav class="page-nav">
<a href="#about" class="active"><span>about</span></a>
<a href="/git" target="_blank"><span>git</span></a>
<br /><span><p class="section-label">//Opinion</p></span>
<a href="/cinema"><span>Cinema</span></a>
<a href="/finance"><span>Finance</span></a>
<a href="/cyber"><span>cyber</span></a>
<a href="/infra"><span>infra</span></a>
</nav>
<header>
<p class="tag">// about me</p>
<h1>Samantha<br /><span>Vero Friis</span></h1>
<p class="header-sub">
Denmark, Aalborg &nbsp;·&nbsp; samantha42.xyz
</p>
</header>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Samantha Vero Friis</title>
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="styles2.css" />
</head>
<body>
<main>
<p class="summary">
Bachelor's student in Business Administration seeking an
entry-level analyst or finance-related role while studying.
Strong numerical skills, advanced Excel, and experience in
company, risk, and financial analysis. Analytical,
detail-oriented, and efficiency-focused.
</p>
<nav>
<a class="nav-logo" href="#">samantha_vero_friis</a>
<div class="nav-links">
<a href="/engine">engine</a>
<a href="/cyber">cyber</a>
<a href="/cinema">cinema</a>
<a href="/cinema">finance</a>
<a href="/infra">infrastructure</a>
<a href="https://samantha42.xyz/git">git</a>
<a class="cta" href="mailto:me@samantha42.xyz">contact</a>
</div>
</nav>
<!-- Skills -->
<section>
<p class="section-label">// skills</p>
<div class="skills-list">
<div class="skill-row">
<span>Excel</span>
<div class="skill-bar-track">
<div
class="skill-bar-fill"
style="width: 85%; animation-delay: 0.1s"
></div>
</div>
</div>
<div class="skill-row">
<span>Python</span>
<div class="skill-bar-track">
<div
class="skill-bar-fill"
style="width: 75%; animation-delay: 0.2s"
></div>
</div>
</div>
<div class="skill-row">
<span>SQL</span>
<div class="skill-bar-track">
<div
class="skill-bar-fill"
style="width: 60%; animation-delay: 0.3s"
></div>
</div>
</div>
<div class="skill-row">
<span>Go</span>
<div class="skill-bar-track">
<div
class="skill-bar-fill"
style="width: 70%; animation-delay: 0.4s"
></div>
</div>
</div>
<div class="skill-row">
<span>Git</span>
<div class="skill-bar-track">
<div
class="skill-bar-fill"
style="width: 65%; animation-delay: 0.5s"
></div>
</div>
</div>
</div>
</section>
<div class="shell">
<aside>
<div>
<p class="sidebar-label">navigate</p>
<div class="sidebar-links">
<a href="#about">about</a>
<a href="#experience">experience</a>
<a href="#education">education</a>
<a href="#opinion">opinion</a>
</div>
</div>
<div>
<p class="sidebar-label">skills</p>
<div class="skill-list">
<div class="skill-item">Excel</div>
<div class="skill-item">Python</div>
<div class="skill-item">SQL</div>
<div class="skill-item">Go</div>
<div class="skill-item">Git</div>
</div>
</div>
<div>
<p class="sidebar-label">location</p>
<div style="font-family:var(--ff-mono);font-size:0.75rem;color:var(--muted);">Denmark<br>Aalborg</div>
</div>
</aside>
<!-- Experience -->
<section>
<p class="section-label">// experience</p>
<main id="about">
<div class="exp-block">
<h2>Independent Equity Research</h2>
<p>
Perform fundamental analysis using SEC filings
(10-K, 10-Q) and earnings reports. Assess
profitability, liquidity, risk factors, and
long-term business sustainability. Handle incomplete
or low-transparency information through structured
cross-validation.
</p>
</div>
<div class="hero">
<p class="hero-eyebrow">portfolio · 2026</p>
<h1>Samantha<br><span>Vero Friis</span></h1>
<p class="hero-bio">Bachelor's student in Business Administration seeking an entry-level analyst or finance-related role while studying. Strong numerical skills, advanced Excel, and experience in company, risk, and financial analysis. Analytical, detail-oriented, and efficiency-focused.</p>
<div class="hero-meta">
<span><span class="dot"></span>available for work</span>
<span>samantha42.xyz</span>
<span>contact@samantha42.xyz</span>
</div>
</div>
<div class="exp-block">
<h2>Technical Tools & Automation</h2>
<p>
Build lightweight backend tools to automate
repetitive analytical and operational tasks. Use
Python for data processing, validation, and workflow
automation. Develop lightweight online services in
Go, focusing on speed and reliability.
</p>
</div>
</section>
<!-- Education -->
<section>
<p class="section-label">// education</p>
<div class="edu-item">
<span class="edu-year">2025 — now</span>
<div>
<p class="edu-title">
Bachelor of Economics & Business Administration
(HA)
</p>
<p class="edu-sub">
Aalborg University &nbsp;·&nbsp; Expected 2028
</p>
</div>
</div>
<div class="edu-item">
<span class="edu-year">2020 — 2023</span>
<div>
<p class="edu-title">
HTX Technical Upper Secondary Education
</p>
<p class="edu-sub">
Viden Gymnasier &nbsp;·&nbsp; Mathematics A,
Biology B<br />Study project: Mathematics &
Technology
</p>
</div>
</div>
</section>
<!-- Languages -->
<section>
<p class="section-label">// languages</p>
<div class="skills-list">
<div class="skill-row">
<span>Danish</span>
<div class="skill-bar-track">
<div
class="skill-bar-fill"
style="width: 100%; animation-delay: 0.1s"
></div>
</div>
</div>
<div class="skill-row">
<span>English</span>
<div class="skill-bar-track">
<div
class="skill-bar-fill"
style="width: 80%; animation-delay: 0.2s"
></div>
</div>
</div>
</div>
</section>
<!-- Interests -->
<section>
<p class="section-label">// interests</p>
<div class="tags">
<span class="tag-pill">Gaming</span>
<span class="tag-pill">Board games</span>
<span class="tag-pill">Programming</span>
<span class="tag-pill">Financial markets</span>
</div>
</section>
</main>
<footer>
<a href="mailto:contact@samantha42.xyz"
>contact@samantha42.xyz</a
>
<p class="footer-copy">&copy; 2026 — All rights reserved</p>
</footer>
<section id="experience">
<div class="section-head"><h2>experience</h2></div>
<div class="exp-grid">
<div class="exp-card">
<div class="exp-header">
<span class="exp-title">Independent Equity Research</span>
<span class="exp-tag">finance</span>
</div>
<p class="exp-body">Fundamental analysis using SEC filings (10-K, 10-Q) and earnings reports. Assess profitability, liquidity, risk factors, and long-term business sustainability. Handle incomplete or low-transparency information through structured cross-validation.</p>
</div>
</body>
</html>
<div class="exp-card">
<div class="exp-header">
<span class="exp-title">Technical Tools &amp; Automation</span>
<span class="exp-tag">engineering</span>
</div>
<p class="exp-body">Build lightweight backend tools to automate repetitive analytical and operational tasks. Python for data processing, validation, and workflow automation. Lightweight online services in Go, focusing on speed and reliability.</p>
</div>
</div>
</section>
<section id="education">
<div class="section-head"><h2>education</h2></div>
<div class="edu-grid">
<div class="edu-card">
<div class="edu-year">2025 —<br>present</div>
<div>
<div class="edu-degree">Bachelor of Economics &amp; Business Administration (HA)</div>
<div class="edu-inst">Aalborg University · Expected 2028</div>
</div>
</div>
<div class="edu-card">
<div class="edu-year">2020 —<br>2023</div>
<div>
<div class="edu-degree">HTX Technical Upper Secondary Education</div>
<div class="edu-inst">Viden Gymnasier</div>
<div class="edu-detail">Mathematics A, Biology B · Study project: Mathematics &amp; Technology</div>
</div>
</div>
</div>
</section>
<section id="opinion">
<div class="section-head"><h2>opinion</h2></div>
<div class="opinion-grid">
<a class="opinion-link" href="https://samantha42.xyz/cinema">cinema</a>
<a class="opinion-link" href="https://samantha42.xyz/finance">finance</a>
<a class="opinion-link" href="https://samantha42.xyz/cyber">cyber</a>
<a class="opinion-link" href="https://samantha42.xyz/infra">infra</a>
</div>
</section>
<section>
<div class="section-head"><h2>languages</h2></div>
<div class="lang-row">
<span class="lang-badge">Danish</span>
<span class="lang-badge">English</span>
</div>
</section>
<section>
<div class="section-head"><h2>interests</h2></div>
<div class="interests-row">
<span class="interest-chip">gaming</span>
<span class="interest-chip">board-games</span>
<span class="interest-chip">programming</span>
<span class="interest-chip">financial-markets</span>
</div>
</section>
</main>
</div>
<footer>
<div class="footer-contact"><a href="mailto:me@samantha42.xyz">contact@samantha42.xyz</a></div>
<div class="footer-copy">© 2026 — all rights reserved</div>
</footer>
</body>
</html>