alexandrev/portfolioJournalWeb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

+1

Browse Source
This commit is contained in:
alexandrev-tibco
2026-02-04 13:42:36 +01:00
parent 6b405419cf
commit 379f935fe7
16 changed files with 597 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+95 -50
View File
@@ -20,8 +20,11 @@
<link rel="icon" href="assets/icons/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="assets/icons/apple-touch-icon.svg">
<link rel="preconnect" href="https://apps.apple.com">
<link rel="preconnect" href="https://plausible.io">
<link rel="stylesheet" href="assets/css/style.css">
<script defer data-domain="portfoliojournal.app" src="https://plausible.io/js/script.js"></script>
<script src="assets/js/config.js"></script>
<script src="assets/js/main.js" defer></script>
</head>
@@ -50,7 +53,7 @@
</header>
<main id="main">
<section class="hero">
<section class="hero hero-variant-a-only">
<div class="container">
<div class="hero-content">
<div class="hero-app-icon" aria-hidden="true">
@@ -64,25 +67,68 @@
</div>
<h1 class="hero-title">Build a calm portfolio habit with <span class="hero-title-gradient">PorfolioJournal</span>.</h1>
<p class="hero-description">A focused iOS app for monthly portfolio check-ins, reflection notes, and long-term clarity. Stay present, track growth, and build a record of your financial decisions without noise.</p>
<div class="hero-actions">
<a class="btn-appstore" href="https://apps.apple.com/app/porfoliojournal/id6757678318" aria-label="Download on the App Store">
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M16.365 12.586c.03 3.232 2.83 4.307 2.86 4.32-.02.076-.44 1.52-1.45 3.015-.88 1.292-1.79 2.58-3.23 2.607-1.42.027-1.88-.84-3.5-.84-1.62 0-2.13.814-3.47.866-1.39.053-2.45-1.4-3.34-2.687-1.82-2.64-3.21-7.47-1.34-10.73.93-1.62 2.6-2.65 4.41-2.68 1.38-.027 2.68.92 3.5.92.82 0 2.36-1.14 3.98-.97.68.03 2.58.27 3.8 2.04-.1.07-2.27 1.33-2.25 3.84zM13.7 3.55c.74-.9 1.24-2.15 1.1-3.4-1.07.04-2.37.7-3.14 1.6-.69.8-1.29 2.08-1.13 3.3 1.2.09 2.42-.61 3.17-1.5z"/></svg>
<span class="btn-appstore-text">
<span>Download on the</span>
<span>App Store</span>
</span>
<div class="hero-features">
<span class="feature-badge">✓ Offline-first</span>
<span class="feature-badge">✓ No account required</span>
<span class="feature-badge">✓ Privacy-focused</span>
</div>
<div class="hero-ctas">
<a class="app-store-badge" href="https://apps.apple.com/us/app/portfolio-journal/id6757678318?pt=123456&amp;ct=homepage_hero&amp;mt=8" aria-label="Download on the App Store">
<img src="assets/images/app-store-badge.svg" alt="Download on the App Store">
</a>
<a class="btn btn-secondary" href="privacy.html">Read Privacy Policy</a>
<button class="cta-secondary" type="button" data-cta="learn-more">Learn More</button>
</div>
<p class="hero-social-proof">⭐⭐⭐⭐⭐ 5.0 rating on App Store</p>
<div class="hero-variant-b-only hero-variant-placeholder" aria-hidden="true">
<div class="hero-video-placeholder">Video demo placeholder</div>
</div>
</div>
</div>
</section>
<section class="section features">
<section class="hero hero-variant-b-only">
<div class="container">
<div class="hero-content hero-content-split">
<div class="hero-copy">
<div class="hero-app-icon" aria-hidden="true">
<img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
</div>
<div class="hero-badge">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M3 12l2-2 4 4 8-8 4 4"></path>
</svg>
Offline-first portfolio journaling
</div>
<h1 class="hero-title">Build a calm portfolio habit with <span class="hero-title-gradient">PorfolioJournal</span>.</h1>
<p class="hero-description">A focused iOS app for monthly portfolio check-ins, reflection notes, and long-term clarity. Stay present, track growth, and build a record of your financial decisions without noise.</p>
<div class="hero-features">
<span class="feature-badge">✓ Offline-first</span>
<span class="feature-badge">✓ No account required</span>
<span class="feature-badge">✓ Privacy-focused</span>
</div>
<div class="hero-ctas">
<a class="app-store-badge" href="https://apps.apple.com/us/app/portfolio-journal/id6757678318?pt=123456&amp;ct=homepage_hero&amp;mt=8" aria-label="Download on the App Store">
<img src="assets/images/app-store-badge.svg" alt="Download on the App Store">
</a>
<button class="cta-secondary" type="button" data-cta="learn-more">Learn More</button>
</div>
<p class="hero-social-proof">⭐⭐⭐⭐⭐ 5.0 rating on App Store</p>
</div>
<div class="hero-media hero-variant-b-only">
<div class="hero-video-placeholder">Video demo coming soon</div>
</div>
</div>
</div>
</section>
<section class="section features features-section" id="features">
<div class="container">
<div class="features-header">
<h2>Portfolio clarity, without the noise</h2>
<p>Everything PorfolioJournal does is built around gentle monthly updates and a durable record of your progress.</p>
<div class="features-cta">
<a class="btn btn-primary" href="https://apps.apple.com/us/app/portfolio-journal/id6757678318?pt=123456&amp;ct=homepage_features&amp;mt=8">Download on the App Store</a>
</div>
</div>
<div class="features-grid">
<article class="feature-card">
@@ -202,46 +248,31 @@
</div>
</section>
<section class="section testimonials">
<section class="section early-adopters">
<div class="container">
<div class="testimonials-header">
<h2>Trusted by calm investors</h2>
<p>Replace these with real reviews once you launch.</p>
<div class="early-adopters-header">
<h2>Join Early Adopters</h2>
<p>Portfolio Journal just launched. Be part of the first wave of calm investors building better financial habits.</p>
</div>
<div class="testimonials-grid">
<article class="testimonial-card">
<div class="testimonial-stars" aria-hidden="true">
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
</div>
<p class="testimonial-text">“Finally, a portfolio app that feels like a journal. The monthly cadence keeps me grounded.”</p>
<p class="testimonial-author">— Camille R.</p>
</article>
<article class="testimonial-card">
<div class="testimonial-stars" aria-hidden="true">
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
</div>
<p class="testimonial-text">“Offline-first is a game changer. I can keep sensitive notes without worrying about servers.”</p>
<p class="testimonial-author">— Jordan P.</p>
</article>
<article class="testimonial-card">
<div class="testimonial-stars" aria-hidden="true">
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
</div>
<p class="testimonial-text">“The goals and snapshots make it easy to explain my progress over time.”</p>
<p class="testimonial-author">— Micah L.</p>
</article>
<div class="early-adopters-grid">
<div class="early-adopter-card">
<span class="early-adopter-icon">🎯</span>
<h3>Shape the roadmap</h3>
<p>Your feedback directly influences future features.</p>
</div>
<div class="early-adopter-card">
<span class="early-adopter-icon">💎</span>
<h3>Early access perks</h3>
<p>Get priority updates and launch pricing while we grow.</p>
</div>
<div class="early-adopter-card">
<span class="early-adopter-icon">🤝</span>
<h3>Direct support</h3>
<p>Talk directly with the developer for fast answers.</p>
</div>
</div>
<div class="early-adopters-cta">
<a class="btn btn-primary btn-lg" href="https://apps.apple.com/us/app/portfolio-journal/id6757678318?pt=123456&amp;ct=early_adopters&amp;mt=8">Download Portfolio Journal</a>
</div>
</div>
</section>
@@ -274,7 +305,7 @@
<div class="faq-item">
<button class="faq-question" aria-expanded="false">Do you track me?</button>
<div class="faq-answer">
<div class="faq-answer-inner">No analytics or tracking is enabled by default. If analytics are added later, you will be notified.</div>
<div class="faq-answer-inner">We use privacy-friendly website analytics to understand page usage and improve the experience. No personal data is shared with third parties.</div>
</div>
</div>
</div>
@@ -287,7 +318,7 @@
<h2>Start your calm portfolio habit</h2>
<p>Download PorfolioJournal and build a record of your investing journey that you will actually want to revisit.</p>
<div class="cta-actions">
<a class="btn btn-primary btn-lg" href="https://apps.apple.com/app/porfoliojournal/id6757678318">Download on the App Store</a>
<a class="btn btn-primary btn-lg" href="https://apps.apple.com/us/app/portfolio-journal/id6757678318?pt=123456&amp;ct=homepage_cta_bottom&amp;mt=8">Download on the App Store</a>
<a class="btn btn-secondary btn-lg" href="support.html">Contact Support</a>
</div>
</div>
@@ -304,6 +335,7 @@
<span>PorfolioJournal</span>
</div>
<p>Calm, offline-first portfolio journaling for iOS.</p>
<a class="footer-appstore" href="https://apps.apple.com/us/app/portfolio-journal/id6757678318?pt=123456&amp;ct=homepage_footer&amp;mt=8">Download on the App Store</a>
</div>
<div class="footer-column">
<h5>Product</h5>
@@ -341,5 +373,18 @@
</div>
</div>
</footer>
<div id="exit-intent-modal" class="modal" aria-hidden="true">
<div class="modal-content" role="dialog" aria-modal="true" aria-labelledby="exit-modal-title">
<button class="modal-close" type="button" aria-label="Close" data-exit-close>×</button>
<h3 id="exit-modal-title">Before you go... 📱</h3>
<p>Portfolio Journal is free to download. Give it a try!</p>
<a href="https://apps.apple.com/us/app/portfolio-journal/id6757678318?pt=123456&amp;ct=exit_intent&amp;mt=8" class="modal-cta">Download on App Store</a>
</div>
</div>
<div id="sticky-mobile-cta" class="sticky-cta" aria-hidden="true">
<a href="https://apps.apple.com/us/app/portfolio-journal/id6757678318?pt=123456&amp;ct=sticky_mobile&amp;mt=8">Download App</a>
</div>
</body>
</html>