52 lines
1.9 KiB
HTML
52 lines
1.9 KiB
HTML
<!Doctype HTML>
|
|
<html>
|
|
<head>
|
|
<title>Emi Simpson - Nice to meet you!</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<svg id=goop-zone>
|
|
<defs>
|
|
<filter id="goop-blur">
|
|
<feGaussianBlur stdDeviation="15"/>
|
|
</filter>
|
|
<filter id="goop-thresh">
|
|
<feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1000 -500"/>
|
|
</filter>
|
|
<path
|
|
style="transform:scale(0.5)"
|
|
id="the-one-true-glob"
|
|
d="M 24.0,158.5 0,67.2 48.1,0 189.7,36.6 146.5,87.4 185.2,135.3 84.8,134.1 Z" />
|
|
</defs>
|
|
<g style="filter:url(#goop-thresh)">
|
|
<g style="filter:url(#goop-blur);transform:scale(2.0)">
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<use class="glob" xlink:href="#the-one-true-glob" />
|
|
<rect width=1000 height=30 x=-30 y=190 /> <!-- base -->
|
|
<rect width=300 height=65 x=50 y=67.5 id="header-box" />
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<h1>Emi Simpson</h1>
|
|
</header>
|
|
<script src="drift.js"></script>
|
|
<main>
|
|
</main>
|
|
</body>
|
|
</html> |