project.svg   [plain text]


<?xml version="1.0" standalone="no"?>

<!--
       SVG Anteater logo
        jefft@apache.org

To get started with SVG, I'd recommend getting the Adobe SVG plugin, and the
xml-batik CVS module. Then have a look at the xml-batik/samples files. Use the
SVG spec (http://www.w3.org/TR/SVG/) as a reference.
-->

<!--
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-->
<svg xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink" width="340" height="60" viewBox="0 0 340 60">
  <title>Anteater logo</title>

  <defs>

    <!--
    <radialGradient id="radialGradient">
      <stop style="stop-color:gold" offset="0"/>
      <stop style="stop-color:orange" offset=".5"/>
      <stop style="stop-color:crimson" offset="1"/>
    </radialGradient>
    <linearGradient id="linearGradient">
      <stop style="stop-color:gold" offset="0"/>
      <stop style="stop-color:orange" offset=".5"/>
      <stop style="stop-color:crimson" offset="1"/>
    </linearGradient>
    -->

    <linearGradient id="gradient" x1="0" y1="0" x2="0" y2="1">
      <stop style="stop-color:white" offset="0"/>
      <stop style="stop-color:lightgreen" offset="1"/>
    </linearGradient>

    <filter id="shadowFilter"  filterUnits="objectBoundingBox">
      <!-- Takes the alpha channel (black outline of the text), blurs it and saves as 'blur' -->
      <feGaussianBlur in="SourceAlpha" stdDeviation="2 2" result="blur"/>
      <!-- Takes saved 'blur' and offsets it by 4 pixels, saves as 'offsetBlur' -->
      <feOffset in="blur" dx="4" dy="4" result="offsetBlur"/>
      <!-- Merges SourceGraphic (original image) and 'offsetBlur', putting the
      former 'over' the latter, and using the merged result as the finished
      image -->
      <feComposite in="SourceGraphic" in2="offsetBlur" operator="over"/>
    </filter>

  </defs>

  <g filter="url(#shadowFilter)" fill="url(#gradient)">
    <text x="51%" y="75%" style="font-size:42pt; font-family:Verdana ; text-anchor: middle">
      Blojsom
    </text>
       <text x="51%" y="95%" style="font-size:10pt; font-family:Arial ; text-anchor: middle">
      In a maze of weblogs all alike, think blojsom and get out.
    </text>
  </g>
</svg>