-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
46 lines (46 loc) · 5.26 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="./main.css">
<link rel="icon" type="image/png" href="./assets/colourful_asteroid_small.png" />
<title>AstroAsh</title>
</head>
<body>
<nav class='nav'>
<img class="nav__icon" src="./assets/white_colourful_asteroid_small.png" alt="colourful comet"></img>
<h1 class='nav__title'>Aisha Nasir</h1>
<p class='nav__subtitle'>full stack web developer</p>
</nav>
<main>
<img src="./assets/comet_time_small.png" alt="flying comet" class="egg__comet"></img>
<section class='tile'></section>
<section class='tile tile--responsive'>
<div class ='tile__main'>
<a class= "tile__link" href="https://github.com/astroash" target="_blank" rel="noopener">
<svg class='tile__gh_logo' width="256" viewBox="0 0 256 250" xmlns="http://www.w3.org/2000/svg">
<path d="M128.001 0C57.3173 0 0 57.3067 0 128.001C0 184.555 36.6762 232.536 87.5349 249.461C93.932 250.646 96.2806 246.684 96.2806 243.303C96.2806 240.251 96.1619 230.168 96.1068 219.472C60.4968 227.215 52.9826 204.37 52.9826 204.37C47.16 189.575 38.7704 185.641 38.7704 185.641C27.1569 177.696 39.6458 177.859 39.6458 177.859C52.4993 178.762 59.2674 191.05 59.2674 191.05C70.6838 210.618 89.2116 204.961 96.5159 201.69C97.6647 193.418 100.982 187.771 104.643 184.574C76.2118 181.338 46.3248 170.362 46.3248 121.316C46.3248 107.341 51.3251 95.9224 59.5132 86.9584C58.1842 83.7344 53.8029 70.7156 60.7532 53.0844C60.7532 53.0844 71.5019 49.6442 95.9626 66.205C106.173 63.3689 117.123 61.9466 128.001 61.8978C138.879 61.9466 149.838 63.3689 160.067 66.205C184.498 49.6442 195.232 53.0844 195.232 53.0844C202.199 70.7156 197.816 83.7344 196.487 86.9584C204.694 95.9224 209.66 107.341 209.66 121.316C209.66 170.479 179.716 181.304 151.213 184.473C155.804 188.445 159.895 196.235 159.895 208.177C159.895 225.303 159.747 239.087 159.747 243.303C159.747 246.71 162.051 250.701 168.539 249.444C219.37 232.5 256 184.536 256 128.001C256 57.3067 198.691 0 128.001 0ZM47.9406 182.34C47.6586 182.976 46.6582 183.167 45.7467 182.73C44.8183 182.313 44.2969 181.446 44.5979 180.808C44.8734 180.153 45.876 179.97 46.8023 180.409C47.7328 180.827 48.2627 181.702 47.9406 182.34ZM54.2368 187.958C53.6263 188.524 52.433 188.261 51.6233 187.367C50.786 186.474 50.6292 185.281 51.2481 184.707C51.8776 184.141 53.0349 184.406 53.8743 185.298C54.7116 186.201 54.8748 187.386 54.2368 187.958ZM58.5562 195.146C57.772 195.691 56.4896 195.18 55.6968 194.042C54.9126 192.904 54.9126 191.539 55.7138 190.992C56.5087 190.445 57.772 190.937 58.5753 192.066C59.3575 193.224 59.3575 194.589 58.5562 195.146ZM65.8614 203.471C65.1598 204.245 63.6654 204.037 62.5717 202.982C61.4525 201.949 61.1409 200.485 61.8446 199.711C62.5547 198.935 64.0575 199.153 65.1598 200.201C66.2705 201.231 66.6096 202.706 65.8614 203.471ZM75.3025 206.282C74.993 207.284 73.5538 207.74 72.104 207.314C70.6563 206.875 69.7088 205.701 70.0013 204.688C70.3023 203.679 71.7479 203.204 73.2083 203.66C74.6539 204.096 75.6035 205.262 75.3025 206.282ZM86.0469 207.474C86.083 208.529 84.8536 209.405 83.3317 209.424C81.8013 209.458 80.5634 208.603 80.5465 207.565C80.5465 206.499 81.7483 205.632 83.2787 205.606C84.8006 205.577 86.0469 206.424 86.0469 207.474ZM96.6021 207.069C96.7844 208.099 95.7267 209.157 94.2154 209.439C92.7296 209.71 91.3539 209.074 91.1653 208.053C90.9809 206.997 92.0576 205.939 93.5414 205.666C95.0548 205.403 96.4093 206.022 96.6021 207.069Z"/>
</svg>
<p class='tile__subtitle'>github</p>
</a>
</div>
</section>
<section class='tile tile--responsive'>
<div class ='tile__main'>
<a class= "tile__link" href='https://www.linkedin.com/in/aisha-nasir/' target="_blank" rel="noopener">
<svg class='tile__li_logo' version="1.1" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(0 -552.36)">
<path transform="translate(0 552.36)" d="m50 0c-27.7 0-50 22.3-50 50v400c0 27.7 22.3 50 50 50h400c27.7 0 50-22.3 50-50v-400c0-27.7-22.3-50-50-50h-400zm29.062 51.156h343.41c15.662 0 28.281 12.62 28.281 28.281v343.53c0 15.662-12.62 28.25-28.281 28.25h-343.41c-15.662 0-28.25-12.588-28.25-28.25v-343.53c0-15.662 12.588-28.281 28.25-28.281zm60.844 54.625c-19.182 0-34.719 15.537-34.719 34.719s15.537 34.75 34.719 34.75 34.719-15.568 34.719-34.75-15.537-34.719-34.719-34.719zm181.88 90.438c-3.9221-0.01397-7.7402 0.14901-12.719 0.40625-10.919 0.56416-36.413 12.367-45.75 31.219 0-8.1843 0.09375-15.689 0.09375-26.906-11.184 0-25.808 0.0625-56.375 0.0625 0 34.253-0.375 155.56-0.375 190.91h59.188c0-20.967 0.28125-73.645 0.28125-106.72 0-11.106 6.7152-36.75 34.312-36.75 25.059 0 32.094 21.078 32.094 36.75 0 34.445-0.25 83.144-0.25 106.72h59.531c0-23.044 0.20675-85.632-0.5-125.12-0.85812-47.951-30.035-68.417-56.219-70.031-5.3882-0.33227-9.3904-0.51728-13.312-0.53125zm-211.59 5.5312v190.06h59.344v-190.06h-59.344z"/>
</g>
</svg>
<p class='tile__subtitle'>linkedin</p>
</a>
</div>
</section>
<section class='tile'></section>
</main>
<script type="text/javascript" src="./main.js"></script>
</body>
</html>