Tweak landing page

This commit is contained in:
Andres Almiray
2021-04-01 23:19:13 +02:00
parent 078ded8264
commit 7a3e52b03d
2 changed files with 249 additions and 76 deletions

View File

@@ -88,3 +88,88 @@ body {
margin-top: 7rem;
}
}
#services {
padding: 30px 0
}
.service-box {
margin-top: 15px;
margin-bottom: 15px
}
.service-box .service-icon {
float: left;
margin-top: 5px
}
.service-box .service-icon i {
font-size: 32px;
color: #0b38a9
}
.service-box .service-content {
padding-left: 48px
}
.service-box .service-content h4 {
font-size: 18px;
margin-bottom: 10px;
font-weight: 700;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out
}
.service-box .service-content h4 a {
color: #444
}
.service-box .service-content h4 a:hover {
color: #0b38a9
}
.service-center .service-icon {
float: none;
width: 60px;
height: 60px;
margin: 0px auto 20px;
background: #ddd;
line-height: 70px;
border-radius: 4px;
text-align: center
}
.service-center .service-content {
padding-left: 0
}
.sub-title {
margin-bottom: 40px
}
.sub-title {
color: #999;
font-size: 24px;
font-weight: 400
}
.image-service-box h4 {
font-weight: 700;
font-size: 16px
}
.image-service-box h4 a {
color: #444
}
.image-service-box h4 a:hover {
color: #0b38a9
}
.image-service-box .service-text {
background: #f5f5f5;
padding: 15px;
border: 1px solid #e3e3e3
}

View File

@@ -1,90 +1,182 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>JReleaser</title>
<link rel="canonical" href="https://jreleaser.org/">
<link href="_/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="_/css/site.css">
<script>var uiRootPath = '_'</script>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>JReleaser</title>
<link rel="canonical" href="https://jreleaser.org/">
<link href="_/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="_/css/site.css">
<link rel="stylesheet" href="_/css/admonitions.css">
<link rel="stylesheet" href="_/css/fontawesome.css">
<link rel="stylesheet" href="_/css/all.css">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
<script>var uiRootPath = '_'</script>
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
<link href="_/css/landing.css" rel="stylesheet">
</head>
<body class="article">
<link href="_/css/landing.css" rel="stylesheet">
</head>
<body class="article">
<header class="header">
<nav class="navbar">
<div class="navbar-brand">
<a class="navbar-item" href="https://jreleaser.org">JReleaser</a>
<button class="navbar-burger" data-target="topbar-nav">
<span></span>
<span></span>
<span></span>
</button>
</div>
</nav>
</header>
<header class="header">
<nav class="navbar">
<div class="navbar-brand">
<a class="navbar-item" href="https://jreleaser.org">JReleaser</a>
<button class="navbar-burger" data-target="topbar-nav">
<span></span>
<span></span>
<span></span>
</button>
</div>
</nav>
</header>
<main role="main" class="article">
<div class="jumbotron">
<div class="container marketing">
<div class="row featurette">
<div class="col-md-7">
<h1>JReleaser</h1>
<p class="lead">The quick and effortless way to release your Java project!</p>
<p>with JReleaser, you can:
<ul>
<li>Calculate file checksums</li>
<li>Sign files with PGP</li>
<li>Release to GitHub</li>
<li>Create packagers for<br/>
Homebrew, Jbang, Scoop, Snapcraft</li>
<li>Announce releases to<br/>
Twitter, Zulip, SDKMAN!</li>
<li>... and much more!</li>
</ul>
</p>
<div class="d-grid gap-2 d-md-block">
<a class="btn btn-lg btn-primary" href="guide/dev/index.html" role="button">Get started</a>
<a class="btn btn-lg btn-outline-primary" href="https://github.com/jreleaser/jreleaser" role="button">Go to GitHub</a>
</div>
</div>
<div class="col-md-5">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto rounded" width="500" src="images/jreleaser-duke.png"></img>
<div class="container marketing">
<div class="row featurette">
<div class="col-md-7">
<h1>JReleaser</h1>
<p class="lead">The quick and effortless way to release your Java project!</p>
</p>
<div class="d-grid gap-2 d-md-block">
<a class="btn btn-lg btn-primary" href="guide/dev/index.html" role="button">Get started</a>
<a class="btn btn-lg btn-outline-primary" href="https://github.com/jreleaser/jreleaser" role="button">Get the code</a>
</div>
</div>
</div>
</div>
<div class="col-md-5">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto rounded" width="300" src="images/jreleaser-duke.png"></img>
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
</div>
</div>
</div>
</div>
<div class="container marketing">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="service-box">
<div class="service-icon">
<i class="fa fa-check-circle"></i>
</div>
<div class="service-content">
<h4><a href="#">Checksums</a></h4>
<p>
Calculate checksums for all input files.
</p>
</div>
</div>
</div>
<!-- START THE FEATURETTES -->
<div class="col-md-4 col-sm-6">
<div class="service-box">
<div class="service-icon">
<i class="fa fa-lock"></i>
</div>
<div class="service-content">
<h4><a href="#">PGP Signatures</a></h4>
<p>
Sign all input files with PGP.
</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="service-box">
<div class="service-icon">
<i class="fa fa-cogs"></i>
</div>
<div class="service-content">
<h4><a href="#">Release to git</a></h4>
<p>
Tag and release to popular git services such as GitHub.
</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="service-box">
<div class="service-icon">
<i class="fa fa-tools"></i>
</div>
<div class="service-content">
<h4><a href="#">Multiple Packaging Options</a></h4>
<p>
Create package descriptors for Homebrew, Snapcraft, Jbang, and more.
</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="service-box">
<div class="service-icon">
<i class="fa fa-cloud-upload-alt"></i>
</div>
<div class="service-content">
<h4><a href="#">Publish Packages</a></h4>
<p>
Publish packages to their respective destinations and stores.
</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="service-box">
<div class="service-icon">
<i class="fa fa-bullhorn"></i>
</div>
<div class="service-content">
<h4><a href="#">Make it official!</a></h4>
<p>
Announce the release to the four winds via Twitter, Sdkman, Zulip, and other services.
</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="service-box">
<!-- empty -->
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="service-box">
<div class="service-icon">
<i class="fa fa-toolbox"></i>
</div>
<div class="service-content">
<h4><a href="#">Build it your way</a></h4>
<p>
Whether you prefer CLI, Maven, Gradle, or Ant, JReleaser has you covered.
</p>
</div>
</div>
</div>
</div>
<hr class="featurette-divider">
@@ -92,7 +184,7 @@
<div class="col-md-7">
<h2 class="featurette-heading">Quick configuration.</h2>
<p class="lead">Configure the essentials and let JReleaser do the heavy lifting. Convention over configuration is a thing!<br/><br/>
YAML is not your cup of Java? We've got other formats like JSON, a Maven DSL, and a Gradle DSL.</p>
YAML is not your cup of Java? We've got other formats like JSON, a Maven DSL, and a Gradle DSL.</p>
</div>
<div class="col-md-5">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" src="images/app-jreleaser-config.png"></img>
@@ -106,7 +198,7 @@
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading">Publish and announce a release.</h2>
<p class="lead">Publishing a release is as simple as executing a single command using the <code>jreleaser</code> CLI.<br/><br/>
We also offer Maven and Gradle plugins, Ant tasks, and Jbang integration to boot!</p>
We also offer Maven and Gradle plugins, Ant tasks, and Jbang integration to boot!</p>
</div>
<div class="col-md-5 order-md-1">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" src="images/app-full-release-command.png"></img><br/><br/>
@@ -120,7 +212,7 @@
<div class="col-md-7">
<h2 class="featurette-heading">Create releases without hassle</h2>
<p class="lead">Releases are automatically tagged. A changelog is generated with all commits since the last tag.
All artifacts are uploaded.</p>
All artifacts are uploaded.</p>
</div>
<div class="col-md-5">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" src="images/app-github-release.png"></img>
@@ -143,12 +235,8 @@
<hr class="featurette-divider">
<!-- /END THE FEATURETTES -->
</div><!-- /.container -->
<!-- FOOTER -->
<footer class="footer">
<p>Copyright (C) 2021 Andres Almiray. This page was built using an adapted version of the Antora default UI.</p>
<p>The source code for this UI is licensed under the <a href="https://www.mozilla.org/en-US/MPL/2.0/">Mozilla Public License Version 2.0</a> (MPL-2.0).</p>