-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
114 lines (101 loc) · 4.69 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
<!DOCTYPE HTML>
<!--
Big Picture by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>TikTok & Body Image</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<h1>TikTok & Body Image Review</h1>
<nav>
<ul>
<li><a href=#intro>intro</a></li>
<li><a href=#design>algorithm design</a></li>
<li><a href=#eating>body image & eating disorders</a></li>
<li><a href=#depression>depression & anxiety</a></li>
<li><a href=#recs>recommendations</a></li>
</nav>
</header>
<!-- Intro -->
<section id="intro" class="main style1 dark fullscreen">
<div class="content">
<header>
<h2>TikTok's promotion of eating disorders: an algorithmic design review</h2>
</header>
<p>Read the full review paper <a href="https://doi.org/10.58445/rars.1129">here</a>.</p>
<!-- change link to review paper link -->
<footer>
<a href="#intro" class="button style2 down">More</a>
</footer>
</div>
</section>
<!-- One -->
<section id="design" class="main style2 right dark fullscreen">
<div class="content box style2">
<header>
<h2>TikTok algorithm design</h2>
</header>
<p>The TikTok algorithm pushes highly personalized videos depending on their data collection of users' interest, identity, and behavior charactersitics. This includes gender, age, location, occupation, and habits collected from using the app. All these are updated in real time (Zhao, 2020).</p>
</div>
<a href="#design" class="button style2 down anchored">Next</a>
</section>
<!-- Two -->
<section id="eating" class="main style2 left dark fullscreen">
<div class="content box style2">
<header>
<h2>body image & eating disorders</h2>
</header>
<p>TikTok rabbit holes users into more extreme, niche content quickly to keep them on the app. Oftentimes, this content is filtered and edited, promoting unrealistic standards of beauty (Harringer et al., 2022). Additionally, since users are shown only content they are identified to like, they may believe certain behaviors are more prevelant than they really are (Turner & Lefevre, 2017).</p>
</div>
<a href="#eating" class="button style2 down anchored">Next</a>
</section>
<!-- Depression -->
<section id="depression" class="main style2 right dark fullscreen">
<div class="content box style2">
<header>
<h2>depression & anxiety</h2>
</header>
<p>Social media use and TikTok addiction are positively correlated with higher rates of depression, anxiety, and stress (Maguire & Pellosmaa, 2022). </p>
</div>
</section>
<!-- Recs -->
<section id="recs" class="main style1 left dark fullscreen">
<div class="content box style2">
<header>
<h2>recommendations</h2>
</header>
<p>Social media companies overall must take more responsibility for the impact they have on users. They should be more transparent about how their algorithms work, and limit micro-targeting ads that are likely to cause harm. Users can decrease their use of social media and educate themselves, so that they have more social media literacy. Lastly, influencers can choose to not represent companies that promote unhealthy weight loss, post more unfiltered/unedited pictures, and speak out against these filters (Harriger et al., 2022). </p>
</div>
<a href="#recs" class="button style2 down anchored">Next</a>
</section>
<!-- Footer -->
<footer id="footer">
<!-- Icons -->
<ul class="icons">
<li><a href="https://www.linkedin.com/in/janna-han-701559281" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
<!-- Menu -->
<ul class="menu">
<li>© Janna Han</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>