-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (103 loc) · 4.44 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>
<body onload="document.body.style.opacity='1'">
<div id="mainGrid">
<div id="header1">
<a href="index.html"><img src="images/twitter.png" alt="" style="width:3vw;"></a>
</div>
<div id="profileArea">
<div id="profileContainer">
<img src="images/logo.png" alt="" style="width:100%;">
</div>
<h2>Stan Twitter</h2>
<p> <b> @ThisIsStanTwitter </b> </p>
<p> Community of Twitter users that post opinions related to music, celebrities, TV shows, movies and social media. </p>
<div id="followButton"> <a href="https://twitter.com/home">follow</a> </div>
<h3>Online Fandom</h3>
<br>
<div id="fourColumnContainer">
<div class="stanImage">
<img src="images/blackpink.jpeg" alt="image" style="width:100%;">
</div>
<div class="stanImage">
<img src="images/nicki.jpeg" alt="image" style="width:100%;">
</div>
<br>
<div class="stanImage">
<img src="images/taylor.jpg" alt="image" style="width:100%;">
</div>
</div>
<p> Online fandoms can offer users a way to connect with those who are interested in the same topics as them.</p>
<p> From well known celebrities and artists, to movie and tv characters, individuals can find their space within the online realm. </p>
<div id="fourColumnContainer">
<div class="stanImage">
<img src="images/ari.jpeg" alt="image" style="width:100%;">
</div>
<!-- <div class="stanImage">
<img src="images/billie.jpeg" alt="image" style="width:100%;">
</div> -->
<br>
<div class="stanImage">
<img src="images/dua.jpeg" alt="image" style="width:100%;">
</div>
</div>
<p> Twitter specifically, is a place where pieces of information, opinions and ideas can be spread with just the click of the
retweet button </p>
<p> For "stans", it is an easy way to find those who also stan the same artists/celebrities and therefore share their obsessions
amongst each other </p>
<div id="fourColumnContainer">
<div class="stanImage">
<img src="images/pedro.jpeg" alt="image" style="width:100%;">
</div>
<div class="stanImage">
<img src="images/bey.jpeg" alt="image" style="width:100%;">
</div>
<br>
<div class="stanImage">
<img src="images/jungkook.jpeg" alt="image" style="width:100%;">
</div>
</div>
<h3>Self-Identity</h3>
<p> A lot of the times, Fandom is used as a means for building self-identity and this can be seen in multiple ways </p>
<p> On the one hand, online identities such as those on Stan Twitter, stay separate from real life identites.
Some may feel as though it is an escape and want to keep these two identities apart. However, online identities can also
affect real life identites.</p>
</div>
<div id="bodyArea">
<div id="infoArea">
<div id="infoHeadings">
<p><b>followers</b> <br>8,192</p>
<p><b>tweets</b> <br> 25.2k</p>
<p><b>photos/videos</b> <br> 2,147</p>
<p><b>following</b> <br> 1,820</p>
</div>
</div>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script src="script.js"></script>
</div>
<div id="trendArea">
<div id="trendsBox">
<h2>Trends For You</h2>
<a href="index.html">#WhatIsStanTwt</a>
<a href="community.html">#StanTwtCommunity</a>
<a href="impact.html">#StanTwtImpact</a>
<h2>What's Happening?</h2>
<a href="https://www.the-future-of-commerce.com/2019/10/07/the-power-of-likes-on-social-media/">⇝ The Power of Likes</a>
<br>
<a href="https://www.theatlantic.com/technology/archive/2019/12/clout-definition-meme-influencers-social-capital-youtube/603895/"> ⇝ What is Clout?</a>
<br>
<a href="https://ucsdguardian.org/2018/03/08/internet-culture-stan-twitter-effect/">⇝ StanTwitter Effect</a>
<br>
<a href="https://thestevenpost.medium.com/what-happens-when-we-stop-seeking-validation-on-social-media-1a74e6c605ca">⇝ Validation? </a>
<h2>Who To Follow</h2>
</div>
</div>
</div>
</body>
</html>