-
Notifications
You must be signed in to change notification settings - Fork 3
/
JulyAllHands.html
283 lines (268 loc) · 10 KB
/
JulyAllHands.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<title>What’s happening in the community:</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<style>
body{
margin: 0 auto;
font-family: "Fira Sans";
}
#border{
text-align:center;
margin: 5%;
border: 2px solid #0f1126;
font-family:
border-radius:2px;
}
#title{
padding:25px;
background:url("talkingfox.png") no-repeat center;
opacity: .75;
background-color: #363959;
font-family: "Fira Sans";
}
#engage,#recognition,#start,#metrics{
font-family:"Fira Sans";
border-top: 2px solid #0f1126;
border-bottom:2px solid #0f1126;
padding: 10%;
text-align: center;
}
h1{
color: black;
line-position: 0;
}
h2,h3{
color:#202340;
}
#engage li{
display: inherit;
}
li{
display: block;
text-align: center;
text-decoration: none;
}
p{
padding-left: 10px;
padding-right:10px;
}
.feb{
background-color: #0095DD;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right:5px;
border: solid 1px black;
text-align:center;
vertical-align:middle;
}
table{
display:flex;
align-self: center;
align-content: center;
flex-wrap: nowrap;
justify-content: center;
}
tr.num:hover{
background-color: #FF9500;
color: white;
border: solid 1px black;
}
tr.num{
background-color: white;
border: solid 1px black;}
#news{
margin-top: 40px;
margin-bottom: 40px;
}
#news1{
margin-top: 40px;
}
#users{
padding: 5px 10px 5px 10px;
text-align:center;
margin-top: 5px;
}
.textUsers{
font-size: 20px
}
hr {
margin-top: 40px;
margin-bottom: 40px;
border: 0;
height: 0;
border-top: 4px double black;
text-align:center;
}
hr:after {
position: relative;
top: -22px; content:"\25cf\25cf\25cf";
font-size: 34px;
line-height: 34px;
color: black;
}
.eventsList1{
margin-top: 40px;
}
.eventsList{
margin-top: 10px;
}
.wiki{
margin-top: 20px;
}
#gif1{
width:100%;
}
#col{
width: 80%;
}
</style>
</head>
<body>
<div id ="border">
<div id="title"></div>
<div id = "news">
<h2>What’s happening in the community:</h2>
<div id = "news1">
<h3>New Users</h3>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6">
<img id="gif1" src="https://media.giphy.com/media/11sBLVxNs7v6WA/giphy.gif">
</div>
<div class="col-sm-6" id="users">
<p class="textUsers">Please welcome two new Casual Community Members: @jawg201 @abbbibi and @rajeev_94 </p><br>
<p class="textUsers">Please welcome new users to the Reply tool: @jens and @Mkll_SUMO have been added to the Reply by Buffer tool to answer official @firefox support tweets. Welcome to the team folks! </p><br>
</div>
</div>
</div>
<div class="container">
<div class="col-sm-12">
<h4>Say hi in telegram or or the new contributor forum</h4>
</div>
<hr></hr>
<h2>Events</h2>
<h5 class="eventsList1">Kerala event</h5>
<ul>
<li class="eventsList"><a href="https://blog.mozillakerala.com/kerala/mkrsprint/akshay/">https://blog.mozillakerala.com/kerala/mkrsprint/akshay/</a></li>
<li class="eventsList"><a href="https://medium.com/@rp.pi/oh-mozilla-kerala-1212e8e79faf ">https://medium.com/@rp.pi/oh-mozilla-kerala-1212e8e79faf </a></li>
<li class="eventsList"><a href="https://medium.com/@mufeedack/36-hours-yet-another-memory-for-a-lifetime-fbc2f621b8ed">https://medium.com/@mufeedack/36-hours-yet-another-memory-for-a-lifetime-fbc2f621b8ed</a></li>
</ul>
<h5 class="eventsList1">Check out the notes from this last week’s agenda for the community: </h5>
<p class="wiki"><a href="https://wiki.mozilla.org/Support/Weekly_Meetings/Agenda_2018-07-18">https://wiki.mozilla.org/Support/Weekly_Meetings/Agenda_2018-07-18</a></p>
<h5 class="eventsList1">Interesting discussions happening this month:</h5>
<ul>
<li><a href="https://discourse.mozilla.org/t/mozilla-social-support-all-hands-and-next-steps/30010">[Mozilla Social Support All Hands and Next Steps] </a></li>
<li><h1>When to reply to a Tweet,<br> is it a Support tweet?</h1></li>
<li><a href="https://support.mozilla.org/en-US/forums/social-media/713095?last=74340">Check out a few new ways to check if a tweet is support tweet</a> With the add on tam adding more add on to the blocklist, it is important to remember what is a support question and what is user sentiment </li>
</ul>
<hr></hr>
</div>
</div>
<div id = "news">
<section>
<div class="container-fluid" id="border" >
<h2>Metrics for June and July 2018</h2>
<div class="container-fluid">
<!--Languages-->
<h3>How would you describe the health of the community?</h3>
<h4>What languages?</h4>
<p><em>Aside from english we support czech, dutch, french, spanish, portuguese, german, bengali, and some russian and japanese tweets.</em></p>
<!--Progress bar--><p>We added German Support look out for @Firefox_DE tweets Jens!</p>
<p>We need some help with spanish, thank you for your help Miguel and Christophe</p>
</div>
<div class="container-fluid" id="col">
<h4>JUNE! How many replies In Reply?</h4>
<p>We had more replies, and more triaged way to go!</p>
<!--Progress bar-->
<div class="progress">
<div class="progress-bar progress-bar-success" style="width: 15%">
<span class="sr-only">15% Complete (success)</span>
265 Replies
</div>
<div class="progress-bar progress-bar-danger progress-bar-striped" style="width: 85%">
<span class="sr-only">85% Complete (danger)</span>
948 Help Me
</div>
</div>
<!--end Progress bar-->
<h4>How many replies #fxhelp?</h4>
<!--Progress bar-->
<div class="progress">
<div class="progress-bar progress-bar-success" style="width: 38%">
<span class="sr-only">38% Complete (success)</span>
265 Reply by Buffer Replies
</div>
<div class="progress-bar progress-bar-warning progress-bar-striped" style="width: 46%">
<span class="sr-only">46% Complete (danger)</span>
434 #fxhelp Replies
</div>
</div>
<!--end Progress bar-->
<h4> JULY! How many replies In Reply?</h4>
<p>We had more replies, and more triaged way to go!</p>
<!--Progress bar-->
<div class="progress">
<div class="progress-bar progress-bar-success" style="width: 35%">
<span class="sr-only">35% Complete (success)</span>
297 Replies
</div>
<div class="progress-bar progress-bar-danger progress-bar-striped" style="width: 85%">
<span class="sr-only">65% Complete (danger)</span>
837 Help Me
</div>
</div>
<!--end Progress bar-->
<h4>How many replies #fxhelp?</h4>
<!--Progress bar-->
<div class="progress">
<div class="progress-bar progress-bar-success" style="width: 35%">
<span class="sr-only">35% Complete (success)</span>
296 Reply by Buffer Replies
</div>
<div class="progress-bar progress-bar-warning progress-bar-striped" style="width:17 %">
<span class="sr-only">17% Complete (danger)</span>
142 #fxhelp Replies
</div>
</div>
<!--end Progress bar-->
</div>
<div class="container-fluid" id="col">
<!--Growth of the community-->
<h4>How many are we?</h4>
<p><em>June 1 to June 31 we grew!</em></p>
<div class="container">
<h5>Casual </br>Contributors 8</h5>
<p class ="col-lg-3 col-md-4 col-xs-6"><img src="/Users/rmcguigan/Documents/Projects/Social Email Templates/july.png" class="img-responsive"></p>
<h5>Reply </br>Contributors 16</h5>
<h4>You know who you are!</h4>
</div>
<p><em>July 1 to July 31 some people vacationed!</em></p>
<div class="container">
<h5>Casual </br>Contributors 8</h5>
<p class ="col-lg-3 col-md-4 col-xs-6"><img src="/Users/rmcguigan/Documents/Projects/Social Email Templates/july.png" class="img-responsive"></p>
<h5>Reply </br>Contributors 19</h5>
<h4>You know who you are!</h4>
</div>
</div>
</div>
</div>
<!--end metrics div-->
</section>
<div>
</div><!--end border-->
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- Plugin JavaScript -->
<script src="https://code.jquery.com/qunit/qunit-2.6.1.js"></script>
<!-- Custom JavaScript for this theme -->
<script src="js/customize.js"></script>
</body>
</html>