-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
236 lines (228 loc) · 11.2 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
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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="IBM i 7.1 Countdown" />
<meta name="twitter:description" content="IBM i 7.1 is out of support! How long has it been so? Why is it important for you to upgrade?">
<meta name="twitter:image" content="https://raw.githubusercontent.com/Club-Seiden/ibm-i-clock/master/img/death_twittercard.png" />
<title>IBM i Countdown</title>
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css"
integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy"
crossorigin="anonymous">
<link rel="stylesheet" href="css/jquery.countdown.css">
<link rel="stylesheet" href="css/styles.css">
</style>
</head>
<body>
<main role="main">
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<div class="row">
<div class="col-md-2">
<img src="img/death-2024663_640.png">
</div>
<div class="col-md-10">
<h1>Support for IBM i 7.2 has been out of support for...</h1>
<div class="flip-countdown-container">
<div id="ibmi-72-countdown"></div>
</div>
<h1>IBM i 7.1 has been out of support for...</h1>
<div class="flip-countdown-container">
<div id="ibmi-71-countdown"></div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<ul class="nav nav-tabs" id="Tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="WhatToDoTab" data-toggle="tab" href="#WhatToDo" role="tab" aria-controls="WhatToDo" aria-selected="true">What to Do</a>
</li>
<li class="nav-item">
<a class="nav-link" id="ReasonsTab" data-toggle="tab" href="#Reasons" role="tab" aria-controls="Reasons" aria-selected="false">Reasons to Upgrade</a>
</li>
<li class="nav-item">
<a class="nav-link" id="MoreReaonsTab" data-toggle="tab" href="#MoreReasons" role="tab" aria-controls="MoreReasons" aria-selected="false">More Reasons</a>
</li>
</ul>
<div class="tab-content" id="TabsContent">
<div class="tab-pane fade show active" id="WhatToDo" role="tabpanel" aria-labelledby="WhatToDoTab">
<h3>Don't worry, you can still upgrade to IBM i 7.3 or better yet IBM i 7.4!</h3>
<ul>
<li>
Download a new, supported version of IBM i from the
<a href="https://www-304.ibm.com/servers/eserver/ess/index.wss" rel="nofollow">IBM ESS website</a>.
</li>
<li>
Check out what's new for IBM i 7.4
<a href="https://www.ibm.com/support/knowledgecenter/en/ssw_ibm_i_74/db2/rbafzwhatsnew.htm" rel="nofollow">here</a> and read the
IBM i 7.4 <a href="https://www.ibm.com/support/knowledgecenter/ko/ssw_ibm_i_74/rzaq9/rzaq9.pdf" rel="nofollow">Memo To Users</a>.
</li>
<li>
Check out what's new for IBM i 7.3
<a href="https://www.ibm.com/support/knowledgecenter/en/ssw_ibm_i_73/db2/rbafzwhatsnew.htm" rel="nofollow">here</a> and read the
IBM i 7.3 <a href="https://www.ibm.com/support/knowledgecenter/ko/ssw_ibm_i_73/rzaq9/rzaq9.pdf" rel="nofollow">Memo To Users</a>.
</li>
<li>
Read the official
<a href="https://www-01.ibm.com/common/ssi/cgi-bin/ssialias?infotype=an&subtype=ca&supplier=897&letternum=ENUS919-147">7.2 withdrawal announcement</a>
from IBM.
</li>
<li>
Read the official
<a href="https://www-01.ibm.com/common/ssi/cgi-bin/ssialias?infotype=an&subtype=ca&supplier=877&letternum=ENUSZP17-0256">7.1 withdrawal announcement</a>
from IBM.
</li>
</ul>
</div>
<div class="tab-pane fade" id="Reasons" role="tabpanel" aria-labelledby="ReasonsTab">
<h3>Reasons to upgrade from IBM i 7.2</h3>
<ol>
<li>
If you remain on IBM i 7.2, IBM Software Maintenance will cost much more with an added Extended Support
charge after April 30th, 2021.
</li>
</ol>
<h3>Reasons to upgrade from IBM i 7.1</h3>
<ol>
<li>
Remaining on IBM i 7.1, IBM Software Maintenance costs much more with an added Extended Support
charge.
</li>
<li>
The IBM HTTP Server that shipped with IBM i 7.1 (Apache 2.2) <b>has gone out of support</b> as of December 31st, 2017.
This means that IBM i 7.1 will no longer be PCI compliant from a HTTP perspective. IBM HTTP Server has
been upgraded to Apache 2.4 in IBM i releases 7.2 and 7.3.
</li>
<li>
The default Java version on IBM i 7.1 is version 6. This <b>has already reached end of support</b> on December 31st,
2017 as well. It's recommended you upgrade to Java 7 or 8 no matter what version of IBM i you have.
There will be no more fix packs for Java 6.
</li>
<li>
75% of ciphers offered in IBM i 7.1 are <b>not deemed secure</b>. If securing your system is a priority to you,
consider upgrading to IBM i 7.3, which offers far more secure cipher suites.
</li>
</ol>
</div>
<div class="tab-pane fade" id="MoreReasons" role="tabpanel" aria-labelledby="MoreReaonsTab">
<h3>Still not convinced?</h3>
<p>Read more on the 7.4 and 7.3 Base Enhancements!</p>
<ul>
<li><a href="https://www.ibm.com/support/pages/node/1164634">IBM i 7.4 Base Enhancements</a></li>
<li><a href="https://www.ibm.com/support/pages/node/1169032">IBM i 7.3 Base Enhancements</a></li>
</ul>
</div>
</div>
</div> <!-- /container -->
</main>
<!-- Fork me on Github -->
<a href="https://github.com/Club-Seiden/ibm-i-clock">
<img
style="position: absolute; top: 0; right: 0; border: 0;"
src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67"
alt="Fork me on GitHub"
data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png">
</a>
<!-- Load Javascript -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<script src="js/jquery.plugin.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script>
<script type="text/template" id="flip-coundown-template">
<div class="time <%= label %>">
<span class="count curr top"><%= curr %></span>
<span class="count next top"><%= next %></span>
<span class="count next bottom"><%= next %></span>
<span class="count curr bottom"><%= curr %></span>
<span class="label"><%= label.length < 6 ? label : label.substr(0, 3) %></span>
</div>
</script>
<script>
$(function () {
let counter = (id, eol) => {
let labels = ['days', 'hours', 'minutes', 'seconds'];
let death = moment(eol).utc().toDate();
let template = _.template($('#flip-coundown-template').html());
let currDate = '000:00:00:00';
let nextDate = '0000:00:00:00';
let $example = $(id);
// Parse countdown string to an object
function strfobj(str) {
var parsed = str.split(':'),
obj = {};
labels.forEach(function(label, i) {
obj[label] = parsed[i]
});
return obj;
}
// Return the time components that diffs
function diff(obj1, obj2) {
var diff = [];
labels.forEach(function(key) {
if (obj1[key] !== obj2[key]) {
diff.push(key);
}
});
return diff;
}
// Build the layout
var initData = strfobj(currDate);
labels.forEach(function(label, i) {
$example.append(template({
curr: initData[label],
next: initData[label],
label: label
}));
});
// Starts the countdown
$example.countdown(death, {elapse: true})
.on('update.countdown', function(event) {
var newDate = event.strftime('%D:%H:%M:%S'),
data;
if (newDate !== nextDate) {
currDate = nextDate;
nextDate = newDate;
// Setup the data
data = {
'curr': strfobj(currDate),
'next': strfobj(nextDate)
};
// Apply the new values to each node that changed
diff(data.curr, data.next).forEach(function(label) {
var selector = '.%s'.replace(/%s/, label),
$node = $example.find(selector);
// Update the node
$node.removeClass('flip');
$node.find('.curr').text(data.curr[label]);
$node.find('.next').text(data.next[label]);
// Wait for a repaint to then flip
_.delay(function($node) {
$node.addClass('flip');
}, 50, $node);
});
}
});
};
counter('#ibmi-72-countdown', '20210430T235959,999');
counter('#ibmi-71-countdown', '20180430T235959,999');
// Make URL update on tab switch
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
location.hash = e.target.hash;
});
// Open tab if hash matches
$('#Tabs a[href="' + location.hash + '"]').tab('show');
});
</script>
</body>
</html>