-
Notifications
You must be signed in to change notification settings - Fork 3
/
june.html
192 lines (172 loc) · 9.37 KB
/
june.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap Mozilla Support June Social Support Email</title>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div class="container">
<header>
<!-- Static navbar -->
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="support.mozilla.org">Mozilla Support</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<!-- <li><a href="#">Live Updates</a></li>
<li><a href="#">Where to find support</a></li>
<li><a href="#">Metrics</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>-->
</div><!--/.nav-collapse -->
</div><!--/.container-fluid -->
</nav>
</header>
<main>
<section>
<div class="jumbotron">
<h1>Hello, </h1>
<h1>Mozilla Social Support!</h1>
<p>This month there have been some exciting updates. Firefox 60 has launched, we had a SUMO Day, and the community has planned many events for the Global Sprint for helping out with Google PlayStore Reviews. Check out how to get involved. </p>
<p><a class="btn btn-primary btn-lg" href="https://support.mozilla.org/en-US/kb/social-support-guidelines" role="button">Sign Up Today</a></p>
<p><a class="btn btn-primary btn-lg" href="https://addons.mozilla.org/en-US/firefox/addon/social-helpers/" role="button">Have you downloaded the Social Support Add-on?</a></p>
</div>
</section>
<!--Cool news and updates-->
<section class="container-fluid">
<h2>Cool News this week!</h2>
<h3>*There is a new mobile app*</h3>
<p>Do you have an iOS device? You can now reply to Firefox users from your mobile device. </h3><br/>
<br/><a class="btn btn-primary btn-sm" href="https://itunes.apple.com/us/app/buffer-reply/id1327777195?ct=headway"> Download it Today</a>
<h3>*A New Bridged Chat Channel*</h3>
<p>SLack and Telegram, Telegram and IRC, but not irc and slack. Bridging the gap on communication!</p>
</section>
<section>
<div class="container-fluid">
<h2>Metrics for June and July 2018</h2>
<!--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 Christopeh!</p>
<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: 62%">
<span class="sr-only">62% 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: 28%">
<span class="sr-only">28% Complete (success)</span>
296 Reply by Buffer Replies
</div>
<div class="progress-bar progress-bar-warning progress-bar-striped" style="width: 62%">
<span class="sr-only">62% Complete (danger)</span>
142 #fxhelp Replies
</div>
</div>
<!--end Progress bar-->
<!--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 17</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 17</h5>
<h4>You know who you are!</h4>
</div>
</div>
<!--end metrics div-->
</section>
<!--Grid section for recognition-->
<section class = "jumbotron">
<p class="col-lg-3 col-md-4 col-xs-6"><img src="/Users/rmcguigan/Documents/Projects/Social Email Templates/talkingfox.png" class="img-responsive"></p>
<h2>Some Rockstars from this month!</h2>
<h3>SUMO Day and the Following Weeks were a big success!</h3>
<section class="container-fluid">
</section>
<div class="gallery">
<h2>Highlights and Applause From Firefox Users</h2>
<a class="twitter-grid" href="https://twitter.com/guigs_mozilla/timelines/1002365001624010752">Social Firefox Love</a>
</div>
</section>
</section>
</main>
<footer>
Contact @MozillaSupport to Get Involved
</footer>
</div>
<!-- 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>