Skip to content

Commit

Permalink
Improve stylings
Browse files Browse the repository at this point in the history
  • Loading branch information
@andbin
andbin committed Apr 21, 2024
1 parent ab62038 commit d3db59a
Show file tree
Hide file tree
Showing 4 changed files with 28 additions and 62 deletions.
31 changes: 15 additions & 16 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE HTML><html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="last-modified" content="Sun, 21 Apr 2024 15:20:00 GMT+02:00">
<meta http-equiv="last-modified" content="Sun, 21 Apr 2024 15:50:00 GMT+02:00">
<link rel="preconnect" href="https://cdnjs.cloudflare.com">
<title>Java Versions Cheat Sheet</title>
<meta charset="UTF-8">
Expand All @@ -20,9 +20,8 @@
<link rel="canonical" href="https://andbin.github.io/java-versions-cheat-sheet/">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css" integrity="sha512-SbiR/eusphKoMVVXysTKG/7VseWii+Y3FdHrt0EpKgpToZeemhqHeZeLWLhJutz/2ut2Vw1uQEj2MbRF+TVBUA==" crossorigin="anonymous" referrerpolicy="no-referrer">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer">
<link rel="stylesheet" href="fonts/roboto.css?v=2404211520">
<link rel="stylesheet" href="styles.css?v=2404211520">
<link rel="stylesheet" href="scrolltop.css?v=2404211520">
<link rel="stylesheet" href="fonts/roboto.css?v=2404211550">
<link rel="stylesheet" href="styles.css?v=2404211550">
</head>
<body>
<div class="container">
Expand Down Expand Up @@ -141,7 +140,7 @@ <h1 class="fs-2 pb-1 border-bottom border-2 border-dark mt-3 mb-3"><span title="
<td><a href="https://docs.oracle.com/javase/specs/jvms/se7/html/index.html" title="The Java Virtual Machine Specification, Java SE 7 Edition">JVMS</a> • <a href="https://docs.oracle.com/javase/specs/jvms/se7/jvms7.pdf" title="The Java Virtual Machine Specification, Java SE 7 Edition (PDF)">JVMS</a><i class="fa-solid fa-file-pdf jv-ico-right" title="PDF file"></i></td>
</tr>
<tr>
<th scope="row"><i class="fa-solid fa-circle-check jv-status jv-status-maintained" title="Old version but still maintained"></i><a href="#java-8">Java 8</a> <span class="badge rounded-pill text-bg-primary jv-lts-badge" title="Long-Term Support">LTS</span></th>
<th scope="row"><i class="fa-solid fa-circle-check jv-status jv-status-maintained" title="Old version but still maintained"></i><a href="#java-8">Java 8</a> <span class="jv-lts badge rounded-pill" title="Long-Term Support">LTS</span></th>
<td><a href="https://jcp.org/en/jsr/summary?id=337" title="Java SE 8 Java Specification Request">337</a></td>
<td class="text-end"><span title="Java 8 release date">March 18, 2014</span></td>
<td><span class="latest-build" data-release-date="2024-04-16" title="Latest JDK 8 build – Public<br&gt;Released on <strong&gt;April 16, 2024</strong&gt;">8u411</span></td>
Expand Down Expand Up @@ -177,7 +176,7 @@ <h1 class="fs-2 pb-1 border-bottom border-2 border-dark mt-3 mb-3"><span title="
<td><a href="https://docs.oracle.com/javase/specs/jvms/se10/html/index.html" title="The Java Virtual Machine Specification, Java SE 10 Edition">JVMS</a> • <a href="https://docs.oracle.com/javase/specs/jvms/se10/jvms10.pdf" title="The Java Virtual Machine Specification, Java SE 10 Edition (PDF)">JVMS</a><i class="fa-solid fa-file-pdf jv-ico-right" title="PDF file"></i></td>
</tr>
<tr>
<th scope="row"><i class="fa-solid fa-circle-check jv-status jv-status-maintained" title="Old version but still maintained"></i><a href="#java-11">Java 11</a> <span class="badge rounded-pill text-bg-primary jv-lts-badge" title="Long-Term Support">LTS</span></th>
<th scope="row"><i class="fa-solid fa-circle-check jv-status jv-status-maintained" title="Old version but still maintained"></i><a href="#java-11">Java 11</a> <span class="jv-lts badge rounded-pill" title="Long-Term Support">LTS</span></th>
<td><a href="https://jcp.org/en/jsr/summary?id=384" title="Java SE 11 Java Specification Request">384</a></td>
<td class="text-end"><span title="Java 11 release date">September 25, 2018</span></td>
<td><span class="latest-build" data-release-date="2024-04-16" title="Latest JDK 11 build – Public<br&gt;Released on <strong&gt;April 16, 2024</strong&gt;">11.0.23</span></td>
Expand Down Expand Up @@ -249,7 +248,7 @@ <h1 class="fs-2 pb-1 border-bottom border-2 border-dark mt-3 mb-3"><span title="
<td><a href="https://docs.oracle.com/javase/specs/jvms/se16/html/index.html" title="The Java Virtual Machine Specification, Java SE 16 Edition">JVMS</a> • <a href="https://docs.oracle.com/javase/specs/jvms/se16/jvms16.pdf" title="The Java Virtual Machine Specification, Java SE 16 Edition (PDF)">JVMS</a><i class="fa-solid fa-file-pdf jv-ico-right" title="PDF file"></i></td>
</tr>
<tr>
<th scope="row"><i class="fa-solid fa-circle-check jv-status jv-status-maintained" title="Old version but still maintained"></i><a href="#java-17">Java 17</a> <span class="badge rounded-pill text-bg-primary jv-lts-badge" title="Long-Term Support">LTS</span></th>
<th scope="row"><i class="fa-solid fa-circle-check jv-status jv-status-maintained" title="Old version but still maintained"></i><a href="#java-17">Java 17</a> <span class="jv-lts badge rounded-pill" title="Long-Term Support">LTS</span></th>
<td><a href="https://jcp.org/en/jsr/summary?id=392" title="Java SE 17 Java Specification Request">392</a></td>
<td class="text-end"><span title="Java 17 release date">September 14, 2021</span></td>
<td><span class="latest-build" data-release-date="2024-04-16" title="Latest JDK 17 build – Public<br&gt;Released on <strong&gt;April 16, 2024</strong&gt;">17.0.11</span></td>
Expand Down Expand Up @@ -297,7 +296,7 @@ <h1 class="fs-2 pb-1 border-bottom border-2 border-dark mt-3 mb-3"><span title="
<td><a href="https://docs.oracle.com/javase/specs/jvms/se20/html/index.html" title="The Java Virtual Machine Specification, Java SE 20 Edition">JVMS</a> • <a href="https://docs.oracle.com/javase/specs/jvms/se20/jvms20.pdf" title="The Java Virtual Machine Specification, Java SE 20 Edition (PDF)">JVMS</a><i class="fa-solid fa-file-pdf jv-ico-right" title="PDF file"></i></td>
</tr>
<tr>
<th scope="row"><i class="fa-solid fa-circle-check jv-status jv-status-maintained" title="Old version but still maintained"></i><a href="#java-21">Java 21</a> <span class="badge rounded-pill text-bg-primary jv-lts-badge" title="Long-Term Support">LTS</span></th>
<th scope="row"><i class="fa-solid fa-circle-check jv-status jv-status-maintained" title="Old version but still maintained"></i><a href="#java-21">Java 21</a> <span class="jv-lts badge rounded-pill" title="Long-Term Support">LTS</span></th>
<td><a href="https://jcp.org/en/jsr/summary?id=396" title="Java SE 21 Java Specification Request">396</a></td>
<td class="text-end"><span title="Java 21 release date">September 19, 2023</span></td>
<td><span class="latest-build" data-release-date="2024-04-16" title="Latest JDK 21 build – Public<br&gt;Released on <strong&gt;April 16, 2024</strong&gt;">21.0.3</span></td>
Expand Down Expand Up @@ -345,7 +344,7 @@ <h1 class="fs-2 pb-1 border-bottom border-2 border-dark mt-3 mb-3"><span title="
<td></td>
</tr>
<tr>
<th scope="row"><i class="fa-solid fa-circle-question jv-status jv-status-future" title="Future version"></i><a href="#java-25">Java 25</a> <span class="badge rounded-pill text-bg-primary jv-lts-badge" title="Long-Term Support">LTS</span></th>
<th scope="row"><i class="fa-solid fa-circle-question jv-status jv-status-future" title="Future version"></i><a href="#java-25">Java 25</a> <span class="jv-lts badge rounded-pill" title="Long-Term Support">LTS</span></th>
<td></td>
<td class="text-end"><span title="Java 25 release date">September 2025</span></td>
<td></td>
Expand Down Expand Up @@ -610,7 +609,7 @@ <h6 class="jv-extra-info">EXTRA INFO:</h6>
</div>
<div id="java-8" class="jv-card-box pt-3">
<div class="card mb-2">
<h5 class="card-header">Java 8 / Java SE 8 <span class="badge rounded-pill text-bg-primary jv-lts-badge" title="Long-Term Support">LTS</span></h5>
<h5 class="card-header">Java 8 / Java SE 8 <span class="jv-lts badge rounded-pill" title="Long-Term Support">LTS</span></h5>
<div class="card-body">
<ul>
<li>Status: <i class="fa-solid fa-circle-check jv-status jv-status-maintained" title="Old version but still maintained"></i><span class="jv-val">Old version but still maintained</span></li>
Expand Down Expand Up @@ -724,7 +723,7 @@ <h6 class="jv-extra-info">EXTRA INFO:</h6>
</div>
<div id="java-11" class="jv-card-box pt-3">
<div class="card mb-2">
<h5 class="card-header">Java 11 / Java SE 11 <span class="badge rounded-pill text-bg-primary jv-lts-badge" title="Long-Term Support">LTS</span></h5>
<h5 class="card-header">Java 11 / Java SE 11 <span class="jv-lts badge rounded-pill" title="Long-Term Support">LTS</span></h5>
<div class="card-body">
<ul>
<li>Status: <i class="fa-solid fa-circle-check jv-status jv-status-maintained" title="Old version but still maintained"></i><span class="jv-val">Old version but still maintained</span></li>
Expand Down Expand Up @@ -958,7 +957,7 @@ <h6 class="jv-extra-info">EXTRA INFO:</h6>
</div>
<div id="java-17" class="jv-card-box pt-3">
<div class="card mb-2">
<h5 class="card-header">Java 17 / Java SE 17 <span class="badge rounded-pill text-bg-primary jv-lts-badge" title="Long-Term Support">LTS</span></h5>
<h5 class="card-header">Java 17 / Java SE 17 <span class="jv-lts badge rounded-pill" title="Long-Term Support">LTS</span></h5>
<div class="card-body">
<ul>
<li>Status: <i class="fa-solid fa-circle-check jv-status jv-status-maintained" title="Old version but still maintained"></i><span class="jv-val">Old version but still maintained</span></li>
Expand Down Expand Up @@ -1114,7 +1113,7 @@ <h6 class="jv-extra-info">EXTRA INFO:</h6>
</div>
<div id="java-21" class="jv-card-box pt-3">
<div class="card mb-2">
<h5 class="card-header">Java 21 / Java SE 21 <span class="badge rounded-pill text-bg-primary jv-lts-badge" title="Long-Term Support">LTS</span></h5>
<h5 class="card-header">Java 21 / Java SE 21 <span class="jv-lts badge rounded-pill" title="Long-Term Support">LTS</span></h5>
<div class="card-body">
<ul>
<li>Status: <i class="fa-solid fa-circle-check jv-status jv-status-maintained" title="Old version but still maintained"></i><span class="jv-val">Old version but still maintained</span></li>
Expand Down Expand Up @@ -1218,7 +1217,7 @@ <h5 class="card-header">Java 24 / Java SE 24</h5>
</div>
<div id="java-25" class="jv-card-box pt-3">
<div class="card mb-2">
<h5 class="card-header">Java 25 / Java SE 25 <span class="badge rounded-pill text-bg-primary jv-lts-badge" title="Long-Term Support">LTS</span></h5>
<h5 class="card-header">Java 25 / Java SE 25 <span class="jv-lts badge rounded-pill" title="Long-Term Support">LTS</span></h5>
<div class="card-body">
<ul>
<li>Status: <i class="fa-solid fa-circle-question jv-status jv-status-future" title="Future version"></i><span class="jv-val">Future version</span></li>
Expand Down Expand Up @@ -1254,7 +1253,7 @@ <h5 class="card-header">Java 26 / Java SE 26</h5>
<li class="mb-0"><span class="fa-li"><i class="fa-solid fa-registered" aria-hidden="true"></i></span>Oracle® and Java are registered trademarks of <a href="https://www.oracle.com">Oracle</a></li>
</ul>
</div>
<div class="pt-3 mb-3 border-top border-2 border-secondary-subtle text-center"><a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"><img decoding="async" loading="lazy" src="images/cc-by-sa.svg" class="jv-cc-badge" alt="Creative Commons Attribution-ShareAlike License" title="Creative Commons Attribution-ShareAlike License"></a></div>
<div class="pt-3 mb-3 border-top border-2 border-secondary-subtle text-center"><a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"><img decoding="async" loading="lazy" src="images/cc-by-sa.svg" class="jv-cc-banner" alt="Creative Commons Attribution-ShareAlike License" title="Creative Commons Attribution-ShareAlike License"></a></div>
</footer>
</div><button type="button" id="scrolltop" data-bs-placement="left" title="Scroll to top"><i class="fa-solid fa-turn-up" aria-hidden="true"></i></button><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.slim.min.js" integrity="sha512-sNylduh9fqpYUK5OYXWcBleGzbZInWj8yCJAU57r1dpSK9tP2ghf/SRYCMj+KsslFkCOt3TvJrX2AV/Gc3wOqA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/js/bootstrap.bundle.min.js" integrity="sha512-i9cEfJwUwViEPFKdC1enz4ZRGBj8YQo6QByFTF92YXHi7waCqyexvRD75S5NVTsSiTv7rKWqG9Y5eFxmRsOn0A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script src="script.js?v=2404211520"></script></body>
</div><button type="button" id="scrolltop" data-bs-placement="left" title="Scroll to top"><i class="fa-solid fa-turn-up" aria-hidden="true"></i></button><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.slim.min.js" integrity="sha512-sNylduh9fqpYUK5OYXWcBleGzbZInWj8yCJAU57r1dpSK9tP2ghf/SRYCMj+KsslFkCOt3TvJrX2AV/Gc3wOqA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/js/bootstrap.bundle.min.js" integrity="sha512-i9cEfJwUwViEPFKdC1enz4ZRGBj8YQo6QByFTF92YXHi7waCqyexvRD75S5NVTsSiTv7rKWqG9Y5eFxmRsOn0A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script src="script.js?v=2404211550"></script></body>
</html>
26 changes: 0 additions & 26 deletions docs/scrolltop.css
View file

This file was deleted.

26 changes: 10 additions & 16 deletions docs/styles.css
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
body { font-family: 'Roboto', var(--bs-body-font-family); }
h1 { font-weight: 700; }
th { font-weight: 500; }
a:hover { color: #ff1e56; }
.card { border-color: #222; }
.card.jv-resources a { font-weight: 500; }
.card.jv-resources span { padding-left: 0.18em; padding-right: 0.18em; }
Expand All @@ -18,13 +19,13 @@ th { font-weight: 500; }
.fa-server { color: darkblue; }
.fa-shield-halved { color: darkorchid; }
.jv-card-box:target .card { -webkit-box-shadow: 0px 0px 12px -2px #666; -moz-box-shadow: 0px 0px 12px -2px #666; -o-box-shadow: 0px 0px 12px -2px #666; box-shadow: 0px 0px 12px -2px #666; }
.jv-cc-badge { height: 2.8rem; }
.jv-draft.badge { background-color: #f040f0; }
.jv-draft.fa-pencil { color: #f040f0; margin-left: 0.2em; }
.jv-cc-banner { height: 2.8rem; }
.jv-draft.badge { background-color: #9932cc; }
.jv-draft.fa-pencil { color: #9932cc; margin-left: 0.2em; }
.jv-extra-info { font-size: 82%; font-weight: 700; margin-top: 0.6em; margin-bottom: 0.3em; }
.jv-ico-left { padding-right: 0.2em; }
.jv-ico-right { padding-left: 0.2em; }
.jv-lts-badge { font-size: 75%; font-weight: 700; padding-top: 0.4em; padding-bottom: 0.38em; vertical-align: 10%; }
.jv-lts.badge { background-color: #0000ee; font-size: 75%; font-weight: 700; padding-top: 0.4em; padding-bottom: 0.38em; vertical-align: 10%; }
.jv-new.badge { background-color: #228b22; font-size: 70%; font-weight: 500; margin-left: 0.18rem; vertical-align: 15%; }
.jv-status { margin-right: 0.25em; }
.jv-status-current { color: #00d800; }
Expand All @@ -34,15 +35,8 @@ th { font-weight: 500; }
.jv-status-current, .jv-status-future, .jv-status-maintained, .jv-status-old { font-size: 1.12em; vertical-align: -0.06em; }
.jv-updated-at { color: firebrick; font-weight: 500; }
.jv-val { font-weight: 500; }
.tooltip {
--bs-tooltip-arrow-height: 0.6rem;
--bs-tooltip-arrow-width: 0.8rem;
--bs-tooltip-bg: #555;
--bs-tooltip-border-radius: 0.5rem;
--bs-tooltip-color: white;
--bs-tooltip-font-size: 0.9rem;
--bs-tooltip-max-width: 20rem;
--bs-tooltip-opacity: 1;
font-family: inherit;
font-weight: 400;
}
.tooltip { --bs-tooltip-arrow-height: 0.6rem; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-bg: #555; --bs-tooltip-border-radius: 0.5rem; --bs-tooltip-color: white; --bs-tooltip-font-size: 0.9rem; --bs-tooltip-max-width: 20rem; --bs-tooltip-opacity: 1; font-family: inherit; font-weight: 400; }

#scrolltop { background: #1e90ff; border-radius: 100%; border: 0.15em solid white; bottom: 20px; box-shadow: 0px 3px 9px 3px #202020A0; color: white; display: none; height: 2.5em; outline: none; position: fixed; right: 20px; text-align: center; width: 2.5em; }
#scrolltop:focus, #scrolltop:hover { background: #ff1e56; }
@media screen and (max-width: 480px) { #scrolltop { display: none !important; } }
7 changes: 3 additions & 4 deletions src/java-versions-cheat-sheet.xsl
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,6 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
<link rel="stylesheet" href="fonts/roboto.css{$cacheBusting}"/>
<link rel="stylesheet" href="styles.css{$cacheBusting}"/>
<link rel="stylesheet" href="scrolltop.css{$cacheBusting}"/>
</head>
<body>
<div class="container">
Expand Down Expand Up @@ -229,7 +228,7 @@
</div>

<div class="pt-3 mb-3 border-top border-2 border-secondary-subtle text-center">
<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"><img decoding="async" loading="lazy" src="images/cc-by-sa.svg" class="jv-cc-badge" alt="Creative Commons Attribution-ShareAlike License" title="Creative Commons Attribution-ShareAlike License"/></a>
<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"><img decoding="async" loading="lazy" src="images/cc-by-sa.svg" class="jv-cc-banner" alt="Creative Commons Attribution-ShareAlike License" title="Creative Commons Attribution-ShareAlike License"/></a>
</div>
</footer>
</div>
Expand All @@ -254,7 +253,7 @@

<xsl:if test="@lts = 'yes'">
<xsl:text> </xsl:text>
<span class="badge rounded-pill text-bg-primary jv-lts-badge" title="Long-Term Support">LTS</span>
<span class="jv-lts badge rounded-pill" title="Long-Term Support">LTS</span>
</xsl:if>
</th>

Expand Down Expand Up @@ -367,7 +366,7 @@

<xsl:if test="@lts = 'yes'">
<xsl:text> </xsl:text>
<span class="badge rounded-pill text-bg-primary jv-lts-badge" title="Long-Term Support">LTS</span>
<span class="jv-lts badge rounded-pill" title="Long-Term Support">LTS</span>
</xsl:if>
</h5>

Expand Down

0 comments on commit d3db59a

Please sign in to comment.