-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
90 lines (86 loc) · 4.41 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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Desiphic.</title>
<!--Custom Styling-->
<link rel="stylesheet" href="css/styles.css">
<!--Bootstrap CSS-->
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"
integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb"
crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-light">
<a class="navbar-brand" href="#">desiphic</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon "></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">about</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">experiments</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://merriechristopher.com">blog</a>
</li>
</ul>
</div>
</nav>
<header>
<h1 class="header-title">desiphic.</h1>
<svg width="1366px" height="1356px">
<defs>
<linearGradient id="logo-gradient" x1="50%" y1="0%" x2="50%" y2="100%" >
<stop offset="0%" stop-color="#7A5FFF">
<animate attributeName="stop-color"
values="#7A5FFF; #01FF89; #7A5FFF"
dur="4s"
repeatCount="indefinite">
</animate>
</stop>
<stop offset="100%" stop-color="#01FF89">
<animate attributeName="stop-color"
values="#01FF89; #7A5FFF; #01FF89"
dur="4s"
repeatCount="indefinite">
</animate>
</stop>
</linearGradient>
</defs>
<g>
<path stroke="url('#logo-gradient')" stroke-width="15" fill="none" d="M0,455.230807 C12.4895697,461.658678 27.3770234,459.677485 44.6623609,449.287227 C70.5903671,433.701841 80.1730643,362.746518 90.3080168,320.888685 C100.442969,279.030852 122.056198,230.965488 145.995951,230.965488 C169.935703,230.965488 199.319085,283.518469 210.136338,304.918546 C220.953592,326.318623 233.770267,357.698288 241.533627,373.731868 C249.296987,389.765447 264.777473,433.317088 286.273296,433.317088 C307.769119,433.317088 368.030783,344.06706 373.537758,338.186649 C379.044732,332.306238 396.901091,315.461939 406.435872,318.402144 C415.970653,321.34235 407.573923,349.687768 402.439401,355.757684 C397.304879,361.827601 363.495212,373.551922 356.397334,349.687768 C349.299456,325.823613 380.787644,300.267049 398.68132,292.698317 C416.574997,285.129585 501.404667,299.295265 506.853113,310.269352 C512.301559,321.243439 514.892763,373.328719 533.190817,373.328719 C551.48887,373.328719 584.647773,350.702919 610.990798,335.973179 C637.333822,321.243439 624.202216,423.84053 629.288851,444.611473 C634.375486,465.382417 640.882761,478.515717 667.03956,444.611473 C693.196358,410.707229 724.131189,345.138351 748.276744,345.138351 C772.4223,345.138351 774.316486,419.631212 849.035754,422.697755 C923.755022,425.764297 960.1493,366.377017 980.989133,355.757684 C1001.82897,345.138351 1169.66246,311.084563 1181.09142,305.204152 C1192.52039,299.323742 1219.54145,283.559457 1215.09433,254.581851 C1210.64721,225.604244 1175.25617,209.295585 1143.59374,230.965488 C1111.93132,252.635391 1092.64758,298.837144 1110.04111,338.35764 C1127.43463,377.878136 1171.76178,397.489077 1218.25448,394.876199 C1249.24962,393.13428 1301.19322,380.094775 1374.08529,355.757684"></path>
</g>
</svg>
</header>
<!-- jQuery-->
<script
src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous">
</script>
<!--Popper.js-->
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"
integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh"
crossorigin="anonymous">
</script>
<!--Bootstrap JS-->
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"
integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ"
crossorigin="anonymous">
</script>s
</body>
</html>