-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
151 lines (136 loc) · 6.81 KB
/
contact.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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<title>Tanya Sonker | Contact</title>
<!-- Bootstrap -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<link rel="icon" href="images/poetical-science.png">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<nav class="navbar navbar-expand-sm fixed-top">
<div class="container">
<a class="navbar-brand" href="./index.html">
<img src="images/poetical-science.png" width="60" height="60" alt="logo poetical science">
</a>
<!-- Toggler/collapsibe Button -->
<button class="navbar-light navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- links to collapse; justify-content-end aligns to right -->
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav stroke">
<li class="navbar-item">
<a class="nav-link" href="./index.html">home</a>
</li>
<li class="navbar-item">
<a class="nav-link" href="./about.html">about</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./experience.html">experience</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- contact page -->
<div class="container">
<div class="row addpaddingtop">
<div class="col-sm contlhs">
<a href="https://www.youtube.com/watch?v=9iHmRI7ULLA" target="_blank" aria-label="Watch Santa Clara University Digital Humanities Documentary">
<img id="scudoc" src="images/scu-doc.png" alt="Santa Clara University Digital Humanities Documentary" class="img-fluid">
</a>
</div>
<div class="col-sm exprhs">
<p id="ewo">media</p>
<p>___________</p>
<p>Represented Santa Clara Laptop Orchestra in Santa Clara University's
<a href="https://www.scu.edu/digital-humanities/" target="_blank" aria-label="Read about Santa Clara University's Digital Humanities Initiative">Digital Humanities Initiative</a>
documentary. Watch it
<a href="https://www.youtube.com/watch?v=9iHmRI7ULLA" target="_blank" aria-label="Watch Santa Clara University Digital Humanities Documentary">here</a>.
</p>
<p>Featured in Santa Clara Laptop Orchestra's "What is SCLOrk?" documentary. Watch it
<a href="https://www.youtube.com/watch?v=UorZXvhU6uI" target="_blank" aria-label="Watch Santa Clara Laptop Orchestra Documentary">here</a>.
</p>
<p>Equally passionate about tech and arts, I often had to choose between
studying engineering and humanities. Through the Digitial Humanities Initiative and
SCLOrk, SCU showed me otherwise
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"/>
</svg>
</p>
</div>
</div>
<div class="row addpaddingbtm">
<div class="col-sm contlhs">
<a href="https://www.youtube.com/watch?v=UorZXvhU6uI" target="_blank" aria-label="Watch Santa Clara Laptop Orchestra Documentary">
<img id="sclorkdoc" src="images/sclork-doc.png" alt="Santa Clara Laptop Orchestra Documentary" class="img-fluid">
</a>
</div>
<div class="col-sm exprhs">
<p id="cont">contact</p>
<p>____________</p>
<p> My socials are linked in the footer, let's connect
<i class="bi bi-balloon-heart"></i>
</p>
<blockquote class="blockquote">
<i class="bi bi-blockquote-left">
<p>If you can't give me poetry, can't you give me poetical science?</p>
</i>
<footer class="blockquote-footer">Ada Lovelace</footer>
</blockquote>
<blockquote class="blockquote">
<i class="bi bi-blockquote-left">
<p>The way to know life is to love many things.</p>
</i>
<footer class="blockquote-footer">Vincent Van Gogh</footer>
</blockquote>
</div>
</div>
</div>
<div class="footer">
<div class="row">
<div class="col-8 date">
last updated 10/24
</div>
<div class="col-4 socials">
<a href="https://www.linkedin.com/in/tanya-sonker/" target="_blank" aria-label="Follow Tanya on LinkedIn" class="text-decoration-none">
<span>
<i class="bi bi-linkedin"></i>
</span>
</a>
<a href="https://www.github.com/tanya-sonker/" target="_blank" aria-label="Follow Tanya on GitHub" class="text-decoration-none">
<span>
<i class="bi bi-github"></i>
</span>
</a>
<a href="mailto:[email protected]" target="_blank" aria-label="Email Tanya" class="text-decoration-none">
<span>
<i class="bi bi-envelope-at"></i>
</span>
</a>
<a href="https://www.instagram.com/tanya.tsx/" target="_blank" aria-label="Follow Tanya on Instagram" class="text-decoration-none">
<span>
<i class="bi bi-instagram"></i>
</span>
</a>
<a href="https://poeticalscience.substack.com/" target="_blank" aria-label="Follow Tanya on Substack" class="text-decoration-none">
<span>
<i class="bi bi-substack"></i>
</span>
</a>
<a href="https://medium.com/@tanyasonker/" target="_blank" aria-label="Follow Tanya on Medium" class="text-decoration-none">
<span>
<i class="bi bi-medium"></i>
</span>
</a>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
</body>
</html>