<?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="12cm" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1200 1200" height="12cm" xmlns="http://www.w3.org/2000/svg" xmlns:lst="http://www.lightscribe.com/LightScribe/TemplateLabeler">
  <title>The Fishes Template</title>
  <desc>The template consists of 3 pictures in a bubble on a background of clown fish. Circular text areas above and below the hole on the outside of the disc.
    </desc>
  <lst:categories xmlns:lst="http://www.lightscribe.com/LightScribe/TemplateLabeler">
    <lst:category>animals</lst:category>
    <lst:category>environmental</lst:category>
    <lst:category>nature</lst:category>
    <lst:category>travel</lst:category>
    <lst:category>hobbies</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="1200" height="1200" id="LabelArea" y="0" fill-rule="evenodd">
      <!--the mask is only for rendering the SVG on viewers - it has nothing to do with the 
                UserDefinableContent.-->
      <rect fill="#ffffff" width="1200" height="1200" fill-opacity="0.5" />
      <circle fill="#000000" r="600" cx="600" cy="600" />
      <circle fill="#ffffff" r="590" cx="600" cy="600" />
      <circle fill="#808080" fill-opacity="0.75" r="244.0" id="circle2610" cx="600.0" 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\Fishes.jpg" id="BackGroundImage" height="1200" />
  </g>
  <!--the user elements in this template-->
  <g id="UserDefinableElements" mask="url('#LabelArea')">
    <title>Template Elements</title>
    <g id="Arc Item 1" clip-path="url('#Arc-Text-1-clip')" transform="translate(600,600)">
      <clipPath id="Arc-Text-1-clip">
        <path fill="grey" stroke-width="5" id="semi-circle" d="M -361.19 -308.5 A 475.0                      475.0 139.5 0 1 471.46 57.89 L 585.6 71.9 A 590.0 590.0 -7.0 0 0 -448.64 -383.17                      z" stroke="red" />
      </clipPath>
      <path fill="grey" stroke-width="5" d="M -361.19 -308.5 A 475.0 475.0 139.5 0 1 471.46                  57.89 L 585.6 71.9 A 590.0 590.0 -7.0 0 0 -448.64 -383.17 z" id="Arc_Item_1_frame" stroke="red" />
      <path fill="none" d="M -380.2 -324.7 A 500.0 500.0 0.01 0 1 496.27 60.9" id="Arc_Item_1_baseline" stroke="blue" />
      <text fill="white" dy="0" font-size="18" stroke-width="1" text-anchor="middle">
        <textPath startOffset="50%" xlink:href="#Arc_Item_1_baseline">Click to add text</textPath>
      </text>
    </g>
    <g id="Arc Item 2" clip-path="url('#Arc-Text-2-clip')" transform="translate(600,600)">
      <clipPath id="Arc-Text-2-clip">
        <path fill="grey" stroke-width="5" d="M -473.19 -41.4 A 475.0 475.0 300.0 0 0 251.71 402.82 L 312.65 500.35 A 590.0 590.0 180.0 0 1 -587.57 -51.42 z" stroke="red" />
      </clipPath>
      <path fill="grey" stroke-width="5" d="M -473.19 -41.4 A 590 590 302.0 0 0 292.44                  374.31 L 363.24 464.93 A 475 475 175.0 0 1 -587.57 -51.42 z" id="Arc_Item_2_frame" stroke="red" />
      <path fill="none" d="M -569.83 -49.68 A 570.0 570.0 0.01 0 0 302.05 483.39" id="Arc_Item_2_baseline" stroke="blue" />
      <text fill="black" dy="0" font-size="18" stroke-width="1" text-anchor="middle" stroke="#ffffff">
        <textPath startOffset="50%" text-anchor="middle" xlink:href="#Arc_Item_2_baseline">Click to add text</textPath>
      </text>
    </g>
    <!--The bubble picture - change the image xlink to point to one to use-->
    <g id="Image Item 1" clip-path="url('#Image-Item-1-clip')" transform="translate( 94,288) rotate( 0 )">
      <clipPath id="Image-Item-1-clip">
        <ellipse rx="126.0" fill="none" ry="126.0" cx="126" cy="126" stroke="#000000" />
      </clipPath>
      <image display="inline" fill="none" width="252" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="thumbnails/default.png" height="252" preserveAspectRatio="xMidYMid slice" />
    </g>
    <g id="Image Item 2" transform="translate( 792,762) rotate( 0 )" clip-path="url('#Image-Item-2-clip')">
      <clipPath id="Image-Item-2-clip">
        <ellipse rx="126.0" fill="none" ry="126.0" cx="126" cy="126" stroke="#000000" />
      </clipPath>
      <image display="inline" fill="none" width="252" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="thumbnails/default.png" height="252" preserveAspectRatio="xMidYMid slice" />
    </g>
    <g id="Image Item 3" clip-path="url('#Image-Item-3-clip')" transform="translate( 221 516) rotate( 0 )">
      <clipPath id="Image-Item-3-clip">
        <path fill="grey" d="M 91.86977 17.135376 A 150.0 150.0 0.0 0 1 8.526025 48 A 54.0                      54.0 0.0 1 0 91.86977 17.135376" stroke-width="1" stroke="red" />
      </clipPath>
      <image display="inline" fill="none" width="120" xlink:href="thumbnails/default.png" height="100" preserveAspectRatio="xMidYMid slice" />
    </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 0 599.0 0.0" stroke-width="10" stroke-color="white" stroke="#ffffff" />
</svg>