{"id":2,"date":"2026-07-03T16:55:28","date_gmt":"2026-07-03T16:55:28","guid":{"rendered":"https:\/\/tapeflow.net\/?page_id=2"},"modified":"2026-07-03T17:18:20","modified_gmt":"2026-07-03T17:18:20","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/tapeflow.net\/","title":{"rendered":"TapeFlow &#8211; Trade Nation Analytics &#038; Journal"},"content":{"rendered":"\n<style>\n    :root {\n        --bg-color: #08090f;\n        --card-bg: rgba(18, 22, 41, 0.6);\n        --border-color: rgba(255, 255, 255, 0.06);\n        --primary: #8b5cf6;\n        --primary-glow: rgba(139, 92, 246, 0.4);\n        --secondary: #06b6d4;\n        --secondary-glow: rgba(6, 182, 212, 0.4);\n        --text-main: #f3f4f6;\n        --text-muted: #9ca3af;\n        --success: #10b981;\n        --danger: #ef4444;\n    }\n\n    .tf-landing-wrap {\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        background-color: var(--bg-color);\n        color: var(--text-main);\n        overflow-x: hidden;\n        line-height: 1.6;\n        padding: 0;\n        margin: 0;\n        width: 100%;\n        position: relative;\n    }\n\n    .tf-landing-wrap h1, \n    .tf-landing-wrap h2, \n    .tf-landing-wrap h3, \n    .tf-landing-wrap h4 {\n        font-family: 'Outfit', sans-serif;\n        font-weight: 700;\n        letter-spacing: -0.02em;\n    }\n\n    .tf-landing-wrap .bg-glow-1 {\n        position: absolute;\n        top: -10%;\n        left: -10%;\n        width: 50%;\n        height: 60%;\n        background: radial-gradient(circle, var(--primary-glow) 0%, rgba(8, 9, 15, 0) 70%);\n        z-index: 1;\n        pointer-events: none;\n        filter: blur(80px);\n    }\n\n    .tf-landing-wrap .bg-glow-2 {\n        position: absolute;\n        top: 40%;\n        right: -10%;\n        width: 50%;\n        height: 60%;\n        background: radial-gradient(circle, var(--secondary-glow) 0%, rgba(8, 9, 15, 0) 70%);\n        z-index: 1;\n        pointer-events: none;\n        filter: blur(80px);\n    }\n\n    .tf-landing-wrap .container {\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 24px;\n        position: relative;\n        z-index: 2;\n    }\n\n    .tf-landing-wrap header {\n        padding: 24px 0;\n        border-bottom: 1px solid var(--border-color);\n        backdrop-filter: blur(12px);\n        position: sticky;\n        top: 0;\n        z-index: 100;\n        background: rgba(8, 9, 15, 0.7);\n    }\n\n    .tf-landing-wrap header .nav-container {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .tf-landing-wrap .logo {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        font-family: 'Outfit', sans-serif;\n        font-weight: 800;\n        font-size: 24px;\n        background: linear-gradient(135deg, var(--text-main) 0%, var(--primary) 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        text-decoration: none;\n    }\n\n    .tf-landing-wrap .logo svg {\n        fill: url(#logo-grad);\n        width: 28px;\n        height: 28px;\n    }\n\n    .tf-landing-wrap .nav-links {\n        display: flex;\n        gap: 32px;\n        align-items: center;\n    }\n\n    .tf-landing-wrap .nav-links a {\n        color: var(--text-muted);\n        text-decoration: none;\n        font-weight: 500;\n        font-size: 15px;\n        transition: color 0.3s ease;\n    }\n\n    .tf-landing-wrap .nav-links a:hover {\n        color: var(--text-main);\n    }\n\n    .tf-landing-wrap .btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        padding: 10px 20px;\n        border-radius: 8px;\n        font-weight: 600;\n        font-size: 14px;\n        text-decoration: none;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        cursor: pointer;\n    }\n\n    .tf-landing-wrap .btn-primary {\n        background: linear-gradient(135deg, var(--primary) 0%, #6d28d9 100%);\n        color: white;\n        box-shadow: 0 4px 14px rgba(139, 92, 246, 0.3);\n        border: none;\n    }\n\n    .tf-landing-wrap .btn-primary:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 6px 20px rgba(139, 92, 246, 0.5);\n    }\n\n    .tf-landing-wrap .btn-secondary {\n        background: rgba(255, 255, 255, 0.04);\n        border: 1px solid var(--border-color);\n        color: var(--text-main);\n    }\n\n    .tf-landing-wrap .btn-secondary:hover {\n        background: rgba(255, 255, 255, 0.08);\n        border-color: rgba(255, 255, 255, 0.15);\n        transform: translateY(-2px);\n    }\n\n    .tf-landing-wrap .hero {\n        padding: 80px 0 60px 0;\n        position: relative;\n    }\n\n    .tf-landing-wrap .hero-grid {\n        display: grid;\n        grid-template-columns: 1.1fr 0.9fr;\n        gap: 48px;\n        align-items: center;\n    }\n\n    .tf-landing-wrap .hero-text h1 {\n        font-size: 54px;\n        line-height: 1.15;\n        margin-bottom: 24px;\n        background: linear-gradient(135deg, #ffffff 30%, #a78bfa 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    .tf-landing-wrap .hero-text p {\n        font-size: 18px;\n        color: var(--text-muted);\n        margin-bottom: 36px;\n        max-width: 540px;\n    }\n\n    .tf-landing-wrap .hero-cta {\n        display: flex;\n        gap: 16px;\n        margin-bottom: 40px;\n    }\n\n    .tf-landing-wrap .hero-meta {\n        display: flex;\n        align-items: center;\n        gap: 24px;\n        color: var(--text-muted);\n        font-size: 13px;\n    }\n\n    .tf-landing-wrap .hero-meta div {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .tf-landing-wrap .hero-meta svg {\n        color: var(--success);\n    }\n\n    .tf-landing-wrap .hud-mockup {\n        background: var(--card-bg);\n        border: 1px solid var(--border-color);\n        border-radius: 16px;\n        padding: 24px;\n        backdrop-filter: blur(16px);\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\n        position: relative;\n        animation: float 6s ease-in-out infinite;\n    }\n\n    @keyframes float {\n        0% { transform: translateY(0px); }\n        50% { transform: translateY(-10px); }\n        100% { transform: translateY(0px); }\n    }\n\n    .tf-landing-wrap .hud-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 20px;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        padding-bottom: 12px;\n    }\n\n    .tf-landing-wrap .hud-title {\n        font-size: 16px;\n        font-weight: 600;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .tf-landing-wrap .hud-pulse {\n        width: 8px;\n        height: 8px;\n        background-color: var(--success);\n        border-radius: 50%;\n        animation: pulse-glow 2s infinite;\n    }\n\n    @keyframes pulse-glow {\n        0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }\n        70% { box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }\n        100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }\n    }\n\n    .tf-landing-wrap .hud-stats-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 16px;\n        margin-bottom: 20px;\n    }\n\n    .tf-landing-wrap .hud-stat-card {\n        background: rgba(255, 255, 255, 0.02);\n        border: 1px solid rgba(255, 255, 255, 0.04);\n        border-radius: 8px;\n        padding: 12px;\n    }\n\n    .tf-landing-wrap .hud-stat-label {\n        font-size: 11px;\n        color: var(--text-muted);\n        margin-bottom: 4px;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n    }\n\n    .tf-landing-wrap .hud-stat-val {\n        font-size: 18px;\n        font-weight: 700;\n        font-family: 'Outfit', sans-serif;\n    }\n\n    .tf-landing-wrap .hud-stat-val.profit {\n        color: var(--success);\n    }\n\n    .tf-landing-wrap .hud-stat-val.points {\n        color: var(--secondary);\n    }\n\n    .tf-landing-wrap .hud-slider-group {\n        margin-bottom: 16px;\n    }\n\n    .tf-landing-wrap .hud-slider-label {\n        display: flex;\n        justify-content: space-between;\n        font-size: 12px;\n        margin-bottom: 6px;\n    }\n\n    .tf-landing-wrap .hud-slider-track {\n        height: 6px;\n        background: rgba(255, 255, 255, 0.05);\n        border-radius: 3px;\n        position: relative;\n    }\n\n    .tf-landing-wrap .hud-slider-fill {\n        height: 100%;\n        border-radius: 3px;\n        background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);\n    }\n\n    .tf-landing-wrap .hud-slider-thumb {\n        width: 14px;\n        height: 14px;\n        border-radius: 50%;\n        background: var(--text-main);\n        border: 2px solid var(--primary);\n        position: absolute;\n        top: -4px;\n        transform: translateX(-50%);\n        box-shadow: 0 0 10px var(--primary);\n    }\n\n    .tf-landing-wrap .privacy-banner {\n        background: linear-gradient(90deg, rgba(139, 92, 246, 0.1) 0%, rgba(6, 182, 212, 0.1) 100%);\n        border: 1px solid rgba(139, 92, 246, 0.2);\n        border-radius: 12px;\n        padding: 20px;\n        display: flex;\n        gap: 16px;\n        align-items: center;\n        margin-bottom: 80px;\n    }\n\n    .tf-landing-wrap .privacy-banner svg {\n        color: var(--secondary);\n        flex-shrink: 0;\n        width: 32px;\n        height: 32px;\n    }\n\n    .tf-landing-wrap .privacy-banner h3 {\n        font-size: 16px;\n        margin-bottom: 4px;\n        color: var(--text-main);\n    }\n\n    .tf-landing-wrap .privacy-banner p {\n        font-size: 14px;\n        color: var(--text-muted);\n    }\n\n    .tf-landing-wrap .features {\n        padding: 80px 0;\n        position: relative;\n    }\n\n    .tf-landing-wrap .section-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }\n\n    .tf-landing-wrap .section-header h2 {\n        font-size: 40px;\n        margin-bottom: 16px;\n        color: var(--text-main);\n    }\n\n    .tf-landing-wrap .section-header p {\n        font-size: 16px;\n        color: var(--text-muted);\n        max-width: 600px;\n        margin: 0 auto;\n    }\n\n    .tf-landing-wrap .features-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 24px;\n    }\n\n    .tf-landing-wrap .feature-card {\n        background: var(--card-bg);\n        border: 1px solid var(--border-color);\n        border-radius: 16px;\n        padding: 32px;\n        backdrop-filter: blur(12px);\n        transition: all 0.3s ease;\n    }\n\n    .tf-landing-wrap .feature-card:hover {\n        transform: translateY(-8px);\n        border-color: rgba(139, 92, 246, 0.3);\n        box-shadow: 0 10px 30px rgba(139, 92, 246, 0.05);\n    }\n\n    .tf-landing-wrap .feature-icon-wrapper {\n        width: 48px;\n        height: 48px;\n        border-radius: 12px;\n        background: rgba(139, 92, 246, 0.1);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 24px;\n        color: var(--primary);\n    }\n\n    .tf-landing-wrap .feature-card h3 {\n        font-size: 20px;\n        margin-bottom: 12px;\n        color: var(--text-main);\n    }\n\n    .tf-landing-wrap .feature-card p {\n        font-size: 14px;\n        color: var(--text-muted);\n        line-height: 1.6;\n    }\n\n    .tf-landing-wrap .installation {\n        padding: 80px 0;\n        background: rgba(255, 255, 255, 0.01);\n        border-top: 1px solid var(--border-color);\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    .tf-landing-wrap .install-grid {\n        display: grid;\n        grid-template-columns: 1fr 1.2fr;\n        gap: 48px;\n        align-items: center;\n    }\n\n    .tf-landing-wrap .step-list {\n        display: flex;\n        flex-direction: column;\n        gap: 32px;\n    }\n\n    .tf-landing-wrap .step-item {\n        display: flex;\n        gap: 20px;\n    }\n\n    .tf-landing-wrap .step-number {\n        width: 36px;\n        height: 36px;\n        border-radius: 50%;\n        background: var(--primary);\n        color: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 700;\n        font-size: 16px;\n        flex-shrink: 0;\n        box-shadow: 0 0 10px var(--primary-glow);\n    }\n\n    .tf-landing-wrap .step-content h3 {\n        font-size: 18px;\n        margin-bottom: 6px;\n        color: var(--text-main);\n    }\n\n    .tf-landing-wrap .step-content p {\n        font-size: 14px;\n        color: var(--text-muted);\n    }\n\n    .tf-landing-wrap .cta-section {\n        padding: 100px 0;\n        text-align: center;\n        position: relative;\n    }\n\n    .tf-landing-wrap .cta-content {\n        max-width: 650px;\n        margin: 0 auto;\n    }\n\n    .tf-landing-wrap .cta-content h2 {\n        font-size: 48px;\n        margin-bottom: 24px;\n        background: linear-gradient(135deg, #ffffff 30%, #06b6d4 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    .tf-landing-wrap .cta-content p {\n        font-size: 18px;\n        color: var(--text-muted);\n        margin-bottom: 40px;\n    }\n\n    .tf-landing-wrap footer {\n        padding: 40px 0;\n        border-top: 1px solid var(--border-color);\n        text-align: center;\n        color: var(--text-muted);\n        font-size: 13px;\n    }\n\n    @media (max-width: 968px) {\n        .tf-landing-wrap .hero-grid {\n            grid-template-columns: 1fr;\n            gap: 56px;\n            text-align: center;\n        }\n\n        .tf-landing-wrap .hero-text p {\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .tf-landing-wrap .hero-cta {\n            justify-content: center;\n        }\n\n        .tf-landing-wrap .hero-meta {\n            justify-content: center;\n        }\n\n        .tf-landing-wrap .features-grid {\n            grid-template-columns: 1fr 1fr;\n        }\n\n        .tf-landing-wrap .install-grid {\n            grid-template-columns: 1fr;\n            gap: 56px;\n        }\n    }\n\n    @media (max-width: 640px) {\n        .tf-landing-wrap .hero-text h1 {\n            font-size: 40px;\n        }\n\n        .tf-landing-wrap .features-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .tf-landing-wrap .logo span {\n            display: none;\n        }\n\n        .tf-landing-wrap .nav-links {\n            gap: 16px;\n        }\n    }\n<\/style>\n\n<!-- Google Fonts -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&#038;family=Plus+Jakarta+Sans:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"tf-landing-wrap\">\n    <div class=\"bg-glow-1\"><\/div>\n    <div class=\"bg-glow-2\"><\/div>\n\n    <!-- Header -->\n    <header>\n        <div class=\"container nav-container\">\n            <a href=\"#\" class=\"logo\">\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <defs>\n                        <linearGradient id=\"logo-grad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                            <stop offset=\"0%\" stop-color=\"#8b5cf6\" \/>\n                            <stop offset=\"100%\" stop-color=\"#06b6d4\" \/>\n                        <\/linearGradient>\n                    <\/defs>\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H7c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.04-.42 1.99-1.07 2.75z\"\/>\n                <\/svg>\n                <span>TapeFlow<\/span>\n            <\/a>\n            <div class=\"nav-links\">\n                <a href=\"#features\">Features<\/a>\n                <a href=\"#install\">Install Guide<\/a>\n                <a href=\"https:\/\/github.com\/trade-nation-points\" class=\"btn btn-secondary\">Source Code<\/a>\n                <a href=\"#install\" class=\"btn btn-primary\">Download Extension<\/a>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Main Content -->\n    <main class=\"container\">\n        \n        <!-- Hero Section -->\n        <section class=\"hero\">\n            <div class=\"hero-grid\">\n                <div class=\"hero-text\">\n                    <h1>The Invisible, Local-First Trading Journal<\/h1>\n                    <p>\n                        Silently scraping executions, tracking psychological metrics in 1-click, and mathematically grouping trades\u2014all injected directly into your Trade Nation dashboard.\n                    <\/p>\n                    <div class=\"hero-cta\">\n                        <a href=\"#install\" class=\"btn btn-primary\" style=\"padding: 14px 28px; font-size: 16px;\">Download Extension<\/a>\n                        <a href=\"https:\/\/github.com\/trade-nation-points\" class=\"btn btn-secondary\" style=\"padding: 14px 28px; font-size: 16px;\">View Source Code<\/a>\n                    <\/div>\n                    <div class=\"hero-meta\">\n                        <div>\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                            100% Secure &#038; Private\n                        <\/div>\n                        <div>\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                            v6.11.116 Active\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- HUD Mockup -->\n                <div class=\"hud-mockup\">\n                    <div class=\"hud-header\">\n                        <div class=\"hud-pulse\"><\/div>\n                        TapeFlow HUD\n                    <\/div>\n                    <div class=\"hud-stats-grid\">\n                        <div class=\"hud-stat-card\">\n                            <div class=\"hud-stat-label\">Net Profit\/Loss<\/div>\n                            <div class=\"hud-stat-val profit\">+\u20ac482.50<\/div>\n                        <\/div>\n                        <div class=\"hud-stat-card\">\n                            <div class=\"hud-stat-label\">Total Points<\/div>\n                            <div class=\"hud-stat-val points\">+184.2 pts<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"hud-slider-group\">\n                        <div class=\"hud-slider-label\">\n                            <span>Discipline (Setup)<\/span>\n                            <span style=\"color: var(--primary); font-weight: 600;\">8.5\/10<\/span>\n                        <\/div>\n                        <div class=\"hud-slider-track\">\n                            <div class=\"hud-slider-fill\" style=\"width: 85%;\"><\/div>\n                            <div class=\"hud-slider-thumb\" style=\"left: 85%;\"><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"hud-slider-group\">\n                        <div class=\"hud-slider-label\">\n                            <span>Emotion (Mindset)<\/span>\n                            <span style=\"color: var(--secondary); font-weight: 600;\">4.0\/10<\/span>\n                        <\/div>\n                        <div class=\"hud-slider-track\">\n                            <div class=\"hud-slider-fill\" style=\"width: 40%; background: var(--secondary);\"><\/div>\n                            <div class=\"hud-slider-thumb\" style=\"left: 40%; border-color: var(--secondary); box-shadow: 0 0 10px var(--secondary-glow);\"><\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"display: flex; gap: 8px; margin-top: 24px;\">\n                        <span style=\"background: rgba(139, 92, 246, 0.15); border: 1px solid rgba(139, 92, 246, 0.2); padding: 4px 8px; border-radius: 4px; font-size: 11px; color: #c084fc;\">#A+ Setup<\/span>\n                        <span style=\"background: rgba(6, 182, 212, 0.15); border: 1px solid rgba(6, 182, 212, 0.2); padding: 4px 8px; border-radius: 4px; font-size: 11px; color: #22d3ee;\">#ScaledIn<\/span>\n                        <span style=\"background: rgba(16, 185, 129, 0.15); border: 1px solid rgba(16, 185, 129, 0.2); padding: 4px 8px; border-radius: 4px; font-size: 11px; color: #34d399;\">#RuleFollowed<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Privacy Section -->\n        <section class=\"privacy-banner\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n            <\/svg>\n            <div>\n                <h3>No Cloud. No Remote Servers. Complete Data Ownership.<\/h3>\n                <p>TapeFlow uses local Chrome Extension Storage to save your data directly in your browser. Absolutely zero trading information, API keys, or metrics ever leave your machine.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Features Grid -->\n        <section id=\"features\" class=\"features\">\n            <div class=\"section-header\">\n                <h2>Designed for Psychological Accountability<\/h2>\n                <p>An elegant extension HUD that helps you review statistics, calculate point differentials natively, and prevent tilting directly on the broker&#8217;s platform.<\/p>\n            <\/div>\n\n            <div class=\"features-grid\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon-wrapper\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>\n                    <\/div>\n                    <h3>Points vs Currency Natively<\/h3>\n                    <p>Calculates exact point differentials using mathematical relationships between P\/L and Stake sizing, bypassing complex broker asset multiplier mismatches.<\/p>\n                <\/div>\n\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon-wrapper\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line><\/svg>\n                    <\/div>\n                    <h3>Advanced Trade Grouping<\/h3>\n                    <p>Pools scale-ins, scale-outs, and partial fills into a single unified position, immediately recalculating average fills and total P\/L.<\/p>\n                <\/div>\n\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon-wrapper\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\"><\/line><line x1=\"15\" y1=\"3\" x2=\"15\" y2=\"21\"><\/line><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"3\" y1=\"15\" x2=\"21\" y2=\"15\"><\/line><\/svg>\n                    <\/div>\n                    <h3>Invisible Scraping Engine<\/h3>\n                    <p>Interprets the Trade Nation DOM directly from the client script. Populates historical page tables securely without server APIs.<\/p>\n                <\/div>\n\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon-wrapper\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n                    <\/div>\n                    <h3>Loss Limit Circuit Breakers<\/h3>\n                    <p>Define point or currency thresholds. If a limit is breached, the UI blocks trading and alerts you to step away and preserve capital.<\/p>\n                <\/div>\n\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon-wrapper\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\n                    <\/div>\n                    <h3>Return on Equity (ROE)<\/h3>\n                    <p>Evaluates percentage gains based on net P\/L divided by the starting capital math, automatically capping down to -100%.<\/p>\n                <\/div>\n\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon-wrapper\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\"><\/path><circle cx=\"12\" cy=\"13\" r=\"4\"><\/circle><\/svg>\n                    <\/div>\n                    <h3>Screenshot Canvas Engine<\/h3>\n                    <p>Uses an isolated canvas sandbox to generate PNG screenshots of your configurations, statistics, and charts for sharing.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Installation Section -->\n        <section id=\"install\" class=\"installation\">\n            <div class=\"install-grid\">\n                <div>\n                    <h2 style=\"font-size: 36px; margin-bottom: 20px; color: var(--text-main);\">Installation Guide<\/h2>\n                    <p style=\"color: var(--text-muted); margin-bottom: 32px;\">Setting up the Chrome extension locally takes less than a minute. Follow these steps to load the unpacked extension in Chrome.<\/p>\n                    <a href=\"#\" class=\"btn btn-primary\" style=\"padding: 14px 24px;\">Download TapeFlow.zip<\/a>\n                <\/div>\n                <div class=\"step-list\">\n                    <div class=\"step-item\">\n                        <div class=\"step-number\">1<\/div>\n                        <div class=\"step-content\">\n                            <h3>Download &#038; Extract<\/h3>\n                            <p>Download the <code>TapeFlow.zip<\/code> package and extract the folder to a permanent directory on your computer.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"step-item\">\n                        <div class=\"step-number\">2<\/div>\n                        <div class=\"step-content\">\n                            <h3>Enable Developer Mode<\/h3>\n                            <p>Open Google Chrome, navigate to <code>chrome:\/\/extensions\/<\/code>, and toggle the &#8220;Developer mode&#8221; switch in the top-right corner.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"step-item\">\n                        <div class=\"step-number\">3<\/div>\n                        <div class=\"step-content\">\n                            <h3>Load Unpacked<\/h3>\n                            <p>Click the &#8220;Load unpacked&#8221; button in the top-left, select the extracted <code>trade-nation-extension<\/code> directory, and refresh your Trade Nation tab.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- CTA Section -->\n        <section class=\"cta-section\">\n            <div class=\"cta-content\">\n                <h2>Supercharge Your Trade Nation Journaling<\/h2>\n                <p>Take control of emotional tilt, view authentic point-performance KPIs, and manage executions cleanly with a secure local database.<\/p>\n                <a href=\"#install\" class=\"btn btn-primary\" style=\"padding: 16px 36px; font-size: 16px;\">Download Extension Now<\/a>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <!-- Footer -->\n    <footer>\n        <div class=\"container\">\n            <p>&copy; 2026 TapeFlow. Injected locally, secured by design. All rights reserved.<\/p>\n            <p style=\"margin-top: 8px; font-size: 11px; color: var(--text-muted);\">This project is an independent tool and is not affiliated with Trade Nation.<\/p>\n        <\/div>\n    <\/footer>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>TapeFlow Features Install Guide Source Code Download Extension The Invisible, Local-First Trading Journal Silently scraping executions, tracking psychological metrics in 1-click, and mathematically grouping trades\u2014all injected directly into your Trade Nation dashboard. Download Extension View Source Code 100% Secure &#038; Private v6.11.116 Active TapeFlow HUD Net Profit\/Loss +\u20ac482.50 Total Points +184.2 pts Discipline (Setup) 8.5\/10 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"tape","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tapeflow.net\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tapeflow.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tapeflow.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tapeflow.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tapeflow.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":4,"href":"https:\/\/tapeflow.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/tapeflow.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/tapeflow.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}