video section update according to new video cover image
diff --git a/src/main/assets/styles/main.scss b/src/main/assets/styles/main.scss
index 0a9900b..cf667ad 100644
--- a/src/main/assets/styles/main.scss
+++ b/src/main/assets/styles/main.scss
@@ -80,7 +80,6 @@
.mw-15px { max-width: 15px !important; }
.mw-460px { max-width: 460px !important; }
- .mw-500px { max-width: 500px !important; }
// max height
.mh-26px {max-height: 26px;}
@@ -460,6 +459,11 @@
// box-shadow: 0 0 0 0.5em rgba(0, 0, 0, 0.1);
box-shadow: 0 0 20px 10px rgba(0,0,0,.11);
border-radius: 2px; // .5em;
+ max-width: 560px;
+
+ @include media-breakpoint-down(xs) {
+ max-width: 460px;
+ }
}
}
diff --git a/src/main/site/content/_index.md b/src/main/site/content/_index.md
index cdfdb2d..97da9f3 100644
--- a/src/main/site/content/_index.md
+++ b/src/main/site/content/_index.md
@@ -4,25 +4,22 @@
<!-- Intro -->
<section id="intro" class="pb-5">
<div class="row align-items-center justify-content-center mb-4">
- <div class="col-10 col-sm-8 col-md-6 text-center text-xl-left">
- <img class="mb-2 mb-xl-0" src="img/cayenne_illustr.png" alt="Cayenne Illustration" /> <!-- !!! -->
- <h1 class="display-2 font-weight-normal mb-xl-1l2">
+ <div class="col-12 col-sm-10 col-md-9 col-lg-7 text-center"> <!-- text-xl-left -->
+ <h1 class="display-2 font-weight-normal mt-2 mx-auto mb-1 "> <!-- mb-xl-1l2 -->
<span class="font-weight-xlight">Your</span>
<span class="font-weight-semibold">ORM</span>
superpower
</h1>
- <p class="d-inline-block mw-460px small font-italic mb-xl-0">Apache Cayenne™ is an open source Java object-to-relational mapping framework</p>
- </div>
- <div class="col-11 col-sm-10 col-lg-8 col-xl mt-2">
- <div class="embed-responsive mw-500px mx-auto embed-responsive-16by9">
+ <p class="d-inline-block mw-460px small font-italic mb-0">Apache Cayenne™ is an open source Java object-to-relational mapping framework</p>
+ <div class="embed-responsive mw-560px mt-3 mx-auto embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/0H5HIA03xFc?html5=1&controls=1&showinfo=0&fs=1&rel=0" frameborder="0" allowfullscreen></iframe>
</div>
- </div><!-- col-md d-none -->
+ </div>
</div>
<!-- CTA Btn -->
<div class="text-center">
- <a href="/download/" class="btn btn-xlg btn-primary text-uppercase round-corners1">Download latest</a>
+ <a href="/download/" class="btn btn-xlg btn-primary text-uppercase">Download latest</a>
</div>
</section>
