Creating LWS site

[Edwinhr716]

What type of PR is this?

/kind documentation

What this PR does / why we need it

Adds the files needed for the LWS site lws.sigs.k8s.io

Which issue(s) this PR fixes

Fixes #372

Special notes for your reviewer

Does this PR introduce a user-facing change?

[k8s-ci-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: Edwinhr716

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• OWNERS [Edwinhr716]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[Edwinhr716]

Currently work in progress, still missing:

• update npm dependencies
• Add actual content
• update k8s logo to LWS logo. @kerthcet ideally we want to have equivalents of the LWS logo of all of the k8s logos in this PR

In order to view current iteration of website:

• install npm and hugo
• cd site/ && npm install
• hugo server

Following kubernetes-sigs/jobset#402

[kerthcet]

Thanks @Edwinhr716

[Edwinhr716]

Added core content to the LWS site, PTAL to review the content.

We should have the user guides here as well, but I think that can be a follow up item (though it can be somewhat awkward since a lot of the user guides require setup)

Ran into some issues trying to run make api-genref for the API fields, will look to add that later as well

[yankay]

HI @Edwinhr716

The previous example is "Multi-Template", which appears to have some repetition.

So, is the previous example supposed to be the "Minimal Sample" based on the configuration found at https://github.com/kubernetes-sigs/lws/blob/main/docs/examples/sample/lws.yaml, and this example a Multi-Template configuration?
Or if the "Minimal Sample" is not needed, then perhaps this section is unnecessary as well.

[Edwinhr716]

Yeah was debating what yaml file to include as an example, since multi-template one should be the default. I'll change it to the minimal sample one instead

[Edwinhr716]

@kerthcet I added the images, but for some reason it creates a very wide white rectangle

do you have any idea how to fix it? Messed around with the svg and css a bit, but couldn't fix it

[gracie-guo]

kubernetes-sigs/jobset#402

We checked the svg file and used SVG Autocrop to clear the attribute.
The new version we uploaded would have no problem with attribute conflict.

But the white background with a blue border was caused by added css, these were not included in the original svg file.

[yankay]

@kerthcet I added the images, but for some reason it creates a very wide white rectangle

do you have any idea how to fix it? Messed around with the svg and css a bit, but couldn't fix it

HI @Edwinhr716
Thanks to @gracie-guo 's help.

If we update the `logo.svg' with https://github.com/cncf/artwork/blob/78c2f5e5ab038b8a0ae0fab00f773c6445a55030/projects/lws/icon/color/lws-icon-color.svg , it can work correctly like Edwinhr716#1 .

The sceenshot is:

[ahg-g]

/lgtm

[kerthcet]

Thanks @Edwinhr716 for all your efforts!