Skip to content

Commit a8ac738

Browse files
author
George Adams
authored
Merge pull request #63 from Joe-Brady/platform-rewrite
Latest release/Archive pages now accept any platform, plus fixes
2 parents e60d85e + 81a66df commit a8ac738

31 files changed

+838
-803
lines changed

‎about.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
<div id="menu-content">
2626
<p><a href="./index.html">Home</a></p>
2727
<p><a href="./releases.html">Latest release</a></p>
28-
<p><a href="./releases.html#archive">Release archive</a></p>
28+
<p><a href="./archive.html">Release archive</a></p>
2929
<p><a href="./nightly.html">Nightly builds</a></p>
3030
<p><a href="./installation.html">Installation</a></p>
3131
<p><a href="./getinvolved.html">Get involved</a></p>
@@ -132,5 +132,6 @@ <h2 class="inline-block zero-margin">Submit an Issue&nbsp;<i class="fa fa-arrow-
132132
<script src="dist/js/app.min.js"></script>
133133

134134

135+
135136
</body>
136137
</html>

‎archive.html

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8+
<title>Archive - AdoptOpenJDK</title>
9+
<link rel="shortcut icon" href="dist/assets/favicon.ico" type="image/x-icon">
10+
<link rel="icon" href="dist/assets/favicon.ico" type="image/x-icon">
11+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
12+
<link rel="stylesheet" href="dist/css/styles.min.css">
13+
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
14+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
15+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
16+
<script src="https://www.w3schools.com/lib/w3data.js"></script>
17+
</head>
18+
19+
<body class="blue-bg">
20+
21+
<div id="menu-container" class="grey-bg hide slideInLeft">
22+
<div id="menu-header">
23+
<i id="menu-close" class="fa fa-arrow-circle-left" aria-hidden="true"></i>
24+
</div>
25+
<div id="menu-content">
26+
<p><a href="./index.html">Home</a></p>
27+
<p><a href="./releases.html">Latest release</a></p>
28+
<p><a href="./archive.html">Release archive</a></p>
29+
<p><a href="./nightly.html">Nightly builds</a></p>
30+
<p><a href="./installation.html">Installation</a></p>
31+
<p><a href="./getinvolved.html">Get involved</a></p>
32+
<p><a href="./support.html">Support</a></p>
33+
<p><a href="./about.html">About</a></p>
34+
</div>
35+
</div>
36+
37+
<nav>
38+
<i id="menu-button" class="fa fa-bars" aria-hidden="true"></i>
39+
<a id="logo" href="./index.html" class="a-button">
40+
<div><img src="dist/assets/squares-logo.png"></div>
41+
<div><span>AdoptOpenJDK</span></div>
42+
</a>
43+
</nav>
44+
<div w3-include-html="./banner.html"></div>
45+
<script>
46+
w3IncludeHTML();
47+
</script>
48+
49+
<main class="grey-bg">
50+
51+
<div id="archives-page">
52+
<h1 class="large-title">Archive</h1>
53+
<a href="./releases.html" id="latest-button" class="blue-button a-button">
54+
<div>
55+
<span>See the latest release</span>
56+
<i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>
57+
</div>
58+
</a>
59+
<a href="./nightly.html" id="nightly-button" class="grey-button a-button">
60+
<div>
61+
<span>See the nightly builds</span>
62+
<i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>
63+
</div>
64+
</a>
65+
66+
<div id="archive-loading"><img src="dist/assets/loading_dots.gif" width="40" height="40"></div>
67+
68+
<div id="filter-container" class="hide">
69+
<h3 class="inline-block" style="margin: 2rem .5rem 1rem 0;">Filter by platform:</h3>
70+
<select id="platform-dropdown">
71+
<option value="ALL">All</option>
72+
</select>
73+
</div>
74+
75+
<div id="archive-list" class="hide">
76+
<table class='archive-container'>
77+
<tbody id='archive-table-body'></tbody>
78+
</table>
79+
</div>
80+
81+
</div>
82+
83+
<div id="error-container"></div>
84+
85+
</main>
86+
87+
<footer>
88+
<div class="margin-auto">
89+
<div class="footer-icon align-center inline-block">
90+
<a href="https://github.com/AdoptOpenJDK" target="_blank" class="light-link no-underline">
91+
<img src="dist/assets/GitHub.png" alt="" class="footer-logo">
92+
<p class="margin-auto">GitHub repos</p>
93+
</a>
94+
</div>
95+
96+
<div class="footer-icon align-center inline-block">
97+
<a href="https://ci.adoptopenjdk.net" target="_blank" class="light-link no-underline">
98+
<img src="dist/assets/jenkins_headshot.png" alt="" class="footer-logo">
99+
<p class="margin-auto">Jenkins CI</p>
100+
</a>
101+
</div>
102+
</div>
103+
104+
<a href="https://github.com/AdoptOpenJDK/openjdk-build/issues" target="_blank"class="light-link no-underline">
105+
<p class="inline-block zero-margin" style="margin-bottom: 1rem;">Having issues?&nbsp;<i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></p>
106+
</a>
107+
<p>Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates. Other names may be trademarks of their respective owners.</p>
108+
</footer>
109+
110+
<script src="dist/js/app.min.js"></script>
111+
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.0/moment.js"></script>
112+
<script>onArchiveLoad();</script>
113+
114+
</body>
115+
</html>

‎dist/assets/ppc64le.png

6.97 KB
Loading

‎dist/assets/s390x.png

3.64 KB
Loading

‎dist/css/styles.css

Lines changed: 35 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -82,6 +82,12 @@ h1, h2, h3, h4, button, input, optgroup, select, textarea {
8282
.vertical-align-top {
8383
vertical-align: top; }
8484

85+
.fully-center-child {
86+
position: absolute;
87+
top: 50%;
88+
left: 50%;
89+
transform: translate(-50%, -50%); }
90+
8591
.vertically-center-child {
8692
position: absolute;
8793
top: 50%;
@@ -96,6 +102,12 @@ input {
96102
margin-top: 1rem;
97103
text-align: center; }
98104

105+
.cursor-pointer {
106+
cursor: pointer; }
107+
108+
.animated.fadeIn {
109+
animation-duration: 0.3s; }
110+
99111
nav {
100112
position: relative; }
101113

@@ -200,6 +212,10 @@ main {
200212
background-color: #e6e6e6;
201213
color: #152935 !important; }
202214

215+
.selected-grey {
216+
background-color: #e6e6e6;
217+
cursor: default; }
218+
203219
.blue-button {
204220
background-color: #3D70B2;
205221
color: #F5F5F5 !important;
@@ -463,83 +479,41 @@ a.latest-download-button:hover {
463479
transform: translateY(-0.4rem);
464480
color: rgba(255, 255, 255, 0.64); }
465481

482+
#archive-list {
483+
overflow: auto; }
484+
466485
.archive-container {
467-
margin: 3rem 0;
468-
height: 14rem;
469-
font-size: 0.8rem; }
486+
margin: 0 auto;
487+
border-collapse: separate;
488+
border-spacing: .2rem 2rem;
489+
white-space: nowrap; }
470490

471-
.archive-downloads, .archive-details, .archive-header {
472-
padding: 0 2%;
491+
.archive-container > tbody > tr > td {
492+
padding: 1rem 2rem;
473493
background-color: #fff;
474-
display: inline-block;
475-
vertical-align: top;
476-
height: 100%;
477-
width: 16rem;
478-
margin: 0 0.1rem; }
479-
480-
.archive-header {
481-
text-align: center;
482-
padding: 0;
483-
width: 18rem; }
484-
485-
.archive-header h1 {
486-
margin-top: 0; }
487-
488-
.archive-downloads-container {
489-
/*margin: 0 auto;*/
490-
/*display: inline-block;*/ }
491-
492-
.archive-platform-block {
493-
margin: 1rem 0; }
494-
495-
.archive-platform-block div, .archive-platform-block a {
494+
margin: 3rem 0.1rem;
496495
font-size: 0.8rem; }
497496

498-
.archive-platform-block .grey-button {
499-
margin-right: 1rem;
500-
margin-left: 0;
501-
min-width: 5rem; }
502-
503-
.archive-details div {
504-
padding: 0.5rem 0; }
497+
.archive-container .grey-button {
498+
font-size: inherit; }
505499

506-
/*.archive-details div:nth-child(even) {
507-
background-color: $tableblue-even;
508-
}
500+
.archive-platforms {
501+
border-spacing: .5rem 0; }
509502

510-
.archive-details div:nth-child(odd) {
511-
background-color: $tableblue-odd;
512-
}*/
503+
.archive-details div {
504+
margin: 0.5rem auto; }
513505

514506
@media all and (max-width: 1100px) {
515507
.latest-download-button {
516-
min-width: 0; }
517-
.archive-downloads {
518-
width: 14rem; }
519-
.archive-header {
520-
width: 16rem; } }
508+
min-width: 0; } }
521509

522510
@media all and (max-width: 950px) {
523511
.vertically-center-parent {
524512
position: initial; }
525513
.vertically-center-child {
526514
position: initial;
527515
top: initial;
528-
transform: initial; }
529-
.archive-container {
530-
height: initial; }
531-
.archive-container > div {
532-
padding: 1rem;
533-
display: block;
534-
margin: auto;
535-
width: 80%; }
536-
.archive-platform-block, .archive-details {
537-
text-align: center; }
538-
.archive-platform-block > div:first-child {
539-
display: inline-block;
540-
margin-right: 0.5rem; }
541-
.archive-container .archive-downloads, .archive-container .archive-details {
542-
padding: 0.1rem 1rem; } }
516+
transform: initial; } }
543517

544518
@media all and (max-width: 800px) {
545519
#latest-metadata-table td {
@@ -580,9 +554,7 @@ a.latest-download-button:hover {
580554
font-size: 1.5rem; }
581555
input {
582556
min-width: 0;
583-
max-width: 80%; }
584-
.archive-container > div {
585-
width: 90%; } }
557+
max-width: 80%; } }
586558

587559
main .support {
588560
max-width: 40rem;

‎dist/css/styles.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)