<?xml version="1.0" encoding="utf-8" standalone="no"?>
<svg contentScriptType="text/ecmascript" zoomAndPan="magnify" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" contentStyleType="text/css" version="1.1" width="120mm" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1200 1200" height="120mm" xmlns="http://www.w3.org/2000/svg" xmlns:lst="http://www.lightscribe.com/LightScribe/TemplateLabeler">
  <title>The Family Tree Template</title>
  <desc>A tree with a picture frame on either side, and a banner below for some text.</desc>
  <lst:categories>
    <lst:category>picture frames</lst:category>
    <lst:category>environmental</lst:category>
    <lst:category>family</lst:category>
    <lst:category>life events</lst:category>
    <lst:category>nature</lst:category>
    <lst:category>seasons</lst:category>
  </lst:categories>
  <defs>
    <!--Housekeeping : This, and some other things that are only for managing the file itself, 
            and not the template definition, are called 'housekeeping' in comments, and can be 
            ignored for the purpose of defining templates and UserDefinableContent.-->
    <mask x="0" width="1200px" y="0" id="LabelArea" height="1200px">
      <!--the mask is only for rendering the SVG on viewers - it has nothing to do with the 
                UserDefinableContent.-->
      <circle fill="#ffffff" r="600" cx="600" fill-rule="evenodd" cy="600" />
    </mask>
  </defs>
  <g id="TemplateBackgroundElements" mask="url(#LabelArea)">
    <!--the fixed elements in this template-->
    <title>Template Background</title>
    <desc>This group contains the template background and other fixed elements. None of these elements are intended for user manipulation. In the initial template designs, only a single background image will be expected here. As the technology matures, full fledged SVG descriptions of background may be put here.
        </desc>
    <!--Change this to be the actual background image to use-->
    <image x="0.0" y="0.0" width="1200" xlink:href="backgrounds\FamilyTree.jpg" height="1200" id="BackGroundImage" />
  </g>
  <g id="UserDefinableElements">
    <!--the user elements in this template-->
    <g id="Image Item 1" clip-path="url('#Image-Item-1-clip')" transform="translate(104, 512.0)">
      <!--A picture - change the image xlink to point to one to use-->
      <clipPath id="Image-Item-1-clip">
        <rect width="234.0" height="170.0" />
      </clipPath>
      <image width="234" xlink:href="thumbnails/default.png" height="170.0" preserveAspectRatio="none" />
    </g>
    <g id="Image Item 2" clip-path="url('#Image-Item-2-clip')" transform="translate(866, 512.0)">
      <!--A picture - change the image xlink to point to one to use-->
      <clipPath id="Image-Item-2-clip">
        <rect width="234.0" height="170.0" />
      </clipPath>
      <image x="0.0" y="0.0" width="234" xlink:href="thumbnails/default.png" height="170.0" preserveAspectRatio="none" />
    </g>
    <g id="Arc Item 1" transform="translate(572.5,410)" clip-path="url('#Arc-Text-1-clip')">
      <clipPath id="Arc-Text-1-clip">
        <path fill="none" d="M -283.382 525.8819 A 595.0 595.0 301 0 0 311.93048 511.7708 L                      283.70825 452.68048 A 530.0 530.0 242 0 1 -259.5695 463.26385 z" />
      </clipPath>
      <path fill="none" d="M -283.382 525.8819 A 595.0 595.0 301 0 0 311.93048 511.7708 L                      283.70825 452.68048 A 530.0 530.0 242 0 1 -259.5695 463.26385 z" id="Arc_Item_1_frame" />
      <path fill="none" d="M -274.89584 499.97223 A 550.0 550.0 0.0 0 0 302.10416 486.97223" id="Arc_Item_1_baseline" stroke="red" />
      <text dy="0" x="0" font-size="8" y="377.97916" text-anchor="middle" fill="black" stroke="grey">
        <textPath startOffset="50%" text-anchor="middle" xlink:href="#Arc_Item_1_baseline">
          <tspan>Click to add text</tspan>
        </textPath>
      </text>
    </g>
  </g>
  <!--Housekeeping : Opaque on the centre of the design.-->
  <circle id="center-semi-opaque-hole" fill="white" fill-opacity="0.75" r="244.0" cx="600" cy="600" />
  <path fill="none" d="M 600.0 0.0 A 600.0 600.0 0.0 1 1 599.0 0.0" stroke-width="10" stroke-color="white" stroke="#ffffff" />
</svg>