/
index.html
105 lines (94 loc) · 5.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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html>
<head>
<title>Pigsflew.com • Addie GS • Software Developer in Seattle, WA</title>
<meta name="description" content="Software Developer in Seattle, WA" />
<meta name="author" content="Addie GS">
<meta name="robots" content="index, follow" />
<!-- These are my favicon at different sizes for different usages. -->
<!-- Common Browser Generics -->
<link rel="icon" href="/res/fav/phlox-16.png" sizes="16x16"> <!-- Browser Favicons -->
<link rel="icon" href="/res/fav/phlox-32.png" sizes="32x32"> <!-- Taskbar Shortcut Icon -->
<link rel="icon" href="/res/fav/phlox-96.png" sizes="96x96"> <!-- Desktop Shortcut Icon / Google TV. -->
<link rel="shortcut icon" href="/res/fav/phlox-128.png" sizes="128x128"> <!-- Chrome webstore -->
<link rel="shortcut icon" href="/res/fav/phlox-196.png" sizes="196x196"> <!-- Android Chrome -->
<link rel="shortcut icon" href="/res/fav/phlox-228.png" sizes="228x228"> <!-- Opera Coast -->
<!-- Android -->
<link rel="shortcut icon" sizes="196x196" href=“/res/fav/phlox-196.png">
<!-- iOS Touch Icons -->
<link rel="apple-touch-icon" href="/res/fav/phlox-120.png" sizes="120x120">
<link rel="apple-touch-icon" href="/res/fav/phlox-152.png" sizes="152x152">
<link rel="apple-touch-icon" href="/res/fav/phlox-167.png" sizes="167x167">
<link rel="apple-touch-icon" href="/res/fav/phlox-180.png" sizes="180x180">
<!-- Windows 8 IE 10-->
<meta name="msapplication-TileColor" content="#B9CDEB">
<meta name="msapplication-TileImage" content="/res/fav/phlox-144.png">
<!— Windows 8.1 + IE11 and above —>
<meta name="msapplication-config" content="/res/fav/browserconfig.xml" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <!-- fallback -->
<!-- End favicon stuff -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS from elsewhere -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3/animate.min.css">
<link href="https://fonts.googleapis.com/css?family=Noto Sans:400" rel="stylesheet">
<!-- My own CSS -->
<link rel="stylesheet" type="text/css" href="/res/css/style.css">
<!-- JS -->
<script src="https://kit.fontawesome.com/0dab100bd9.js"></script>
</head>
<body>
<!--Card-->
<main shadow class="card animated fadeIn">
<header>
<img avatar shadow alt="Addie GS Profile Avatar" title="Addie GS" class="center animated rollIn" src="/res/img/avatar-round-256.png"></img>
<h1>Addie GS</h1>
<h2>(Adrianne Greenberg-Sud)</h2>
<aside>Senior Software Developer @ Indeed.com</aside>
</header>
<section about>
<ul>
<li>Lives in <a title="Seattle, WA USA on Google Maps" href="https://goo.gl/maps/VVn1t7ydqhndsfzm6"><i class="fas fa-map-marked-alt"></i>Seattle, WA</a></li>
<li>Is a
<i class="fas fa-transgender">transgender</i>
<i class="fas fa-users">poly</i>
<i class="fas fa-heart">pansexual</i>
<a title="Pronouns: She/Her" href="http://pronoun.is/she" class="fas fa-female">woman</a>
</li>
<li>Has a <i class="fas fa-graduation-cap">bachelor's</i> from UMass Amherst</li>
<li>Loves
<i class="fas fa-hat-wizard">roleplaying</i>,
<i class="fas fa-meteor">scifi</i>,
<i class="fas fa-mask">superheroes</i>, and
<i class="fas fa-balance-scale">social justice</i>.
</li>
</ul>
</section>
<section social>
<h3>Catch me on these platforms</h3>
<p class="icons animated pulse">
<a hover-glow class="fab fa-mastodon fa-2x fa-border" rel="me" target="_blank"
alt="queer.party/@pigsflew" title="Addie GS on Mastodon" href="https://queer.party/@pigsflew"></a>
<a hover-glow class="fab fa-facebook fa-2x fa-border" rel="me" target="_blank"
alt="fb.me/whenpigsflew" title="Addie GS on facebook" href="https://fb.me/whenpigsflew"></a>
<a hover-glow class="fab fa-instagram fa-2x fa-border" rel="me" target="_blank"
alt="instagr.am/pigsflew" title="Addie GS on Instagram" href="https://instagr.am/pigsflew"></a>
<a hover-glow class="fab fa-linkedin fa-2x fa-border" rel="me" target="_blank"
alt="linkedin.com/in/pigsflew" title="Addie GS on Linkedin" href="https://linkedin.com/in/pigsflew"></a>
</p>
</section>
<section social>
<h3>Fork me on Github!</h3>
<p class="icons animated pulse">
<a hover-glow class="fab fa-github fa-2x fa-border" rel="me" target="_blank"
alt="git.io/pigsflew" title="Pigsflew on Github" href="https://git.io/pigsflew"></a>
</p>
</section>
</main>
<!--footer-->
<footer class="animated fadeIn">
© 2019 Addie Greenberg Sud. Code for this site <a title="Repository for this page" alt="git.io/pigsflew.com" href="https://git.io/pigsflew.com">released under CC-BY-SA</a>.
</footer>
</body>
</html>