Skip to content

Commit

Permalink
Merge pull request #63 from Joe-Brady/platform-rewrite
Browse files Browse the repository at this point in the history 
Latest release/Archive pages now accept any platform, plus fixes
  • Loading branch information
George Adams authored Apr 19, 2017
2 parents e60d85e + 81a66df commit a8ac738
Show file tree
Hide file tree
Showing 31 changed files with 838 additions and 803 deletions.
3 changes: 2 additions & 1 deletion about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
<div id="menu-content">
<p><a href="./index.html">Home</a></p>
<p><a href="./releases.html">Latest release</a></p>
<p><a href="./releases.html#archive">Release archive</a></p>
<p><a href="./archive.html">Release archive</a></p>
<p><a href="./nightly.html">Nightly builds</a></p>
<p><a href="./installation.html">Installation</a></p>
<p><a href="./getinvolved.html">Get involved</a></p>
Expand Down Expand Up @@ -132,5 +132,6 @@ <h2 class="inline-block zero-margin">Submit an Issue&nbsp;<i class="fa fa-arrow-
<script src="dist/js/app.min.js"></script>



</body>
</html>
115 changes: 115 additions & 0 deletions archive.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,115 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Archive - AdoptOpenJDK</title>
<link rel="shortcut icon" href="dist/assets/favicon.ico" type="image/x-icon">
<link rel="icon" href="dist/assets/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" href="dist/css/styles.min.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<script src="https://www.w3schools.com/lib/w3data.js"></script>
</head>

<body class="blue-bg">

<div id="menu-container" class="grey-bg hide slideInLeft">
<div id="menu-header">
<i id="menu-close" class="fa fa-arrow-circle-left" aria-hidden="true"></i>
</div>
<div id="menu-content">
<p><a href="./index.html">Home</a></p>
<p><a href="./releases.html">Latest release</a></p>
<p><a href="./archive.html">Release archive</a></p>
<p><a href="./nightly.html">Nightly builds</a></p>
<p><a href="./installation.html">Installation</a></p>
<p><a href="./getinvolved.html">Get involved</a></p>
<p><a href="./support.html">Support</a></p>
<p><a href="./about.html">About</a></p>
</div>
</div>

<nav>
<i id="menu-button" class="fa fa-bars" aria-hidden="true"></i>
<a id="logo" href="./index.html" class="a-button">
<div><img src="dist/assets/squares-logo.png"></div>
<div><span>AdoptOpenJDK</span></div>
</a>
</nav>
<div w3-include-html="./banner.html"></div>
<script>
w3IncludeHTML();
</script>

<main class="grey-bg">

<div id="archives-page">
<h1 class="large-title">Archive</h1>
<a href="./releases.html" id="latest-button" class="blue-button a-button">
<div>
<span>See the latest release</span>
<i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>
</div>
</a>
<a href="./nightly.html" id="nightly-button" class="grey-button a-button">
<div>
<span>See the nightly builds</span>
<i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>
</div>
</a>

<div id="archive-loading"><img src="dist/assets/loading_dots.gif" width="40" height="40"></div>

<div id="filter-container" class="hide">
<h3 class="inline-block" style="margin: 2rem .5rem 1rem 0;">Filter by platform:</h3>
<select id="platform-dropdown">
<option value="ALL">All</option>
</select>
</div>

<div id="archive-list" class="hide">
<table class='archive-container'>
<tbody id='archive-table-body'></tbody>
</table>
</div>

</div>

<div id="error-container"></div>

</main>

<footer>
<div class="margin-auto">
<div class="footer-icon align-center inline-block">
<a href="https://github.com/AdoptOpenJDK" target="_blank" class="light-link no-underline">
<img src="dist/assets/GitHub.png" alt="" class="footer-logo">
<p class="margin-auto">GitHub repos</p>
</a>
</div>

<div class="footer-icon align-center inline-block">
<a href="https://ci.adoptopenjdk.net" target="_blank" class="light-link no-underline">
<img src="dist/assets/jenkins_headshot.png" alt="" class="footer-logo">
<p class="margin-auto">Jenkins CI</p>
</a>
</div>
</div>

<a href="https://github.com/AdoptOpenJDK/openjdk-build/issues" target="_blank"class="light-link no-underline">
<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>
</a>
<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>
</footer>

<script src="dist/js/app.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.0/moment.js"></script>
<script>onArchiveLoad();</script>

</body>
</html>
Binary file added dist/assets/ppc64le.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added dist/assets/s390x.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
98 changes: 35 additions & 63 deletions dist/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -82,6 +82,12 @@ h1, h2, h3, h4, button, input, optgroup, select, textarea {
.vertical-align-top {
vertical-align: top; }

.fully-center-child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }

.vertically-center-child {
position: absolute;
top: 50%;
Expand All @@ -96,6 +102,12 @@ input {
margin-top: 1rem;
text-align: center; }

.cursor-pointer {
cursor: pointer; }

.animated.fadeIn {
animation-duration: 0.3s; }

nav {
position: relative; }

Expand Down Expand Up @@ -200,6 +212,10 @@ main {
background-color: #e6e6e6;
color: #152935 !important; }

.selected-grey {
background-color: #e6e6e6;
cursor: default; }

.blue-button {
background-color: #3D70B2;
color: #F5F5F5 !important;
Expand Down Expand Up @@ -463,83 +479,41 @@ a.latest-download-button:hover {
transform: translateY(-0.4rem);
color: rgba(255, 255, 255, 0.64); }

#archive-list {
overflow: auto; }

.archive-container {
margin: 3rem 0;
height: 14rem;
font-size: 0.8rem; }
margin: 0 auto;
border-collapse: separate;
border-spacing: .2rem 2rem;
white-space: nowrap; }

.archive-downloads, .archive-details, .archive-header {
padding: 0 2%;
.archive-container > tbody > tr > td {
padding: 1rem 2rem;
background-color: #fff;
display: inline-block;
vertical-align: top;
height: 100%;
width: 16rem;
margin: 0 0.1rem; }

.archive-header {
text-align: center;
padding: 0;
width: 18rem; }

.archive-header h1 {
margin-top: 0; }

.archive-downloads-container {
/*margin: 0 auto;*/
/*display: inline-block;*/ }

.archive-platform-block {
margin: 1rem 0; }

.archive-platform-block div, .archive-platform-block a {
margin: 3rem 0.1rem;
font-size: 0.8rem; }

.archive-platform-block .grey-button {
margin-right: 1rem;
margin-left: 0;
min-width: 5rem; }

.archive-details div {
padding: 0.5rem 0; }
.archive-container .grey-button {
font-size: inherit; }

/*.archive-details div:nth-child(even) {
background-color: $tableblue-even;
}
.archive-platforms {
border-spacing: .5rem 0; }

.archive-details div:nth-child(odd) {
background-color: $tableblue-odd;
}*/
.archive-details div {
margin: 0.5rem auto; }

@media all and (max-width: 1100px) {
.latest-download-button {
min-width: 0; }
.archive-downloads {
width: 14rem; }
.archive-header {
width: 16rem; } }
min-width: 0; } }

@media all and (max-width: 950px) {
.vertically-center-parent {
position: initial; }
.vertically-center-child {
position: initial;
top: initial;
transform: initial; }
.archive-container {
height: initial; }
.archive-container > div {
padding: 1rem;
display: block;
margin: auto;
width: 80%; }
.archive-platform-block, .archive-details {
text-align: center; }
.archive-platform-block > div:first-child {
display: inline-block;
margin-right: 0.5rem; }
.archive-container .archive-downloads, .archive-container .archive-details {
padding: 0.1rem 1rem; } }
transform: initial; } }

@media all and (max-width: 800px) {
#latest-metadata-table td {
Expand Down Expand Up @@ -580,9 +554,7 @@ a.latest-download-button:hover {
font-size: 1.5rem; }
input {
min-width: 0;
max-width: 80%; }
.archive-container > div {
width: 90%; } }
max-width: 80%; } }

main .support {
max-width: 40rem;
Expand Down
2 changes: 1 addition & 1 deletion dist/css/styles.min.css
View file

Large diffs are not rendered by default.

Loading

0 comments on commit a8ac738

Please sign in to comment.