aboutsummaryrefslogtreecommitdiff
path: root/website
diff options
context:
space:
mode:
Diffstat (limited to 'website')
-rw-r--r--website/download.html39
-rw-r--r--website/favicon.icobin0 -> 4286 bytes
-rw-r--r--website/index.css35
-rw-r--r--website/index.html25
-rw-r--r--website/index.js44
-rw-r--r--website/logi/reset.css1
6 files changed, 133 insertions, 11 deletions
diff --git a/website/download.html b/website/download.html
new file mode 100644
index 00000000..7a2d13e9
--- /dev/null
+++ b/website/download.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html><head>
+ <meta http-equiv="Content-Type" content="application/html; charset=utf-8" />
+ <script src="logi/jQuery-all.js" type="text/javascript"></script>
+ <script src="index.js" type="text/javascript"></script>
+ <link rel="stylesheet" type="text/css" href="logi/reset.css" />
+ <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
+ <meta name="description" content="Spice up your java" />
+ <title>Project Lombok</title>
+ <!--[if lt IE 7]><script type="text/javascript" src="logi/iepngfix_tilebg.js"></script><![endif]-->
+ <style type="text/css">
+ code {
+ font-size: 12px;
+ font-family: monospaced;
+ }
+
+ #downloadLink {
+ font-size: 14px;
+ }
+
+ .meat {
+ margin: 16px auto 0 auto;
+ width: 800px;
+ }
+ </style>
+</head><body>
+ <div class="meat">
+ <h1>Download Lombok</h1>
+ <p id="downloadHelp">
+ Just double-click the <code>lombok.jar</code> file you've downloaded to install lombok into
+ your IDE. <code>lombok.jar</code> is also the jar you use as a project dependency
+ (include it in your classpath when compiling with <code>javac</code> or add it to your project
+ library list in your java IDE). It's the only jar you need!
+ </p>
+ <a href="http://projectlombok.googlecode.com/files/lombok.jar" id="downloadLink">
+ Download now!
+ </a>
+ </div>
+</body></html>
diff --git a/website/favicon.ico b/website/favicon.ico
new file mode 100644
index 00000000..bf83a474
--- /dev/null
+++ b/website/favicon.ico
Binary files differ
diff --git a/website/index.css b/website/index.css
index b70c52b7..c3a7697b 100644
--- a/website/index.css
+++ b/website/index.css
@@ -13,7 +13,7 @@ h1 {
text-align: center;
}
-.buttonBar a {
+#buttonBar a.js {
color: black;
text-decoration: none;
}
@@ -21,6 +21,10 @@ h1 {
.buttonBar {
-webkit-border-top-right-radius: 15px 15px;
-webkit-border-top-left-radius: 15px 15px;
+ -moz-border-radius-topright: 15px;
+ -moz-border-radius-topleft: 15px;
+ border-top-right-radius: 15px 15px;
+ border-top-left-radius: 15px 15px;
background-image: url(buttonbar.jpg);
width: 800px;
height: 170px;
@@ -29,6 +33,10 @@ h1 {
.endBar {
-webkit-border-bottom-right-radius: 15px 15px;
-webkit-border-bottom-left-radius: 15px 15px;
+ -moz-border-radius-bottomright: 15px;
+ -moz-border-radius-bottomleft: 15px;
+ border-bottom-right-radius: 15px 15px;
+ border-bottom-left-radius: 15px 15px;
background-image: url(buttonbar.jpg);
width: 800px;
height: 30px;
@@ -69,6 +77,10 @@ h1 {
height: 56px;
}
+code {
+ font-weight: bold;
+}
+
.download img {
margin: 4px 20px 4px 16px;
float: left;
@@ -81,6 +93,27 @@ h1 {
font-weight: bold;
}
+#downloadInfo {
+ display: block;
+ position: absolute;
+ left: 50%;
+ top: 35px;
+ font-size: 16px;
+ margin-left: -400px;
+}
+
+#downloadInfo p {
+ margin: 12px;
+}
+
+.downloadActions {
+ margin-top: 16px;
+ margin-left: 32px;
+}
+.downloadActions a {
+ display: block;
+}
+
.proxyVideo {
width: 800px;
height: 480px;
diff --git a/website/index.html b/website/index.html
index 683c0318..817d6289 100644
--- a/website/index.html
+++ b/website/index.html
@@ -5,31 +5,38 @@
<script src="index.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="logi/reset.css" />
<link rel="stylesheet" type="text/css" href="index.css" />
- <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+ <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<meta name="description" content="Spice up your java" />
<title>Project Lombok</title>
<!--[if lt IE 7]><script type="text/javascript" src="logi/iepngfix_tilebg.js"></script><![endif]-->
</head><body>
+ <div id="downloadInfo" class="buttonBar" style="display: none;">
+ <span></span>
+ <div class="downloadActions">
+ <a class="backToBar" href="http://projectlombok.googlecode.com/files/lombok.jar">Okay, download <strong>lombok</strong></a>
+ <a href="#" class="backToBar">No, don't</a>
+ </div>
+ </div>
<div class="meat">
<h1>Project Lombok</h1>
- <div class="buttonBar">
- <a class="button" href="overview.html">
+ <div id="buttonBar" class="buttonBar">
+ <a class="button" href="http://wiki.github.com/rzwitserloot/lombok/features">
<img src="icon_overview.png" />
<span>Feature Overview</span>
</a>
- <a class="button" href="mailinglist.html">
+ <a class="button" href="http://groups.google.com/group/project-lombok">
<img src="icon_discussion.png" />
- <span>Mailing List</span>
+ <span>Discuss / Help</span>
</a>
- <a class="button" href="contribute.html">
+ <a class="button" href="http://wiki.github.com/rzwitserloot/lombok/contributing">
<img src="icon_contribute.png" />
<span>Contribute</span>
</a>
- <a class="button" href="bugs.html">
+ <a class="button" href="http://code.google.com/p/projectlombok/issues/list">
<img src="icon_bugs.png" />
- <span>Report a Bug</span>
+ <span>Report an issue</span>
</a>
- <a class="download" href="download.html">
+ <a class="download" id="downloadLink" href="download.html">
<img src="icon_download.png" />
<span>Download!</span>
</a>
diff --git a/website/index.js b/website/index.js
index 73cb3bbe..ee36dd3c 100644
--- a/website/index.js
+++ b/website/index.js
@@ -1,8 +1,50 @@
$(function() {
+ addGlow();
+ fixDownloadLink();
+});
+
+function fixDownloadLink() {
+ $("#downloadLink").attr("href", "http://projectlombok.googlecode.com/files/lombok.jar")
+ .click(function(event) {
+ showDownloadInfo();
+ event.preventDefault();
+ });
+
+ $(".backToBar").click(function(event) {
+ $("#downloadInfo").hide();
+ });
+}
+
+function showDownloadInfo() {
+ if ( !$("#downloadInfo").data("filled") ) {
+ $("#downloadInfo").data("filled", true);
+ $.ajax({
+ type: "GET",
+ url: "download.html",
+ success: function(html) {
+ var pos = html.search(/<p\s+id\s*=\s*"downloadHelp"[^>]*>/i);
+ if ( pos == -1 ) return;
+ html = html.substring(pos);
+ pos = html.search(">");
+ html = html.substring(pos + 1);
+ pos = html.search(/<\s*\/\s*p\s*>/);
+ html = html.substring(0, pos);
+ var p = $("<p>").html(html).append($("#downloadInfo .downloadActions"));
+ $("#downloadInfo span:first-child").replaceWith(p);
+ $("#downloadInfo").show();
+ }
+ });
+ } else {
+ $("#downloadInfo").show();
+ }
+}
+
+function addGlow() {
+ $("a").addClass("js");
$(".button,.download").addGlow({
radius: 20,
textColor: '#00f',
haloColor: '#00f',
duration: 500
});
-});
+} \ No newline at end of file
diff --git a/website/logi/reset.css b/website/logi/reset.css
index 8c1c8395..768810c0 100644
--- a/website/logi/reset.css
+++ b/website/logi/reset.css
@@ -33,6 +33,7 @@ del{
}
img{
+ border: 0;
display:inline-block;
vertical-align:bottom;
}