Added another sample tree (J. F. Kennedy)

README.md

@@ -32,8 +32,9 @@ Website: https://pewu.github.io/topola-viewer
 
 Here is an example from the Web:
 
+* [J. F. Kennedy](https://pewu.github.io/topola-viewer/#/view?url=https%3A%2F%2Fchronoplexsoftware.com%2Fmyfamilytree%2Fsamples%2FThe%2520Kennedy%2520Family.gdz) (from [https://chronoplexsoftware.com/myfamilytree/samples/](chronoplexsoftware.com))
 * [Shakespeare](https://pewu.github.io/topola-viewer/#/view?url=https%3A%2F%2Fwebtreeprint.com%2Ftp_downloader.php%3Fpath%3Dfamous_gedcoms%2Fshakespeare.ged%26file%3Dshakespeare.ged) (from [webtreeprint.com](https://webtreeprint.com/tp_famous_gedcoms.php))
-* [Marie Skłodowska-Curie](https://pewu.github.io/topola-viewer/#/view?indi=Sk%C5%82odowska-2&source=wikitree) (from [WikiTree](https://www.wikitree.com/wiki/Sk%C5%82odowska-2))
+* [Maria Skłodowska-Curie](https://pewu.github.io/topola-viewer/#/view?indi=Sk%C5%82odowska-2&source=wikitree) (from [WikiTree](https://www.wikitree.com/wiki/Sk%C5%82odowska-2))
 
 If you have data in a genealogy database, you can export your data in GEDCOM format and load it using the "Load from file" menu.
 

src/intro.tsx

@@ -7,12 +7,10 @@ import {Link} from 'react-router-dom';
 import {Media} from './util/media';
 import {getChangelog, updateSeenVersion} from './changelog';
 
-/** Link that loads a GEDCOM file from URL. */
+/** Link that loads a view. */
-function GedcomLink(props: {url: string; text: string}) {
+function ViewLink(props: {params: {[key: string]: string}; text: string}) {
   return (
-    <Link
+    <Link to={{pathname: '/view', search: queryString.stringify(props.params)}}>
-      to={{pathname: '/view', search: queryString.stringify({url: props.url})}}
-    >
       {props.text}
     </Link>
   );
@@ -58,8 +56,25 @@ function Contents() {
       </h3>
       <ul>
         <li>
-          <GedcomLink
+          <ViewLink
-            url="https://webtreeprint.com/tp_downloader.php?path=famous_gedcoms/shakespeare.ged&file=shakespeare.ged"
+            params={{
+              url:
+                'https://chronoplexsoftware.com/myfamilytree/samples/The%20Kennedy%20Family.gdz',
+            }}
+            text="J. F. Kennedy"
+          />{' '}
+          (<FormattedMessage id="intro.from" defaultMessage="from" />{' '}
+          <a href="https://chronoplexsoftware.com/myfamilytree/samples/">
+            chronoplexsoftware.com
+          </a>
+          )
+        </li>
+        <li>
+          <ViewLink
+            params={{
+              url:
+                'https://webtreeprint.com/tp_downloader.php?path=famous_gedcoms/shakespeare.ged&file=shakespeare.ged',
+            }}
             text="Shakespeare"
           />{' '}
           (<FormattedMessage id="intro.from" defaultMessage="from" />{' '}
@@ -68,6 +83,20 @@ function Contents() {
           </a>
           )
         </li>
+        <li>
+          <ViewLink
+            params={{
+              indi:
+                'Skłodowska-2', source: 'wikitree'
+            }}
+            text="Maria Skłodowska-Curie"
+          />{' '}
+          (<FormattedMessage id="intro.from" defaultMessage="from" />{' '}
+          <a href="https://www.wikitree.com/wiki/Sk%C5%82odowska-2">
+            wikitree.com
+          </a>
+          )
+        </li>
       </ul>
 
       <h3>
@@ -151,3 +180,4 @@ export function Intro() {
     </div>
   );
 }
+