-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
24 lines (23 loc) · 2.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE HTML>
<html>
<head>
<title>Plastikit</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/style.css" />
</head>
<body class="homepage">
<div class="jumbotron">
<div class="content-wrapper">
<h1><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" viewBox="0 0 400 400"><path fill="#9C27B0" d="M0 0h400v400H0z"/><path fill="#E0E0E0" d="M76.61 372.667h61.6s-23.433-27.016-35.304-71.144C90.514 255.46 97.55 221.52 97.55 221.52H35.81s-5.44 39.752 5.69 80.98c12.995 48.138 35.11 70.167 35.11 70.167z"/><defs><path id="a" d="M76.61 372.667h61.6s-23.433-27.016-35.304-71.144C90.514 255.46 97.55 221.52 97.55 221.52H35.81s-5.44 39.752 5.69 80.98c12.995 48.138 35.11 70.167 35.11 70.167z"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="120.265" y1="204.262" x2="81.764" y2="194.13"><stop offset="0"/><stop offset="1" stop-color="#FFF" stop-opacity="0"/></linearGradient><path opacity=".5" clip-path="url(#b)" fill="url(#c)" d="M127.68 26.32l-93.2 346.347h42.132l93.2-346.346"/><path fill="#FAFAFA" d="M169.81 26.32h88.8c20 0 37.132 2.2 51.4 6.6 14.263 4.4 26.464 11.67 36.6 21.8 14.4 14.4 21.6 33.6 21.6 57.6 0 17.338-3.536 32.8-10.6 46.4-7.067 13.6-16.667 25.07-28.8 34.4-12.137 9.34-26.47 16.402-43 21.2-16.537 4.802-34.398 7.202-53.6 7.202h-53.2l-23.447 86.86-6.388 23.666-4.903 18.16-6.062 22.46h-61.6l93.2-346.347zm66 141.2c20.532 0 37.064-4.33 49.603-13 12.53-8.662 18.8-21 18.8-37 0-9.33-3.07-17.062-9.2-23.2-4.27-4.262-9.4-7.4-15.4-9.4s-13.668-3-23-3h-40l-22.8 85.6h41.998z"/></svg></h1>
<div class="headline">Plastikit is a collection of handy custom elements that integrate seamlessly with Polymer.</div>
</div>
</div>
<div class="content-wrapper">
<h2>Working on it!</h2>
<p>We're just getting set up and we've got a lot of work to do.</p>
<p>As more gets done, you'll see more pop up on the <a href="1.x/">component directory</a> and our
<a href="https://github.com/Plastikit/">GitHub account.</a></p>
<p>Keep checking back! We'll have more soon.</p>
</div>
</body>
</html>