You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@iceberg.apache.org by ru...@apache.org on 2022/02/08 18:07:37 UTC
[iceberg-docs] 18/47: Add Learn More buttons to the splash page and LearnMore integration into front-matter (#20)
This is an automated email from the ASF dual-hosted git repository.
russellspitzer pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/iceberg-docs.git
commit 1077e237d508b3a3a57cd90795955378414b57e9
Author: Samuel Redai <43...@users.noreply.github.com>
AuthorDate: Thu Jan 27 08:47:39 2022 -0800
Add Learn More buttons to the splash page and LearnMore integration into front-matter (#20)
* Add Learn More buttons to the splash page and LearnMore integration into front-matter
* Adding 1rem top padding for LearnMore buttons
---
.../content/about/{about.md => about.html} | 11 +++++--
landing-page/layouts/partials/services.html | 38 +++++++++++++++++++---
landing-page/static/css/landing-page.css | 4 +++
3 files changed, 46 insertions(+), 7 deletions(-)
diff --git a/landing-page/content/about/about.md b/landing-page/content/about/about.html
similarity index 80%
rename from landing-page/content/about/about.md
rename to landing-page/content/about/about.html
index b3dc284..93329ae 100644
--- a/landing-page/content/about/about.md
+++ b/landing-page/content/about/about.html
@@ -20,5 +20,12 @@ Draft: false
-->
Iceberg adds tables to compute engines including Spark, Trino, PrestoDB, Flink, and Hive using a high-performance table format that works just like a SQL table.
-
-[Learn More](/getting-started)
\ No newline at end of file
+<div class="button-box">
+<ul class="list-inline intro-social-buttons">
+ <li>
+ <a href="/getting-started" class="btn btn-default btn-lg">
+ <span class="network-name">Learn More</span>
+ </a>
+ </li>
+<ul>
+</div>
\ No newline at end of file
diff --git a/landing-page/layouts/partials/services.html b/landing-page/layouts/partials/services.html
index 939392c..4827437 100644
--- a/landing-page/layouts/partials/services.html
+++ b/landing-page/layouts/partials/services.html
@@ -12,11 +12,25 @@
<hr class="section-heading-spacer">
<div class="clearfix"></div>
<h2 class="section-heading">{{ .Title }}</h2>
+ {{ .Description }}
+ {{ if .Params.LearnMore }}
+ <ul class="list-inline intro-social-buttons">
+ <li>
+ <a href="{{ .Params.LearnMore }}" class="btn btn-default btn-lg">
+ <span class="network-name">Learn More</span>
+ </a>
+ </li>
+ </ul>
+ {{ end }}
+ </div>
+ {{ if .Content }}
+ <div class="col-lg-5 col-lg col-sm-6">
{{ .Content }}
</div>
- {{ with .Params.img }}
+ {{ end }}
+ {{ if .Params.Img }}
<div class="col-lg-5 col-lg-offset-2 col-sm-6">
- <img class="img-responsive" src="{{ $.Site.BaseURL }}/img/{{ . }}" alt="">
+ <img src="{{ $.Site.BaseURL }}img/{{ .Params.Img }}" height="400px" width="400px">
</div>
{{ end }}
{{ if .Params.asciinemacast }}
@@ -49,11 +63,25 @@
<hr class="section-heading-spacer">
<div class="clearfix"></div>
<h2 class="section-heading">{{ .Title }}</h2>
- {{ .Content }}
+ {{ .Description }}
+ {{ if .Params.LearnMore }}
+ <ul class="list-inline intro-social-buttons">
+ <li>
+ <a href="{{ .Params.LearnMore }}" class="btn btn-default btn-lg">
+ <span class="network-name">Learn More</span>
+ </a>
+ </li>
+ </ul>
+ {{ end }}
</div>
- {{ with .Params.img }}
+ {{ if .Content }}
+ <div class="col-lg-5 col-sm-pull-6 col-sm-6">
+ {{ .Content }}
+ </div>
+ {{ end }}
+ {{ if .Params.Img }}
<div class="col-lg-5 col-sm-pull-6 col-sm-6">
- <img class="img-responsive" src="{{ $.Site.BaseURL }}/img/{{ . }}" alt="">
+ <img src="{{ $.Site.BaseURL }}img/{{ .Params.Img }}" height="600px" width="600px">
</div>
{{ end }}
{{ if .Params.asciinemacast }}
diff --git a/landing-page/static/css/landing-page.css b/landing-page/static/css/landing-page.css
index cd79e89..47e0cdc 100644
--- a/landing-page/static/css/landing-page.css
+++ b/landing-page/static/css/landing-page.css
@@ -58,6 +58,10 @@ h6 {
text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}
+.button-box {
+ padding-top: 1rem;
+}
+
@media(max-width:767px) {
.intro-message {
padding-bottom: 15%;