-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (157 loc) · 10.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Interactive Lesson</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Lesson 1 - CONNECTED, BUT ALONE</h1>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDTJgRawJ2o7BBmDg1VTHPtzYWXlSjkFPpQKdBHCk7Ovkhj-iqTQXQCWTzMok-o-KP7SqFxSYDWgsYWv_FZoG_0rcrF3FsZ3vEttFPSUBYSPR_oZdVJ8yncIK3jf_GNYUfs7pk5PLzw_UL/s1600/cellphone1.jpg" alt="Logo">
</header>
<section class="discussion-questions">
<h2>Discussion Questions</h2>
<p>What social networking sites do you use?</p>
<p>What are some good points about social networking?</p>
<p>What are some bad points about social networking?</p>
<p>What kind of information are you comfortable releasing to the public?</p>
<p>Do your parents use social networking sites?</p>
<p>What type of information should you put on social networking sites?</p>
<p>Have you ever experienced toxicity in the online world? How did you deal with it?</p>
<p>Why do you think are people so toxic on the internet?</p>
</section>
<section class="exercise">
<h2>Use the following words to fill in the gaps:</h2>
<p class="correct-answers">Correct answers: <span id="correct-count">0</span>/10</p>
<div class="words-container" id="words-container">
<div class="word" draggable="true">MAINTAINING</div>
<div class="word" draggable="true">INEXPLICABLE</div>
<div class="word" draggable="true">ENABLES</div>
<div class="word" draggable="true">ACQUAINTED</div>
<div class="word" draggable="true">EXCLUDING</div>
<div class="word" draggable="true">CIRCLES</div>
<div class="word" draggable="true">FACADE</div>
<div class="word" draggable="true">DESTRUCTIVE</div>
<div class="word" draggable="true">ESTABLISH</div>
<div class="word" draggable="true">TO SPILL OVER</div>
<div class="word" draggable="true">LIKE-MINDED</div>
<div class="word" draggable="true">INTERLOCUTOR</div>
<div class="word" draggable="true">PROSPECTIVE</div>
<div class="word" draggable="true">SCATTERED</div>
</div>
<div class="sentence" data-correct="LIKE-MINDED,CIRCLES">
Using social networks, we have more chances to meet <span class="dropzone"></span> people, who would share common interests with us, while offline, we are often restricted by our own social <span class="dropzone"></span>.
</div>
<div class="sentence" data-correct="FACADE">
My roommate seems to keep up the <span class="dropzone"></span> of a cheerful girl. However, she's actually going through a tough period in her life.
</div>
<div class="sentence" data-correct="INEXPLICABLE">
People are not able to understand their <span class="dropzone"></span> reactions properly if they don't see them in real life.
</div>
<div class="sentence" data-correct="EXCLUDING">
A lot of influencers claim it's possible to lose weight without <span class="dropzone"></span> sweets or junk food from your diet.
</div>
<div class="sentence" data-correct="DESTRUCTIVE">
You might think that you benefit if you constantly utilize social media. However, it's likely to be <span class="dropzone"></span> to your relationships with your family or friends if you hardly ever meet them face-to-face.
</div>
<div class="sentence" data-correct="TO SPILL OVER">
Never let your personal emotions <span class="dropzone"></span> into your work if you don't want to get fired.
</div>
<div class="sentence" data-correct="SCATTERED,ACQUAINTED">
My classmates are <span class="dropzone"></span> all over the world. Yet, we've been <span class="dropzone"></span> contact for all these years.
</div>
<div class="sentence" data-correct="ENABLES,PROSPECTIVE">
Nowadays, the digital world <span class="dropzone"></span> people to get better <span class="dropzone"></span> with a <span class="dropzone"></span> girlfriend or boyfriend faster. They don't have to meet face-to-face every day in order to get to know each other better.
</div>
<div class="sentence" data-correct="INEXPLICABLE,MAINTAINING">
For some <span class="dropzone"></span> reason, Matthew can't <span class="dropzone"></span> contact with his mother-in-law. He seems to be such a good guy, but his wife's mum still can't stand him.
</div>
</section>
<script src="script.js"></script>
<section class="discussion-questions">
<h2>Reflecting a bit</h2>
<p>What does loneliness mean?</p>
<p>Is it as sad and harmful to feel lonely as most people think? Why (not)?</p>
<p>What do you think has led to loneliness so many people suffer from today?</p>
<p>What leads or might lead to loneliness?</p>
<p>Do people still need each other in the world of technology? Why (not)?</p>
<section class="verb-forms-exercise">
<h2>Complete the sentences with the correct forms of the verb (Gerund, infinitive with or without "to"):</h2>
<p class="correct-answers">Correct answers: <span id="verb-correct-count">0</span>/24</p>
<div class="sentence">
I can afford <input type="text" class="verb-input" data-answer="to live"> (to live) anywhere in the world since I'm working remotely.
</div>
<div class="sentence">
I appreciate <input type="text" class="verb-input" data-answer="having"> (to have) your advice, but it's my life, and I'll figure out how much I should <input type="text" class="verb-input" data-answer="use"> (to use) social media myself!
</div>
<div class="sentence">
Jensen deserves <input type="text" class="verb-input" data-answer="to win"> (to win) in the game competition. He's been practicing <input type="text" class="verb-input" data-answer="playing"> (to play) the game for 3 years.
</div>
<div class="sentence">
Robin doesn't claim <input type="text" class="verb-input" data-answer="to be"> (to be) right about that, but she's against utilizing the internet every single day.
</div>
<div class="sentence">
I regret <input type="text" class="verb-input" data-answer="spending"> (to spend) so little time with my family, but my job means <input type="text" class="verb-input" data-answer="being"> (to be) online 24/7.
</div>
<div class="sentence">
You'd better <input type="text" class="verb-input" data-answer="take"> (to take) your eyes off the screen and <input type="text" class="verb-input" data-answer="talk"> (to talk) to me!
</div>
<div class="sentence">
Do you really remember <input type="text" class="verb-input" data-answer="texting"> (to text) Sarah back? She insists that you haven't messaged her for a week.
</div>
<div class="sentence">
I seriously consider <input type="text" class="verb-input" data-answer="resigning"> (to resign) and finding a job online.
</div>
<div class="sentence">
Michelle intends <input type="text" class="verb-input" data-answer="spending"> (to spend) the whole day chatting with Bobby. She's crazy about him.
</div>
<div class="sentence">
Paul stopped <input type="text" class="verb-input" data-answer="working"> (to work) to answer a video call.
</div>
<div class="sentence">
Can you please help me <input type="text" class="verb-input" data-answer="beat"> (to beat) my phone addiction?
</div>
<div class="sentence">
Never let your personal problems <input type="text" class="verb-input" data-answer="spill"> (to spill) over into your work.
</div>
<div class="sentence">
You seem <input type="text" class="verb-input" data-answer="keep"> (to keep) up the facade of a happy person.
</div>
<div class="sentence">
I know it's difficult because all your relatives are scattered round the world, but try <input type="text" class="verb-input" data-answer="maintain"> (to maintain) contact with them.
</div>
<div class="sentence">
I prefer <input type="text" class="verb-input" data-answer="seeing"> (to see) my interlocutor's reactions in order to understand their true emotions.
</div>
<div class="sentence">
The digital world enables people <input type="text" class="verb-input" data-answer="get"> (to get) better acquainted with a prospective girlfriend or boyfriend faster.
</div>
<div class="sentence">
I can't <input type="text" class="verb-input" data-answer="establish"> (to establish) contact with my colleagues.
</div>
<div class="sentence">
Tristan is considering <input type="text" class="verb-input" data-answer="moving"> (to move) to a new place to start a new life.
</div>
</section>
<section class="final-questions">
<h2>Rounding up</h2>
<div class="question">
<p>What benefits does online dating provide?</p>
</div>
<div class="question">
<p>What are the drawbacks of offline dating?</p>
</div>
<div class="question">
<p>Is it possible to build good relationships in real life if you meet your partner online? Why (not)?</p>
</div>
<div class="question">
<p>Do you know anyone who's built good relationships after meeting their partner over social media?</p>
</div>
<div class="question">
<p>Would you recommend anyone to try to find love over social media? Why (not)?</p>
</div>
</section>
</body>
</html>