<?xml version="1.0" encoding="utf-8" standalone="no"?>
<svg contentScriptType="text/ecmascript" viewBox="0 0 1200 1200" width="12cm" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" zoomAndPan="magnify" contentStyleType="text/css" height="12cm" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" version="1.1">
  <title>The PhotoCollage Template</title>
  <desc>The template consists of two pictures on either side of the hole, portrait orientation, with a small strip of tape to hold a title below in the center.
    </desc>
  <lst:categories xmlns:lst="http://www.lightscribe.com/LightScribe/TemplateLabeler">
    <lst:category>holidays</lst:category>
    <lst:category>family</lst:category>
    <lst:category>picture frames</lst:category>
    <lst:category>life events</lst:category>
    <lst:category>special occasions</lst:category>
    <lst:category>video/photography</lst:category>
    <lst:category>wedding</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>
  <!--the fixed elements in this template-->
  <g id="TemplateBackgroundElements" mask="url(#LabelArea)">
    <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\PhotoCollage.jpg" height="1200" id="BackGroundImage" />
  </g>
  <!--the user elements in this template-->
  <g id="UserDefinableElements" mask="url('#LabelArea')">
    <title>Template Elements</title>
    <!--The left picture - change the image xlink to point to one to use-->
    <g id="Image Item 1" transform="translate( 0.7, 155.98) rotate( -0.8 )" clip-path="url('#Image-Item-1-clip')">
      <clipPath id="Image-Item-1-clip">
        <rect width="510" height="783" />
        <!--polygon points="0.0,200.0 216.0,362.0 92.0,726.0 288.0,470.0 508.0,734.0 
                    380.0,356.0 536.0,216.0 346.0,182.0 212.0,2.0 176.0,190.0" /-->
      </clipPath>
      <image display="inline" fill="none" width="510" height="783" preserveAspectRatio="xMidYMid slice" />
    </g>
    <!--The right picture - change the image xlink to point to one to use 
            clip-path="url('#Picture-right-clip')"-->
    <g id="Image Item 2" transform="translate(618,116) rotate(-10)" clip-path="url('#Image-Item-2-clip')">
      <clipPath id="Image-Item-2-clip">
        <rect width="500" height="785" />
        <!--ellipse rx="100" ry="360" cx="250" cy="390" />
        <ellipse rx="250" ry="100" cx="250" cy="390" /-->
      </clipPath>
      <image width="510" height="785" preserveAspectRatio="xMidYMid slice" />
    </g>
    <!--The title tape - change the text to one to use. Note we are defining the upper left of a 
            rectangle. The tape further limits where pixels are drawn-->
    <g id="Text Item 1" clip-path="url('#Text_Item_1_clip')" transform="translate(370,935) rotate(-2)">
      <clipPath id="Text_Item_1_clip">
        <path fill="none" d="M -2.8460073 185.4743 C -5.343932 177.76459 3.8300793 179.68427                      -1.1286001 171.61957 C 1.3832641 146.6376 6.142269 139.29922 -1.5911113 131.5246                      C -5.3867483 117.60016 -4.926696 68.85516 -0.89628446 39.993084 C 19.370728                      32.695946 29.962683 44.572834 40.073307 29.855164 C 54.073307 34.855164 67.21934                      37.868988 71.00751 44.004932 C 94.01703 40.728516 142.02141 44.395386 195.53636                      45.35175 C 195.2064 11.819806 195.64742 27.84496 198.16968 12.923895 C 313.11707                      16.437641 332.72736 13.620314 492.04294 21.68526 C 537.3756 27.270752 553.98773                      24.348724 582.15625 34.33788 C 590.8367 43.646492 576.50256 38.64319 578.1                      50.205982 C 561.97015 53.645153 566.5483 65.81234 569.07764 77.95749 C 568.8485                      85.904854 564.2465 88.74598 570.9456 97.4851 C 556.0008 109.97114 559.8936                      113.10891 544.8266 129.09282 C 532.22955 131.65474 531.40466 126.62289 515.5825                      135.57616 C 505.72824 131.2296 513.20734 135.08467 511.16617 147.42924 C                      502.5952 163.64 495.60583 148.88708 496.52908 165.42938 C 483.0135 179.96655                      471.77454 164.67894 481.56042 192.92374 C 474.59958 191.68005 477.78336                      200.79672 477.67865 203.79489 C 462.38004 197.7573 448.19662 202.76535 394.65942                      202.89702 C 285.07327 194.85516 152.07329 195.85516 15.073306 203.85516 C                      -0.9266958 204.85516 2.6024182 188.7431 -2.8460073 185.4743 z" stroke="#00ff00" />
      </clipPath>
      <rect x="32.265133" y="21.619907" fill="none" width="480.52032" id="Text_Item_1_frame" height="150.85902" dy="0" stroke="#ff0000" />
      <text x="5.0" font-size="10" fill="black" stroke="grey" y="50.0" text-anchor="start" font-family="Verdana" dy="0"></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>