-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
86 lines (77 loc) · 6.22 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="assets/favcon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About Me</title>
</head>
<body>
<script type="module" src="./main.js" id="vertex-shader"></script>
<div id="container">
<canvas id="canvas"></canvas>
<div class="page-container">
<div class="top-container">
<div class="top-left-container">
<div class="profile-pic">
<img src="assets/b1.jpeg" alt="Avatar" class="avatar">
</div>
</div>
<div class="top-right-container">
<h1>I'm Emanuel Macias</h1>
<ul class="list-group">
<li class="list-group-item">I write code</li>
<li class="list-group-item">Play Video Games</li>
<li class="list-group-item">Watch Anime</li>
<li class="list-group-item">Workout</li>
</ul>
</div>
</div>
<div class="bottom-container">
<a aria-label="{{settings.name}} on LinkedIn!" href="https://www.linkedin.com/in/emanuel-m-7408a2217"
tabindex="-1">
<svg class="social-profile-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
tabindex="0" focusable="true">
<title>LinkedIn</title>
<path
d="M18.335 18.339H15.67V14.162C15.67 13.166 15.65 11.884 14.28 11.884C12.891 11.884 12.679 12.968 12.679 14.089V18.339H10.013V9.75H12.573V10.92H12.608C12.966 10.246 13.836 9.533 15.136 9.533C17.836 9.533 18.336 11.311 18.336 13.624V18.339H18.335ZM7.003 8.575C6.79956 8.57526 6.59806 8.53537 6.41006 8.45761C6.22207 8.37984 6.05127 8.26574 5.90746 8.12184C5.76365 7.97793 5.64965 7.80706 5.57201 7.61901C5.49437 7.43097 5.4546 7.22944 5.455 7.026C5.4552 6.71983 5.54618 6.4206 5.71644 6.16615C5.8867 5.91169 6.12859 5.71343 6.41153 5.59645C6.69447 5.47947 7.00574 5.44902 7.30598 5.50894C7.60622 5.56886 7.88196 5.71648 8.09831 5.93311C8.31466 6.14974 8.46191 6.42566 8.52145 6.72598C8.58099 7.0263 8.55013 7.33753 8.43278 7.62032C8.31543 7.9031 8.11687 8.14474 7.86219 8.31467C7.60751 8.4846 7.30817 8.5752 7.002 8.575H7.003ZM8.339 18.339H5.666V9.75H8.34V18.339H8.339ZM19.67 3H4.329C3.593 3 3 3.58 3 4.297V19.703C3 20.42 3.594 21 4.328 21H19.666C20.4 21 21 20.42 21 19.703V4.297C21 3.58 20.4 3 19.666 3H19.669H19.67Z"
fill="black" />
</svg>
</a>
<a aria-label="{{settings.name}} on GitHub" href="https://github.com/DarkNeo777" tabindex="-1">
<svg class="social-profile-icon" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"
tabindex="0" focusable="true">
<title>GitHub</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.026 0C4.517 0 0.052002 4.465 0.052002 9.974C0.052002 14.38 2.909 18.119 6.873 19.439C7.372 19.529 7.552 19.222 7.552 18.958C7.552 18.721 7.544 18.093 7.541 17.262C4.766 17.864 4.18 15.924 4.18 15.924C3.728 14.772 3.073 14.465 3.073 14.465C2.168 13.846 3.142 13.86 3.142 13.86C4.144 13.93 4.669 14.888 4.669 14.888C5.559 16.412 7.005 15.972 7.571 15.717C7.662 15.072 7.922 14.632 8.206 14.383C5.992 14.132 3.664 13.276 3.664 9.453C3.664 8.366 4.053 7.474 4.688 6.778C4.587 6.525 4.242 5.51 4.787 4.138C4.787 4.138 5.624 3.869 7.529 5.159C8.327 4.938 9.178 4.827 10.025 4.823C10.874 4.827 11.726 4.938 12.521 5.159C14.427 3.868 15.263 4.138 15.263 4.138C15.808 5.51 15.466 6.525 15.362 6.778C16.002 7.474 16.386 8.365 16.386 9.453C16.386 13.286 14.056 14.128 11.834 14.375C12.189 14.683 12.509 15.291 12.509 16.221C12.509 17.555 12.497 18.631 12.497 18.958C12.497 19.225 12.675 19.535 13.184 19.437C17.146 18.115 20 14.379 20 9.974C20 4.465 15.535 0 10.026 0Z"
fill="black" />
</svg>
</a>
<a aria-label="{{settings.name}} on Codepen" href="https://codepen.io/Godspeed16" tabindex="-1">
<svg class="social-profile-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" aria-labelledby="title" aria-describedby="desc"
role="img" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Codepen</title>
<desc>A line styled icon from Orion Icon Library.</desc>
<path data-name="layer1"
d="M33.9 2.762a4.734 4.734 0 0 0-5.29.094L5.042 19.439A4.608 4.608 0 0 0 3 23.281v17.9a4.736 4.736 0 0 0 2.134 3.935L29.17 61.227a4.754 4.754 0 0 0 5.2 0l24.5-16.3A4.736 4.736 0 0 0 61 40.989V23.374a4.736 4.736 0 0 0-2.134-3.935z"
fill="black" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1"
stroke-linejoin="miter"></path>
<path data-name="layer1" fill="none" stroke="#C0C0C0" stroke-linecap="round" stroke-miterlimit="10"
stroke-width="1"
d="M52.184 22.156l-9.002 6.091-8.537-6.184V9.789l17.539 12.367zM28.52 9.882v11.993l-8.723 6.09-8.631-5.902L28.52 9.882zM8.754 27.965l5.568 3.842-5.568 3.935v-7.777zm19.859 25.579L11.166 41.739l8.724-6.184 8.723 5.902v12.087zm-3.341-21.831l5.661-4.029 6.589 4.404-5.847 3.935-6.403-4.31zm9.558 21.831V41.457l8.352-5.621 9.002 5.996L34.83 53.544zM54.69 35.93l-5.94-3.936 5.94-4.029v7.965z"
stroke-linejoin="miter"></path>
</svg>
</a>
<!-- <a aria-label="{{settings.name}} on Dev.to" href="{{settings.social.dev}}" tabindex="-1">
<svg class="social-profile-icon" viewBox="0 32 447.99999999999994 448" xmlns="http://www.w3.org/2000/svg"
tabindex="0" focusable="true">
<path
d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35s5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58z" />
</svg>
</a>
-->
</div>
</div>
</div>
</body>
</html>