Skip to content

Instantly share code, notes, and snippets.

@bbinet
Forked from anonymous/jsbin.yajaxacu.css
Last active August 29, 2015 14:01
Show Gist options
  • Save bbinet/74a3b31e7df2abd8e3ec to your computer and use it in GitHub Desktop.
Save bbinet/74a3b31e7df2abd8e3ec to your computer and use it in GitHub Desktop.
svg {
border: 1px solid;
background: white;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Solar Decathlon</title>
</head>
<body>
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" height="800" width="600" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="rotate(90 300 300)">
<g font-family="DejaVu Sans" font-size="40px">
<text text-anchor="left" x="30" y="80">TITLE</text>
</g>
<g font-family="DejaVu Sans" font-weight="bold">
<g font-size="200px">
<text text-anchor="middle" x="400" y="360">VALUE</text>
</g>
<g font-size="50px">
<text text-anchor="middle" x="400" y="530">UNIT</text>
</g>
</g>
<image x="550" y="20" width="226" height="93" xlink:href="data:image/png;base64,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" />
</g>
</svg>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment