-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (62 loc) · 4.46 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Skeleton Loading</title>
<link rel="stylesheet" href="./sass/style.css">
</head>
<body>
<main>
<div class="tweets-skeleton">
<div class="tweet-skeleton">
<div class="img"></div>
<div class="content-1">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
<div class="content-2">
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="tweets" style="visibility: hidden; display: none;">
<div class="tweet">
<blockquote class="twitter-tweet">
<p lang="en" dir="ltr">Do you know how to handle media query change using JavaScript?<br>I tried listening to media queries using <a href="https://twitter.com/hashtag/javascript?src=hash&ref_src=twsrc%5Etfw">#javascript</a>!<a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&ref_src=twsrc%5Etfw">#100DaysOfCode</a> <a href="https://t.co/HWUbKYoiPJ">pic.twitter.com/HWUbKYoiPJ</a></p>— Murtuzaali Surti (@murtuza_surti) <a href="https://twitter.com/murtuza_surti/status/1434422076157292549?ref_src=twsrc%5Etfw">September 5, 2021</a>
</blockquote>
</div>
<div class="tweet">
<blockquote class="twitter-tweet">
<p lang="en" dir="ltr">Added dark mode support for my portfolio site! Used CSS custom properties!<a href="https://twitter.com/hashtag/webdev?src=hash&ref_src=twsrc%5Etfw">#webdev</a> <a href="https://t.co/d2jc9FoAYb">pic.twitter.com/d2jc9FoAYb</a></p>— Murtuzaali Surti (@murtuza_surti) <a href="https://twitter.com/murtuza_surti/status/1434141474715623431?ref_src=twsrc%5Etfw">September 4, 2021</a>
</blockquote>
</div>
<div class="tweet">
<blockquote class="twitter-tweet">
<p lang="en" dir="ltr">The Fixed Background Attachment Hack <a href="https://t.co/CtphR8BE1J">https://t.co/CtphR8BE1J</a></p>— CSS-Tricks (@css) <a href="https://twitter.com/css/status/1431265849768390659?ref_src=twsrc%5Etfw">August 27, 2021</a>
</blockquote>
</div>
<div class="tweet">
<blockquote class="twitter-tweet">
<p lang="en" dir="ltr">And, here's my portfolio website! 🚀<a href="https://t.co/l5MxGhvy0v">https://t.co/l5MxGhvy0v</a><a href="https://twitter.com/hashtag/webdev?src=hash&ref_src=twsrc%5Etfw">#webdev</a> <a href="https://twitter.com/hashtag/DEVCommunity?src=hash&ref_src=twsrc%5Etfw">#DEVCommunity</a></p>— Murtuzaali Surti (@murtuza_surti) <a href="https://twitter.com/murtuza_surti/status/1424721900928790530?ref_src=twsrc%5Etfw">August 9, 2021</a>
</blockquote>
</div>
<div class="tweet">
<blockquote class="twitter-tweet">
<p lang="en" dir="ltr">Wavy Text Animation using <a href="https://twitter.com/hashtag/javascript?src=hash&ref_src=twsrc%5Etfw">#javascript</a> on <a href="https://twitter.com/CodePen?ref_src=twsrc%5Etfw">@CodePen</a> <a href="https://t.co/lScunEjTVl">https://t.co/lScunEjTVl</a> <a href="https://twitter.com/hashtag/code?src=hash&ref_src=twsrc%5Etfw">#code</a> <a href="https://t.co/5msuWbphBR">pic.twitter.com/5msuWbphBR</a></p>— Murtuzaali Surti (@murtuza_surti) <a href="https://twitter.com/murtuza_surti/status/1426397584940158981?ref_src=twsrc%5Etfw">August 14, 2021</a>
</blockquote>
</div>
<div class="tweet">
<blockquote class="twitter-tweet">
<p lang="en" dir="ltr">Elements like <img>, <input>, <br>, etc. don't support pseudo elements. Why?<a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&ref_src=twsrc%5Etfw">#100DaysOfCode</a> <a href="https://twitter.com/hashtag/css?src=hash&ref_src=twsrc%5Etfw">#css</a></p>— Murtuzaali Surti (@murtuza_surti) <a href="https://twitter.com/murtuza_surti/status/1434562161603321859?ref_src=twsrc%5Etfw">September 5, 2021</a>
</blockquote>
</div>
</div>
</main>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<script src="./js/main.js"></script>
</body>
</html>