diff --git a/preview.html b/preview.html
deleted file mode 100644
index 63b9f28..0000000
--- a/preview.html
+++ /dev/null
@@ -1,459 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>MyTimeline Plugin - Preview</title>
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-
-        body {
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            min-height: 100vh;
-            padding: 20px;
-        }
-
-        .container {
-            max-width: 1200px;
-            margin: 0 auto;
-            background: white;
-            border-radius: 10px;
-            box-shadow: 0 10px 40px rgba(0,0,0,0.2);
-            overflow: hidden;
-        }
-
-        .header {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            color: white;
-            padding: 30px;
-            text-align: center;
-        }
-
-        .header h1 {
-            font-size: 2.5em;
-            margin-bottom: 10px;
-        }
-
-        .header p {
-            font-size: 1.2em;
-            opacity: 0.9;
-        }
-
-        .content {
-            padding: 40px;
-        }
-
-        .family-info {
-            background: #f8f9fa;
-            padding: 20px;
-            border-radius: 8px;
-            margin-bottom: 30px;
-            border-left: 4px solid #667eea;
-        }
-
-        .family-info h2 {
-            color: #333;
-            margin-bottom: 10px;
-        }
-
-        .timeline-container {
-            position: relative;
-            padding: 40px 0;
-            min-height: 800px;
-        }
-
-        .timeline-line {
-            position: absolute;
-            left: 150px;
-            top: 0;
-            bottom: 0;
-            width: 3px;
-            background: #333;
-        }
-
-        .year-marker {
-            position: absolute;
-            left: 0;
-            width: 140px;
-            text-align: right;
-            padding-right: 20px;
-            font-weight: bold;
-            color: #666;
-            font-size: 0.9em;
-        }
-
-        .year-tick {
-            position: absolute;
-            left: 145px;
-            width: 10px;
-            height: 1px;
-            background: #666;
-        }
-
-        .event {
-            position: absolute;
-            left: 170px;
-            width: calc(100% - 200px);
-            margin-bottom: 30px;
-        }
-
-        .event-marker {
-            position: absolute;
-            left: -25px;
-            width: 16px;
-            height: 16px;
-            border-radius: 50%;
-            border: 2px solid white;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-        }
-
-        .event-marker.birth {
-            background: #28a745;
-            transform: rotate(45deg);
-            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
-            border-radius: 0;
-        }
-
-        .event-marker.death {
-            background: #dc3545;
-        }
-
-        .event-marker.marriage {
-            background: #007bff;
-            transform: rotate(45deg);
-            border-radius: 0;
-            width: 14px;
-            height: 14px;
-        }
-
-        .event-content {
-            background: white;
-            padding: 15px 20px;
-            border-radius: 8px;
-            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
-            border-left: 4px solid;
-            transition: transform 0.2s, box-shadow 0.2s;
-        }
-
-        .event-content:hover {
-            transform: translateX(5px);
-            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
-        }
-
-        .event-content.birth {
-            border-left-color: #28a745;
-        }
-
-        .event-content.death {
-            border-left-color: #dc3545;
-        }
-
-        .event-content.marriage {
-            border-left-color: #007bff;
-        }
-
-        .event-date {
-            font-weight: bold;
-            color: #333;
-            font-size: 1.1em;
-            margin-bottom: 5px;
-        }
-
-        .event-type {
-            color: #666;
-            font-size: 0.9em;
-            text-transform: uppercase;
-            letter-spacing: 1px;
-            margin-bottom: 5px;
-        }
-
-        .event-person {
-            color: #333;
-            font-size: 1em;
-        }
-
-        .footer {
-            background: #f8f9fa;
-            padding: 20px;
-            text-align: center;
-            color: #666;
-            border-top: 1px solid #dee2e6;
-        }
-
-        .footer a {
-            color: #667eea;
-            text-decoration: none;
-        }
-
-        .footer a:hover {
-            text-decoration: underline;
-        }
-
-        @media (max-width: 768px) {
-            .timeline-line {
-                left: 80px;
-            }
-
-            .year-marker {
-                width: 70px;
-                font-size: 0.8em;
-            }
-
-            .year-tick {
-                left: 75px;
-            }
-
-            .event {
-                left: 100px;
-                width: calc(100% - 120px);
-            }
-
-            .event-marker {
-                left: -20px;
-            }
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <div class="header">
-            <h1>MyTimeline Plugin</h1>
-            <p>A Vertical Timeline View for Gramps Genealogy Software</p>
-        </div>
-
-        <div class="content">
-            <div class="family-info">
-                <h2>The Smith Family</h2>
-                <p><strong>Father:</strong> John Smith (1950-2010) | <strong>Mother:</strong> Mary Smith (1952-2015)</p>
-                <p>Married in 1969, with 15 children and multiple grandchildren</p>
-            </div>
-
-            <div class="timeline-container">
-                <!-- Timeline axis -->
-                <div class="timeline-line"></div>
-
-                <!-- Year markers -->
-                <div class="year-marker" style="top: 0px;">1950</div>
-                <div class="year-tick" style="top: 0px;"></div>
-                
-                <div class="year-marker" style="top: 150px;">1960</div>
-                <div class="year-tick" style="top: 150px;"></div>
-                
-                <div class="year-marker" style="top: 300px;">1970</div>
-                <div class="year-tick" style="top: 300px;"></div>
-                
-                <div class="year-marker" style="top: 450px;">1980</div>
-                <div class="year-tick" style="top: 450px;"></div>
-                
-                <div class="year-marker" style="top: 600px;">1990</div>
-                <div class="year-tick" style="top: 600px;"></div>
-                
-                <div class="year-marker" style="top: 750px;">2000</div>
-                <div class="year-tick" style="top: 750px;"></div>
-
-                <!-- Events -->
-                <!-- 1950s -->
-                <div class="event" style="top: 10px;">
-                    <div class="event-marker birth"></div>
-                    <div class="event-content birth">
-                        <div class="event-date">1950-09-19</div>
-                        <div class="event-type">Birth</div>
-                        <div class="event-person">John Smith</div>
-                    </div>
-                </div>
-
-                <div class="event" style="top: 50px;">
-                    <div class="event-marker birth"></div>
-                    <div class="event-content birth">
-                        <div class="event-date">1952-09-19</div>
-                        <div class="event-type">Birth</div>
-                        <div class="event-person">Mary Smith</div>
-                    </div>
-                </div>
-
-                <!-- 1960s -->
-                <div class="event" style="top: 320px;">
-                    <div class="event-marker marriage"></div>
-                    <div class="event-content marriage">
-                        <div class="event-date">1969-01-08</div>
-                        <div class="event-type">Marriage</div>
-                        <div class="event-person">John Smith & Mary Smith</div>
-                    </div>
-                </div>
-
-                <!-- 1970s -->
-                <div class="event" style="top: 350px;">
-                    <div class="event-marker birth"></div>
-                    <div class="event-content birth">
-                        <div class="event-date">1970-02-18</div>
-                        <div class="event-type">Birth</div>
-                        <div class="event-person">Steven Smith</div>
-                    </div>
-                </div>
-
-                <div class="event" style="top: 380px;">
-                    <div class="event-marker birth"></div>
-                    <div class="event-content birth">
-                        <div class="event-date">1972-05-12</div>
-                        <div class="event-type">Birth</div>
-                        <div class="event-person">Patricia Smith</div>
-                    </div>
-                </div>
-
-                <div class="event" style="top: 410px;">
-                    <div class="event-marker birth"></div>
-                    <div class="event-content birth">
-                        <div class="event-date">1974-08-03</div>
-                        <div class="event-type">Birth</div>
-                        <div class="event-person">Timothy Smith</div>
-                    </div>
-                </div>
-
-                <div class="event" style="top: 440px;">
-                    <div class="event-marker birth"></div>
-                    <div class="event-content birth">
-                        <div class="event-date">1976-11-15</div>
-                        <div class="event-type">Birth</div>
-                        <div class="event-person">Jennifer Smith</div>
-                    </div>
-                </div>
-
-                <div class="event" style="top: 470px;">
-                    <div class="event-marker birth"></div>
-                    <div class="event-content birth">
-                        <div class="event-date">1978-03-22</div>
-                        <div class="event-type">Birth</div>
-                        <div class="event-person">Michael Smith</div>
-                    </div>
-                </div>
-
-                <!-- 1980s -->
-                <div class="event" style="top: 500px;">
-                    <div class="event-marker birth"></div>
-                    <div class="event-content birth">
-                        <div class="event-date">1980-06-10</div>
-                        <div class="event-type">Birth</div>
-                        <div class="event-person">Sarah Smith</div>
-                    </div>
-                </div>
-
-                <div class="event" style="top: 530px;">
-                    <div class="event-marker birth"></div>
-                    <div class="event-content birth">
-                        <div class="event-date">1982-09-28</div>
-                        <div class="event-type">Birth</div>
-                        <div class="event-person">David Smith</div>
-                    </div>
-                </div>
-
-                <div class="event" style="top: 560px;">
-                    <div class="event-marker birth"></div>
-                    <div class="event-content birth">
-                        <div class="event-date">1984-05-03</div>
-                        <div class="event-type">Birth</div>
-                        <div class="event-person">Emma Smith</div>
-                    </div>
-                </div>
-
-                <div class="event" style="top: 590px;">
-                    <div class="event-marker birth"></div>
-                    <div class="event-content birth">
-                        <div class="event-date">1986-03-01</div>
-                        <div class="event-type">Birth</div>
-                        <div class="event-person">Brandon Smith</div>
-                    </div>
-                </div>
-
-                <div class="event" style="top: 620px;">
-                    <div class="event-marker birth"></div>
-                    <div class="event-content birth">
-                        <div class="event-date">1988-11-06</div>
-                        <div class="event-type">Birth</div>
-                        <div class="event-person">Amy Smith</div>
-                    </div>
-                </div>
-
-                <!-- 1990s -->
-                <div class="event" style="top: 650px;">
-                    <div class="event-marker birth"></div>
-                    <div class="event-content birth">
-                        <div class="event-date">1990-02-08</div>
-                        <div class="event-type">Birth</div>
-                        <div class="event-person">Mark Smith</div>
-                    </div>
-                </div>
-
-                <div class="event" style="top: 680px;">
-                    <div class="event-marker marriage"></div>
-                    <div class="event-content marriage">
-                        <div class="event-date">1990-05-15</div>
-                        <div class="event-type">Marriage</div>
-                        <div class="event-person">Timothy Smith & Spouse</div>
-                    </div>
-                </div>
-
-                <div class="event" style="top: 710px;">
-                    <div class="event-marker birth"></div>
-                    <div class="event-content birth">
-                        <div class="event-date">1995-08-20</div>
-                        <div class="event-type">Birth</div>
-                        <div class="event-person">Grandchild: James Smith</div>
-                    </div>
-                </div>
-
-                <!-- 2000s -->
-                <div class="event" style="top: 740px;">
-                    <div class="event-marker birth"></div>
-                    <div class="event-content birth">
-                        <div class="event-date">1998-12-14</div>
-                        <div class="event-type">Birth</div>
-                        <div class="event-person">Grandchild: Lisa Smith</div>
-                    </div>
-                </div>
-
-                <!-- 2010s -->
-                <div class="event" style="top: 770px;">
-                    <div class="event-marker death"></div>
-                    <div class="event-content death">
-                        <div class="event-date">2010-08-18</div>
-                        <div class="event-type">Death</div>
-                        <div class="event-person">John Smith</div>
-                    </div>
-                </div>
-
-                <div class="event" style="top: 800px;">
-                    <div class="event-marker death"></div>
-                    <div class="event-content death">
-                        <div class="event-date">2015-08-18</div>
-                        <div class="event-type">Death</div>
-                        <div class="event-person">Mary Smith</div>
-                    </div>
-                </div>
-            </div>
-
-            <div style="margin-top: 40px; padding: 20px; background: #f8f9fa; border-radius: 8px;">
-                <h3 style="color: #333; margin-bottom: 15px;">Features</h3>
-                <ul style="color: #666; line-height: 1.8;">
-                    <li>Vertical timeline showing family events chronologically</li>
-                    <li>Color-coded event markers: Green (Birth), Red (Death), Blue (Marriage)</li>
-                    <li>Displays events for father, mother, children, and grandchildren</li>
-                    <li>Year markers on the left side for easy navigation</li>
-                    <li>Interactive view that updates when family data changes</li>
-                    <li>Perfect for visualizing family history and relationships</li>
-                </ul>
-            </div>
-        </div>
-
-        <div class="footer">
-            <p><strong>MyTimeline Plugin</strong> for <a href="https://gramps-project.org" target="_blank">Gramps</a> Genealogy Software</p>
-            <p>Created by Daniel Viegas | Version 1.0</p>
-        </div>
-    </div>
-</body>
-</html>
-
