-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (51 loc) · 4.33 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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="styles/style.css" rel="stylesheet"/>
<script async src="scripts/header-footer.js"></script>
<script async src="scripts/index.js"></script>
<title>Alexander Wang</title>
</head>
<body>
<div class="bg_element">
<!--mess of a background LMAO-->
<svg viewBox = "0 0 500 500" xmlns="http://www.w3.org/2000/svg" class="bg_element">
<path transform="translate(100 100)" fill="var(--secondary-color)" d="M51.7,-71.9C66.5,-60.5,77.4,-44.6,83.7,-26.8C90,-9,91.7,10.6,85.9,27.7C80.1,44.8,66.8,59.3,51.3,69.6C35.7,80,17.9,86.3,0,86.2C-17.8,86.1,-35.5,79.7,-49.9,69C-64.3,58.3,-75.4,43.2,-81.8,25.9C-88.3,8.7,-90.2,-10.6,-84.5,-27.2C-78.8,-43.8,-65.4,-57.7,-50,-69C-34.7,-80.2,-17.3,-88.7,0.6,-89.5C18.5,-90.3,37,-83.4,51.7,-71.9Z"/>
</svg>
<svg viewBox = "0 0 500 500" xmlns="http://www.w3.org/2000/svg" class="bg_element">
<path transform="translate(300 10)" fill="var(--tertiary-color)" d="M66.4,-39.9C78.9,-16.6,77,13.3,63.5,33.1C50,53,25,62.6,1.8,61.5C-21.4,60.5,-42.7,48.7,-48.2,33.5C-53.8,18.3,-43.5,-0.4,-32.8,-22.6C-22.1,-44.8,-11.1,-70.5,7.9,-75.1C26.9,-79.7,53.8,-63.2,66.4,-39.9Z"/>
</svg>
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" class="bg_element">
<path transform="translate(340 120) rotate(80)" fill="var(--tertiary-color)" d="M47,-38.2C62.4,-18.2,77.4,1.5,73.6,16.4C69.9,31.3,47.4,41.6,24.9,52.9C2.4,64.2,-20.2,76.5,-35,70.3C-49.8,64.1,-56.9,39.4,-57.2,18.6C-57.6,-2.2,-51.3,-19.1,-40.7,-38C-30,-56.9,-15,-77.9,0.4,-78.2C15.8,-78.5,31.6,-58.1,47,-38.2Z"/>
</svg>
<svg viewBox="0 0 110 110" xmlns="http://www.w3.org/2000/svg" class="bg_element">
<path transform="translate(80 84)" fill="var(--secondary-color)" d="M39.3,-39.2C42.1,-27.8,29.4,-12,21.2,-2.7C13.1,6.6,9.4,9.3,4.2,13.7C-1,18,-7.7,24,-14.3,23.3C-20.9,22.6,-27.4,15.2,-29,7C-30.6,-1.3,-27.4,-10.3,-21.7,-22.3C-16.1,-34.2,-8,-49.2,5.1,-53.3C18.3,-57.4,36.5,-50.5,39.3,-39.2Z"/>
</svg>
<svg viewBox="0 0 140 140" xmlns="http://www.w3.org/2000/svg" class="bg_element">
<path transform="translate(-10 80)" fill="var(--tertiary-color)" d="M64.9,-22.9C69.2,-7.8,47.5,13.9,28.4,24.3C9.4,34.6,-7.2,33.6,-21.3,24.5C-35.3,15.4,-47,-1.8,-43,-16.4C-39.1,-31,-19.5,-42.9,5.4,-44.7C30.3,-46.4,60.5,-38,64.9,-22.9Z"/>
</svg>
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" class="bg_element">
<path transform="translate(-90 300)" fill="var(--secondary-color)" d="M49.4,-45.9C64.8,-33.9,78.9,-16.9,82.2,3.3C85.4,23.5,77.9,47,62.4,58.5C47,70,23.5,69.6,5.3,64.3C-12.9,59,-25.7,48.8,-41.1,37.3C-56.4,25.7,-74.3,12.9,-78.5,-4.2C-82.7,-21.3,-73.3,-42.6,-57.9,-54.6C-42.6,-66.7,-21.3,-69.5,-2.2,-67.3C16.9,-65.1,33.9,-58,49.4,-45.9Z"/>
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" class="bg_element">
<path transform="translate(330 230) rotate(40)" fill="var(--tertiary-color)" d="M53.7,-48.4C66.7,-40.6,72.5,-20.3,69.6,-2.9C66.7,14.6,55.2,29.2,42.2,42C29.2,54.8,14.6,65.9,-4.1,70C-22.8,74.1,-45.5,71.2,-58.2,58.4C-70.9,45.5,-73.5,22.8,-67.2,6.3C-60.9,-10.2,-45.7,-20.4,-33.1,-28.2C-20.4,-36,-10.2,-41.4,5.1,-46.5C20.3,-51.6,40.6,-56.2,53.7,-48.4Z"/>
</svg>
</div>
<div class="container">
<header id="header"></header>
<main>
<div style="height: 250px;"></div>
<div class="landing">
<h1><strong>hello, world.</strong></h1>
<h3 class="select">i'm alexander. check out my stuff:</h3>
<a href="https://github.com/yhoundz" class="noselect" target="_blank"><img src="svgs/github.png" class="imglink noselect"></a>
<a href="https://www.behance.net/houndz" class="noselect" target="_blank"><img src="svgs/behance.png" class = "imglink noselect"/></a>
</div>
</main>
<footer id="footer"></footer>
</div>
</body>
</html>