-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
492 lines (477 loc) · 27 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
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Deepthi Gopal</title>
<link rel="stylesheet" href="./assets/css/style.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="./assets/js/isotope.pkgd.min.js"></script>
</head>
<body>
<div class='bigcontainer'>
<div class="container-1">
<nav>Deepthi Gopal</nav>
<div id="content1" class="cool">
<span><a id="greeting" href="#" onclick="change_greeting();">Hello</a>! I'm a linguist, interested in theoretical phonology and in the spatial and temporal dimensions of language change. I'm currently a postdoctoral researcher (postdoktor) at <a href="https://www.lingfil.uu.se/">Uppsala universitet</a>.</span></div>
<div id="content2"></div>
<div id="content3">Previously: I was at <a href="https://www.mmll.cam.ac.uk/dtal">Cambridge</a> from 2017–2021, as a postdoctoral researcher on the ESRC-funded ‘<i><a href='http://www.tweetolectology.com'>Tweetolectology</a></i>’ project and as a teaching associate in language typology. I have a PhD (2018) and MA (2014) in Linguistics from the University of Manchester, and a BS in Physics (2012) from the California Institute of Technology.</div>
</div>
<main>
<div class='profile-section'>
<button class='accordion accordion-left'>+ Research interests</button>
<div class='panel'>
<p id='description'>I work on various phonological topics (the formation of active classes, the development of phonological rules, sonorant phonology, local and long-distance consonant interactions, the formal structure of phonological representations) and on mathematical models of language change and dialect geography. Uniting these, one of my major current directions is the relationship between geographically-sensitive variation in the structure of related phonological rules and the diachronic pathway of phonologisation. </p>
<p id='description'>My PhD thesis, <i><a href='https://www.research.manchester.ac.uk/portal/en/theses/similarity-and-representations-in-sonorant-phonology(63464927-8f6b-414f-b343-d16328eb2911).html'>Similarity and representations in sonorant phonology</a></i> (December 2018) was supervised by <a href='https://ykimling.wordpress.com/'>Yuni Kim</a> and <a href='http://www.bermudez-otero.com/'>Ricardo Bermúdez-Otero</a>. The title was a little misleading; the thesis deals with the nature of class formation and phonologisation in synchrony and diachrony, and with the role that parameters like similarity can play in the organisation of processes of analogical generalisation. There's also a subsidiary focus therein on the Turkic languages, in which I have a particular interest. Any day now, I will definitely get around to publishing the individual chapters as papers, but in the meantime you're welcome to read the whole thing, or get in touch if you want to know more.</p>
<p id='description'>I maintain an involvement with the ESRC-funded project <i><a href='http://www.tweetolectology.com'>Investigating the diffusion of morphosyntactic innovations using social media (‘Tweetolectology’)</a></i>, on which I was the RA 2017–2020, with <a href='http://people.ds.cam.ac.uk/dwew2/index.htm'>David Willis</a>, <a href='https://sites.google.com/site/adrianleemann/'>Adrian Leemann</a>, and <a href='http://www.mml.cam.ac.uk/ttb26'>Tamsin Blaxter</a>. Our interest is in the spatial patterning of morphosyntactic variation in British English, Welsh, Norwegian-Swedish-Danish, and Turkish; we're building large, geographically-rich corpora of Twitter posts in those languages, and using them to answer questions about diachrony and diffusion.<br></p>
</div>
</div>
<div class='profile-section'>
<button class='accordion accordion-right'>+ Publications</button>
<div class='panel'>
<p id='description'>
<div class='publication'>
<div><time>2021</time></div>
<div>
<div id='papertitle'>Geospatial distributions reflect rates of evolution of features of language</div>
<div id='authors'>Henri Kauhanen, Deepthi Gopal, Tobias Galla & Ricardo Bermúdez-Otero</div>
<div id='journalinfo'><a href='https://advances.sciencemag.org/content/7/1/eabe6540'>Science Advances 7 (1), eabe6540</a> <small><mark>OPEN ACCESS</mark></small></div>
</div>
</div>
<div class='publication'>
<div><time>2018</time></div>
<div>
<div id='papertitle'><a href='https://www.research.manchester.ac.uk/portal/en/theses/similarity-and-representations-in-sonorant-phonology(63464927-8f6b-414f-b343-d16328eb2911).html'>Similarity and representations in sonorant phonology</a></div>
<div id='authors'>Deepthi Gopal</div>
<div id='journalinfo'>PhD dissertation, University of Manchester. <small><mark>OPEN ACCESS</mark></small></div>
</div>
</div>
<div class='publication'>
<div><time>2014</time></div>
<div>
<div id='papertitle'>The structural impact of morphological borrowing and convergence</div>
<div id='authors'>Deepthi Gopal</div>
<div id='journalinfo'>MA dissertation, University of Manchester.</div>
</div>
</div>
<div class='publication'>
<div><time>2010</time></div>
<div>
<div id='papertitle'>Using post-measurement information in state discrimination</div>
<div id='authors'>Deepthi Gopal & Stephanie Wehner</div>
<div id='journalinfo'><a href="http://journals.aps.org/pra/abstract/10.1103/PhysRevA.82.022326">Physical Review A 82, 022326</a>.</div>
</div>
</div>
</p>
</div>
</div>
<div class='profile-section'>
<button class='accordion accordion-left trigger-isotope'>+ Presentations</button>
<div class='panel'>
<div class="button-group filters-button-group">
<a class="filter phonology" data-filter=".phonology">Phonology</a>
<a class="filter typology" data-filter=".typology">Typology & Dialectology</a>
<a class="filter talks" data-filter=".talks">Talks</a>
<a class="filter posters" data-filter=".posters">Posters</a>
<a class="filter is-checked everything" data-filter=".everything">Show All</a>
</div>
<p id='description'></p>
<div class='filterable'>
</div>
<div class='presentation everything talks typology'>
<div><time>September 2023</time></div>
<div>
<div id='talktitle'>Correlations between linguistic features are reflected in their geospatial patterning: Introducing the geo-typological Sandwich Conjecture
<span id='talklink'><a href='./talks/ichl26/slides.html'>view slides</a></span> <small><mark>NEW!</mark></small></div>
<div id='authors'>Deepthi Gopal, Henri Kauhanen, Christopher Kitching, Tobias Galla, & Ricardo Bermúdez-Otero</div>
<div id='conference'><a href='http://www.lagb.org.uk/lagb2022'>2022 Annual Meeting of the LAGB</a>, Ulster University.</div>
</div>
</div>
<div class='presentation everything talks typology'>
<div><time>September 2022</time></div>
<div>
<div id='talktitle'>Correlations between typological features predict their geo-spatial patterning <span id='talklink'><a href='./talks/2022lagb/typtalk.pdf'>download</a></span> </div>
<div id='authors'>Deepthi Gopal, Henri Kauhanen, Christopher Kitching, Tobias Galla, & Ricardo Bermúdez-Otero</div>
<div id='conference'><a href='http://www.lagb.org.uk/lagb2022'>2022 Annual Meeting of the LAGB</a>, Ulster University.</div>
</div>
</div>
<div class='presentation everything talks phonology'>
<div><time>September 2022</time></div>
<div>
<div id='talktitle'>Variation, gradience & categoricity in the Turkish mid vowels <span id='talklink'><a href='./talks/2022lagb/phontalk.pdf'>download</a></span> </div>
<div id='authors'>Deepthi Gopal & Stephen Nichols</div>
<div id='conference'><a href='http://www.lagb.org.uk/lagb2022'>2022 Annual Meeting of the LAGB</a>, Ulster University.</div>
</div>
</div>
<div class='presentation everything posters phonology'>
<div><time>April 2022</time></div>
<div>
<div id='talktitle'>Variation, gradience & categoricity in the Turkish mid vowels <span id='talklink'><a href='./talks/2022baap.pdf'>download</a></span> </div>
<div id='authors'>Deepthi Gopal & Stephen Nichols</div>
<div id='conference'><a href='https://sites.google.com/york.ac.uk/baap2022york/home/programme/conference-programme'>Colloquium of the British Association of Academic Phoneticians</a>, University of York.</div>
</div>
</div>
<div class='presentation everything talks typology'>
<div><time>October 2019</time></div>
<div>
<div id='talktitle'>Apparent-time and spatial diffusion in large social-media corpora</div>
<div id='authors'>David Willis, Deepthi Gopal, Tam Blaxter, & Adrian Leemann</div>
<div id='conference'><a href='https://nwav48.uoregon.edu/program/'>NWAV 48</a>, University of Oregon, Eugene.</div>
</div>
<div id='talk'></div>
</div>
<div class='presentation everything talks typology'>
<div><time>June 2019</time></div>
<div>
<div id='talktitle'>Big data for a small language: Mapping variation in Welsh on social media</div>
<div id='authors'>David Willis, Deepthi Gopal, Tam Blaxter, & Adrian Leemann</div>
<div id='conference'><a href='https://www.fryske-akademy.nl/en/iclave100/'>ICLaVE 10</a>, Fryske Academy, Leeuwarden.</div>
</div>
<div id='talk'></div>
</div>
<div class='presentation everything posters phonology'>
<div><time>February 2019</time></div>
<div>
<div id='talktitle'>The rhotic in Jutland Danish</div>
<div id='authors'>Deepthi Gopal, Michaela Hejná, & Pavel Šturm</div>
<div id='conference'><a href='https://fonologiinorden.wordpress.com/'>Fonologi i Norden 2019</a>, University of Edinburgh.</div>
</div>
<div id='poster'></div>
</div>
<div class='presentation everything talks typology'>
<div><time>January 2019</time></div>
<div>
<div id='talktitle'>Geospatial distributions reflect rates of evolution of features of language</div>
<div id='authors'>Henri Kauhanen, Deepthi Gopal, Tobias Galla, & Ricardo Bermúdez-Otero</div>
<div id='conference'>Spatial Patterns of Language Evolution (SPLEV), Zürich, Switzerland.</div>
</div>
<div id='talk'></div>
</div>
<div class='presentation everything talks typology'>
<div><time>January 2019</time></div>
<div>
<div id='talktitle'>Localising morphosyntactic variation in Welsh Twitter data</div>
<div id='authors'>David Willis, Deepthi Gopal, Tam Blaxter, & Adrian Leemann</div>
<div id='conference'><a href='https://www.linguisticsociety.org/node/9647/schedule'>Linguistic Society of America 2019 Annual Meeting</a>, New York.</div>
</div>
<div id='talk'></div>
</div>
<div class='presentation everything talks typology'>
<div><time>October 2018</time></div>
<div>
<div id='talktitle'>Localising morphosyntactic variation in Welsh Twitter data</div>
<div id='authors'>David Willis, Deepthi Gopal, Tam Blaxter, & Adrian Leemann</div>
<div id='conference'><a href='https://wp.nyu.edu/nwav47/'>NWAV 47</a>, New York University.</div>
</div>
<div id='talk'></div>
</div>
<div class='presentation everything talks typology'>
<div><time>October 2018</time></div>
<div>
<div id='talktitle'>Urbanisation and morphosyntactic variation in Twitter data</div>
<div id='authors'>David Willis, Deepthi Gopal, Tam Blaxter, & Adrian Leemann</div>
<div id='conference'><a href='https://urbanlanguage2018.uni-graz.at/en/conference/'>Urban Language Research</a> · Karl-Franzens-Universität Graz.</div>
</div>
<div id='talk'></div>
</div>
<div class='presentation everything posters typology'>
<div><time>September 2018</time></div>
<div>
<div id='talktitle'>Localising morphosyntactic variation in Twitter data</div>
<div id='authors'>Tam Blaxter, Deepthi Gopal, Adrian Leemann & David Willis</div>
<div id='conference'><a href="http://www.lagb.org.uk/programme2018">2018 Annual Meeting of the LAGB</a> · University of Sheffield.</div>
</div>
<div id='poster'></div>
</div>
<div class='presentation everything posters phonology typology'>
<div><time>May 2018</time></div>
<div>
<div id='talktitle'>Sonority and the typology of Turkic onset obstruentisation</div>
<div id='authors'>Deepthi Gopal</div>
<div id='conference'>26th <a href='http://www.lel.ed.ac.uk/mfm'>Manchester Phonology Meeting</a>, University of Manchester.</div>
</div>
<div id='poster'></div>
</div>
<div class='presentation everything talks phonology typology'>
<div><time>January 2018</time></div>
<div>
<div id='talktitle'>Sonority and the typology of Turkic onset obstruentisation</div>
<div id='authors'>Deepthi Gopal</div>
<div id='conference'><a href='https://www.ucl.ac.uk/~ucjtcwh/OCP15/OCP15.html'>Old World Conference in Phonology 15</a>, University College London.</div>
</div>
<div id='talk'></div>
</div>
<div class='presentation everything talks phonology typology'>
<div><time>July 2017</time></div>
<div>
<div id='talktitle'>Spatial distributions of linguistic features are determined by the interaction of<br> endogenous and exogenous dynamics</div>
<div id='authors'>Henri Kauhanen, Deepthi Gopal, Tobias Galla, & Ricardo Bermúdez-Otero</div>
<div id='conference'><a href='https://ic2s2.org/2017/'>International Conference on Computational Social Science (IC2S2)</a>, Cologne</div>
</div>
<div id='talk'></div>
</div>
<div class='presentation everything posters phonology'>
<div><time>May 2017</time></div>
<div>
<div id='talktitle'>Perceptual boundaries and features in Chilean Spanish</div>
<div id='authors'>Fernanda Barrientos & Deepthi Gopal</div>
<div id='conference'>25th <a href='http://www.lel.ed.ac.uk/mfm'>Manchester Phonology Meeting</a>, University of Manchester.</div>
</div>
<div id='poster'></div>
</div>
<div class='presentation everything posters phonology'>
<div><time>April 2017</time></div>
<div>
<div id='talktitle'>Modelling similarity-driven phonological generalisations</div>
<div id='authors'>Deepthi Gopal, Henri Kauhanen & Stephen Nichols</div>
<div id='conference'>4th <a href='http://www.lel.ed.ac.uk/wsc/'>Workshop on Sound Change</a>, University of Edinburgh.</div>
</div>
<div id='poster'></div>
</div>
<div class='presentation everything talks phonology'>
<div><time>January 2017</time></div>
<div>
<div id='talktitle'>Sonorant-conditioned mid vowel lowering in Turkish</div>
<div id='authors'>Deepthi Gopal & Stephen Nichols</div>
<div id='conference'><a href='http://ocp.phil.hhu.de/'>Old World Conference in Phonology 14</a>, Düsseldorf.</div>
</div>
<div id='talk'></div>
</div>
<div class='presentation everything posters phonology'>
<div><time>October 2016</time></div>
<div>
<div id='talktitle'>Aspiration 'dissimilation' in Tangkhul Naga prefixation</div>
<div id='authors'>Deepthi Gopal</div>
<div id='conference'>2016 Annual Meeting on Phonology, University of Southern California.</div>
</div>
<div id='poster'></div>
</div>
<div class='presentation everything talks phonology'>
<div><time>October 2016</time></div>
<div>
<div id='talktitle'>Aspiration 'dissimilation' in Tangkhul Naga prefixation</div>
<div id='authors'>Deepthi Gopal</div>
<div id='conference'><a href="http://www.lagb.org.uk/programme2016">2016 Annual Meeting of the LAGB</a> · University of York.</div>
</div>
<div id='talk'></div>
</div>
<div class='presentation everything talks phonology'>
<div><time>May 2016</time></div>
<div>
<div id='talktitle'>Sonorant-conditioned mid vowel lowering in Turkish</div>
<div id='authors'>Deepthi Gopal & Stephen Nichols</div>
<div id='conference'>24th <a href='http://www.lel.ed.ac.uk/mfm'>Manchester Phonology Meeting</a>, University of Manchester.</div>
</div>
<div id='talk'></div>
</div>
<div class='presentation everything talks phonology typology'>
<div><time>January 2017</time></div>
<div>
<div id='talktitle'>Nasal-lateral assimilations as Agreement-by-Correspondence</div>
<div id='authors'>Deepthi Gopal</div>
<div id='conference'><a href='http://ocp.phil.hhu.de/'>Old World Conference in Phonology 13</a>, Budapest.</div>
</div>
<div id='talk'></div>
</div>
<div class='presentation everything talks phonology typology'>
<div><time>October 2016</time></div>
<div>
<div id='talktitle'>Nasal-lateral interactions: typology and structure</div>
<div id='authors'>Deepthi Gopal</div>
<div id='conference'>2015 Annual Meeting on Phonology, University of British Columbia.</div>
</div>
<div id='poster'></div>
</div>
<div class='presentation everything posters phonology'>
<div><time>May 2015</time></div>
<div>
<div id='talktitle'>Markedness and syllable contact in Kazakh internal sandhi</div>
<div id='authors'>Deepthi Gopal</div>
<div id='conference'>23rd <a href='http://www.lel.ed.ac.uk/mfm'>Manchester Phonology Meeting</a>, University of Manchester.</div>
</div>
<div id='poster'></div>
</div>
</div>
</div>
<div class='profile-section'>
<button class='accordion accordion-right'>+ Teaching</button>
<div class='panel'>
<p id='description'>
<div class='teaching'>
<div><time>2021–2022</time></div>
<div id='employer'>University of Cambridge</div>
<div>
<div id='coursetitle'><em>BA dissertation supervision</em></div>
</div>
</div>
<hr>
<div class='teaching'>
<div><time>2020–2021</time></div>
<div id='employer'>University of Cambridge</div>
<div>
<div id='coursetitle'>Li17 <em>Language typology</em></div>
<div id='role'>As <b>course coordinator, lecturer</b> & supervisor</div>
</div>
</div>
<div class='teaching'>
<div><time>2020–2021</time></div>
<div id='employer'>University of Cambridge</div>
<div>
<div id='coursetitle'>Li4 <em>History and varieties of English</em></div>
<div id='role'>As <b>lecturer</b> & supervisor</div>
</div>
</div>
<div class='teaching'>
<div><time>2020–2021</time></div>
<div id='employer'>University of Cambridge</div>
<div>
<div id='coursetitle'>Li5 <em>Linguistic theory</em></div>
<div id='role'>As supervisor</div>
</div>
</div>
<div class='teaching'>
<div><time>2020–2021</time></div>
<div id='employer'>University of Cambridge</div>
<div>
<div id='coursetitle'>Li11 <em>Historical linguistics</em></div>
<div id='role'>As supervisor</div>
</div>
</div>
<hr>
<div class='teaching'>
<div><time>2019–2020</time></div>
<div id='employer'>University of Cambridge</div>
<div>
<div id='coursetitle'>Li13 <em>History of English</em></div>
<div id='role'>As supervisor</div>
</div>
</div>
<div class='teaching'>
<div><time>2019–2020</time></div>
<div id='employer'>University of Cambridge</div>
<div>
<div id='coursetitle'>Li4 <em>History and varieties of English</em></div>
<div id='role'>As supervisor</div>
</div>
</div>
<hr>
<div class='teaching'>
<div><time>2018–2019</time></div>
<div id='employer'>University of Cambridge</div>
<div>
<div id='coursetitle'>Li11 <em>Historical linguistics</em></div>
<div id='role'>As <b>lecturer</b></div>
</div>
</div>
<hr>
<div class='teaching'>
<div><time>2016–2017</time></div>
<div id='employer'>University of Manchester</div>
<div>
<div id='coursetitle'>LELA 20011 <em>Phonology 1</em></div>
<div id='role'>As TA</div>
</div>
</div>
<div class='teaching'>
<div><time>2016–2017</time></div>
<div id='employer'>University of Manchester</div>
<div>
<div id='coursetitle'>LELA 20342 <em>Experimental Phonetics</em></div>
<div id='role'>As TA</div>
</div>
</div>
<div class='teaching'>
<div><time>2016–2017</time></div>
<div id='employer'>University of Manchester</div>
<div>
<div id='coursetitle'>LELA 20281 <em>The Logic of English</em></div>
<div id='role'>As TA</div>
</div>
</div>
</div>
</main>
<div class="container-2">
<div id="footer1">Contact me:<p><a>deepthi.gopal@lingfil.uu.se</a></br></p></div>
<div id="footer2">I was born in Darlington, England, in late 1991. I like early-twentieth-century poetry, typography, birdwatching, Georgian polyphony, and very small cups of coffee. <a href='https://www.cambridge.org/core/journals/journal-of-the-international-phonetic-association/article/prominence-in-tamil/C047364512414CC0A8A7909B4AC31D30'>There is little actual phonetic realisation of stress in my name, but it's probably in there somewhere</a>.<br><br>Du kan självklart också skriva till mig på svenska.</div>
</div>
<footer>Last updated 1 October 2022.</footer>
</div>
</body>
<script>
// init Isotope
var $grid = $('.filterable').isotope({
itemSelector: '.presentation',
percentPosition: true,
layoutMode: 'vertical',
vertical: {
horizontalAlignment: 0,
},
filter: ''
});
$grid.on( 'layoutComplete', function() {
$('.grid').isotope( 'reloadItems' ).isotope();
$('.presentation').removeClass('last-item');
$('.presentation:visible:last').addClass('last-item');
});
$('.filters-button-group').on( 'click', '.filter', function() {
var $target = $( event.currentTarget );
var isChecked = $(this).hasClass('is-checked');
var filter = $(this).attr('data-filter');
if ( isChecked ) {
$grid.isotope({ filter: '*' });
$(this).removeClass('is-checked');
} else {
$('.filter').removeClass('is-checked');
$grid.isotope({ filter: filter });
$(this).addClass('is-checked');
}
$grid.on( 'layoutComplete', function() {
$('.presentation').removeClass('last-item');
$('.presentation:visible:last').addClass('last-item');
});
});
var acc = document.getElementsByClassName('accordion');
var i;
for (i = 0; i < acc.length; i++) {
var panel = acc[i].nextElementSibling;
panel.style.display = 'none';
}
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener('click', function() {
this.classList.toggle('active');
var panel = this.nextElementSibling;
if (panel.style.display === 'block') {
panel.style.display = 'none';
} else {
panel.style.display = 'block';
$('.grid').isotope( 'reloadItems' ).isotope();
}
});
}
</script>
<script>
// apply cool effect
let btn = document.getElementById('content1');
btn.addEventListener('mousemove', e => {
let rect = document.getElementById('content1').getBoundingClientRect();
let x = e.clientX - rect.left;
let y = e.clientY - rect.top;
btn.style.setProperty('--x', x + 'px');
btn.style.setProperty('--y', y + 'px');
});
// bigcontainer scales body content in the wide layout, but is a pain in the mobile layout
$(function() {
if($('body').width() < 600) {
$('div').removeClass("bigcontainer");
}
})
var greet = 0;
function change_greeting(){
var items = ['Hello', 'Hej', 'Merhaba', 'Сәлеметсіз бе', 'გამარჯობა'];
var n = items.length
greet = (greet + 1)
greet = ((greet % n) + n) % n
var item = items[greet];
document.getElementById("greeting").innerHTML = item;
}
</script>
</html>