Skip to content

Instantly share code, notes, and snippets.

@mushon

mushon/turbulence_svg.html

Last active August 27, 2015 13:19
Show Gist options
  • Save mushon/15cea753df74e6844337 to your computer and use it in GitHub Desktop.
Save mushon/15cea753df74e6844337 to your computer and use it in GitHub Desktop.
Download ZIP
Turbulence logo in SVG markup
Raw
turbulence_svg.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Turbulence.org logo in SVG (excersize)</title>
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400);
body{font-family: "Roboto Condensed", sans-serif; }
svg {background-color: black;}
</style>
</head>
<body>
<p>Remaking the Turbulence logo in SVG markup:</p>
<svg width="270" height="110">
<g transform="translate(15, -14) rotate(15)">
<circle cx="10" cy="30" r="4" fill="#fff"></circle>
<circle cx="22" cy="30" r="4" fill="#fff"></circle>
<circle cx="34" cy="30" r="4" fill="#fff"></circle>
<circle cx="10" cy="42" r="4" fill="#fff"></circle>
<circle cx="22" cy="42" r="4" fill="#fff"></circle>
<circle cx="34" cy="42" r="4" fill="#fff"></circle>
<circle cx="10" cy="54" r="4" fill="#fff"></circle>
<circle cx="22" cy="54" r="4" fill="#fff"></circle>
<circle cx="34" cy="54" r="4" fill="#fff"></circle>
</g>
<text x="50" y="50" fill="#fff" font-size="52.5" font-weight="400" font-family="Roboto Condensed">turbulence</text>
<text x="7" y="70" fill="#fff" font-size="18.3" font-weight="400" font-family="Roboto Condensed">COMMISSIONING AND SUPPORTING</text>
<text x="7" y="90" fill="#fff" font-size="18.1" font-weight="400" font-family="Roboto Condensed">NET | WEB | HYBRID ART SINCE 1996</text>
</svg>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment