updating the home page

Taskfile.yaml

@@ -0,0 +1,10 @@
+version: '3'
+
+tasks:
+
+ default: task -l
+
+ preview:
+ desc: preview the websites
+ cmds:
+ - hugo server

assets/scss/_styles_project.scss

@@ -0,0 +1,14 @@
+
+
+.text-black {
+ color: black;
+}
+
+.center-image-container {
+ text-align: center;
+}
+
+.center-image-container img {
+ display: inline-block;
+ margin: auto;
+}

assets/scss/_variables_project.scss

@@ -3,4 +3,6 @@
 Add styles or override variables from the theme here.
 
 */
-
+:root {
+ --bs-heading-color: yellow;
+ }

content/en/_index.md

@@ -7,71 +7,70 @@ title: Apache OpenServerless
 <a class="btn btn-lg btn-primary me-3 mb-4" href="/docs/">
  Learn More <i class="fas fa-arrow-alt-circle-right ms-2"></i>
 </a>
+<!-- 
 <a class="btn btn-lg btn-secondary me-3 mb-4" href="https://github.com/google/docsy-example">
  Download <i class="fab fa-github ms-2 "></i>
 </a>
-<p class="lead mt-5">Building the Open Serverless Foundation for the A.I. revolution!</p>
+-->
+
+<h1 class="lead mt-5">Upgrading Kubernetes to a Serverless powerhouse to build your cloud-native A.I. application!</h1> 
 {{< blocks/link-down color="info" >}}
 {{< /blocks/cover >}}
 
 {{% blocks/lead color="primary" %}}
-Goldydocs provides a single web UI providing visibility into porridge
-temperature, chair size, and bed softness metrics! You can even find out who's
-been eating **your** porridge.
 
-(Sadly, Goldydocs isn't a real project, but you can use this site as an example
-to create your own real websites with [Docsy](https://docsy.dev))
+<h3>Apache OpenServerless is a <b>distribution</b>, running in any <b>Kubernetes</b> Clusters or even plain Linux <b>Virtual Machine</b>, straightforward to install and easy to use, deploying a <b>Serverless</b> Enviroment ready to use to build <b>A.I. applications</b>. </h3>
+
+<h4>Apache OpenServerless lets you <b>stop worrying</b> of building, deploying, configuring and orchestrating containers. You can <b>focus on writing your A.I. code</b> and run it anywere, production ready, <b>without any vendor-lockin</b>.</h4>
 {{% /blocks/lead %}}
 
 
 {{% blocks/section color="dark" type="row" %}}
-{{% blocks/feature icon="fa-lightbulb" title="New chair metrics!" %}}
-The Goldydocs UI now shows chair size metrics by default.
 
-Please follow this space for updates!
+{{% blocks/feature icon="fab fa-reddit" title="Join our subreddit!" url="https://reddit.com/r/openserverless" %}}
+A friendly place to discuss Apache OpenServerless
 {{% /blocks/feature %}}
 
 
-{{% blocks/feature icon="fab fa-github" title="Contributions welcome!" url="https://github.com/google/docsy-example" %}}
-We do a [Pull Request](https://github.com/google/docsy-example/pulls) contributions workflow on **GitHub**. New users are always welcome!
+{{% blocks/feature icon="fab fa-github" title="Contributions welcome!" url="https://github.com/apache/openserverless" %}}
+We accept  [Pull Request](https://github.com/google/docsy-example/pulls)  on **GitHub**. New contributors are always welcome!
 {{% /blocks/feature %}}
 
-
-{{% blocks/feature icon="fab fa-twitter" title="Follow us on Twitter!" url="https://twitter.com/docsydocs" %}}
+{{% blocks/feature icon="fab fa-x-twitter" title="Follow us on X.com!" url="https://twitter.com/open_serverless" %}}
 For announcement of latest features etc.
 {{% /blocks/feature %}}
 
-
 {{% /blocks/section %}}
 
 
 {{% blocks/section %}}
-This is the second section
-{.h1 .text-center}
+<span style="color: black">Get involved! Subscribe our mailing list</span><br><a href="mailto:[email protected]">[email protected]</a>
+{.h2 .text-center .text-black}
 {{% /blocks/section %}}
 
 
-{{% blocks/section type="row" %}}
+{{% blocks/section %}}
+{{% imgproccenter openserverless-diagram Fit "800x600" %}}
+Apache OpenServerless Architecture Overview
+{{% /imgproccenter %}}
+{{% /blocks/section %}}
 
-{{% blocks/feature icon="fab fa-app-store-ios" title="Download **from AppStore**" %}}
-Get the Goldydocs app!
-{{% /blocks/feature %}}
 
-{{% blocks/feature icon="fab fa-github" title="Contributions welcome!"
- url="https://github.com/google/docsy-example" %}}
-We do a [Pull Request](https://github.com/google/docsy-example/pulls)
-contributions workflow on **GitHub**. New users are always welcome!
-{{% /blocks/feature %}}
+{{% blocks/section type="row" %}}
 
-{{% blocks/feature icon="fab fa-twitter" title="Follow us on Twitter!"
- url="https://twitter.com/GoHugoIO" %}}
-For announcement of latest features etc.
-{{% /blocks/feature %}}
+<div class="col-md-6 text-center">
+<h2>Public Cloud</h2>
+{{% imgproccenter public-cloud Fit "242x76" %}}
+We support the major public cloud Kubernetes,<br>including <a href="https://aws.amazon.com/eks/">Amazon EKS</a>, <a href="https://azure.microsoft.com/en-us/products/kubernetes-service">Azure AKS</a> and <a href="https://cloud.google.com/kubernetes-engine">Gcloud GKE</a>
+{{% /imgproccenter %}}
+</div>
 
-{{% /blocks/section %}}
+<div class="col-md-6 text-center">
+<h2>Private Cloud</h2>
+{{% imgproccenter private-cloud Fit "217x95" %}}
+We support the major private cloud Kubernetes,<br>including <a href="https://www.redhat.com/en/technologies/cloud-computing/openshift">RedHat OpenShift</a>, <a href="https://microk8s.io/">Ubuntu MicroK8S</a> and <a href="https://k3s.io/">SuSE K3S</a>
+{{% /imgproccenter %}}
+</div>
 
 
-{{% blocks/section %}}
-This is the another section
-{.h1 .text-center}
 {{% /blocks/section %}}

hugo.yaml

@@ -162,32 +162,32 @@ params:
  links:
  # End user relevant links. These will show up on left side of footer and in the community page if you have one.
  user:
- - name: User mailing list
- url: https://example.org/mail
+ - name: Developer mailing list
+ url: mailto:[email protected].org
  icon: fa fa-envelope
  desc: Discussion and help from your fellow users
- - name: Twitter
- url: https://example.org/twitter
- icon: fab fa-twitter
+ - name: X.com
+ url: https://x.com/open_serverless
+ icon: fab fa-x-twitter
  desc: Follow us on Twitter to get the latest news!
- - name: Stack Overflow
- url: https://example.org/stack
- icon: fab fa-stack-overflow
+ - name: Reddit
+ url: https://reddit/r/openserverless
+ icon: fab fa-reddit
  desc: Practical questions and curated answers
  # Developer relevant links. These will show up on right side of footer and in the community page if you have one.
  developer:
  - name: GitHub
- url: https://github.com/google/docsy
+ url: https://github.com/apache/openserverless
  icon: fab fa-github
  desc: Development takes place here!
  - name: Slack
- url: https://example.org/slack
+ url: https://the-asf.slack.com/archives/C07B6K5R3F0
  icon: fab fa-slack
  desc: Chat with other project developers
- - name: Developer mailing list
+ - name: Telegram
  url: https://example.org/mail
- icon: fa fa-envelope
- desc: Discuss development issues around the project
+ icon: fab fa-telegram
+ desc: A public telegram group to discuss everything about OpenServerless
 
 module:
  # Uncomment the next line to build and serve using local docsy clone declared in the named Hugo workspace:

layouts/shortcodes/imgproccenter.html

@@ -0,0 +1,23 @@
+{{ $original := .Page.Resources.GetMatch (printf "**%s*" (.Get 0)) -}}
+{{ $command := .Get 1 -}}
+{{ $options := .Get 2 -}}
+{{ if eq $command "Fit" -}}
+ {{ .Scratch.Set "image" ($original.Fit $options) -}}
+{{ else if eq $command "Resize" -}}
+ {{ .Scratch.Set "image" ($original.Resize $options) -}}
+{{ else if eq $command "Fill" -}}
+ {{ .Scratch.Set "image" ($original.Fill $options) -}}
+{{ else if eq $command "Crop" -}}
+ {{ .Scratch.Set "image" ($original.Crop $options) -}}
+{{ else -}}
+ {{ errorf "Invalid image processing command: Must be one of Fit, Fill, Crop or Resize." -}}
+{{ end -}}
+{{ $image := .Scratch.Get "image" -}}
+
+<div class="text-center">
+<img class="img-fluid mx-auto d-block" src="{{- $image.RelPermalink -}}" width="{{- $image.Width -}}" height="{{- $image.Height -}}">
+{{ with .Inner -}}
+{{/* Do **not** remove this comment! It ends above html block! See https://spec.commonmark.org/0.30/#html-blocks, 7. */}}
+{{ . }}{{ with $image.Params.byline }}<small class="text-body-secondary"><br/>{{ . }}</small>{{ end }}
+{{ end -}}
+</div>