diff options
Diffstat (limited to 'website/templates/main.html')
| -rw-r--r-- | website/templates/main.html | 48 |
1 files changed, 22 insertions, 26 deletions
diff --git a/website/templates/main.html b/website/templates/main.html index b836a3c9..d52df167 100644 --- a/website/templates/main.html +++ b/website/templates/main.html @@ -1,39 +1,35 @@ <#import "/_scaffold.html" as main> -<@main.scaffold> +<@main.scaffold load=["/js/supporters.js"]> <div class="page-header top5"> <div class="row text-center"> - <h1>Lombok Demo</h1> + <@main.h1 title="Project Lombok" /> + <p> + Project Lombok is a java library that automatically plugs into your editor and build tools, spicing up your java.<br /> + Never write another getter or equals method again. Early access to future java features such as <code>val</code>, and much more. + </p> </div> <div class="video text-center"> - <video width="800" height="480" poster="/img/poster.png" controls="controls" preload="none"> - <source src="/videos/lombok.ogv" type="video/ogg" /> - <source src="/videos/lombok.mp4" type="video/mp4" /> - <source src="/videos/lombok-iPhone.m4v" type="video/mp4" /> - <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="500"> - <param name="movie" value="/videos/player.swf?image=/img/poster.png&file=/videos/lombok.mp4" /> - <param name="allowfullscreen" value="true" /> - <!--[if !IE]>--> - <object width="800" height="500" type="application/x-shockwave-flash" - data="/videos/player.swf?image=poster.png&file=lombok.mp4" allowfullscreen="true"> - <!--<![endif]--> - <h1>Can't watch the video?</h1> - <p> - <a href="https://www.youtube.com/watch?v=y6zMyM-YTgg">See it on Youtube instead</a>. - </p><p> - Or, download the video:<br/> - <a href="/videos/lombok.mp4">MPEG4 / H.264 (Windows / Mac)</a> | - <a href="/videos/lombok.ogv">Ogg Theora & Vorbis ".ogv" (Linux)</a> - </p> - <!--[if !IE]>--> - </object> - <!--<![endif]--> - </object> + <div id="clickForVideo"><span class="clickToTap">Click</span> to watch a 4 minute demo to learn more.</div> + <video id="demoVideo" hidden="hidden" width="800" height="480" poster="/img/poster.png" controls="controls" preload="none"> + <source src="https://projectlombok.org/videos/lombok.ogv" type="video/ogg" /> + <source src="https://projectlombok.org/videos/lombok.mp4" type="video/mp4" /> + <source src="https://projectlombok.org/videos/lombok-iPhone.m4v" type="video/mp4" /> + <@main.h1 title="Can't watch the video?" /> + <p> + <a href="https://www.youtube.com/watch?v=y6zMyM-YTgg">See it on Youtube instead</a>. + </p><p> + Or, download the video:<br/> + <a href="/videos/lombok.mp4">MPEG4 / H.264 (Windows / Mac)</a> | + <a href="/videos/lombok.ogv">Ogg Theora & Vorbis ".ogv" (Linux)</a> + </p> </video> <div class="row"> <div class="text-center"> - <a href="http://jnb.ociweb.com/jnb/jnbJan2010.html">I can't see video. Show me a text and images based explanation and tutorial instead!</a> + <a href="http://jnb.ociweb.com/jnb/jnbJan2010.html">Show me a text and images based explanation and tutorial instead!</a> </div> </div> + <div class="row supporterBar"> + </div> </div> </div> </@main.scaffold> |