ORC-1246: Revamp ORC website

[williamhyun]

What changes were proposed in this pull request?

This PR aims to revamp the ORC website.

Why are the changes needed?

To improve the followings:

• Increase page width and improve resizing
• Create RELEASES menu
• Menu reordering
• Improve mobile device UX
• Fix the broken layout in the footer

How was this patch tested?

I tested with various resolutions listed below.

Closes #1197

[williamhyun]

cc: @dongjoon-hyun , @wgtmac , @pgaref , @guiyanakuang , @stiga-huang , @pavibhai

[dongjoon-hyun]

+1, LGTM. Thank you, @williamhyun . This is a nice start.

[guiyanakuang]

Thank you, @williamhyun.
I tested at small resolutions and the aspect ratio of the asf logo looks incorrect.

orc/site/css/screen.scss

Lines 354 to 358 in edccbd8

	img {
	margin: -30px 0 0;
	width: 180px;
	height: 150px;
	}

The original size of the image is 475 * 175 px.

[guiyanakuang]

How about getting the asf logo size to autoscale to the resolution at a small resolution. I replaced L354-358 with the code below and it looks good.

img {
    margin: -30px 0 0;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }

[dongjoon-hyun]

+1 for @guiyanakuang 's comment.

[dongjoon-hyun]

To @guiyanakuang , when I tried your patch. The ratio is good but it's overflew still.

[dongjoon-hyun]

BTW, let's revert this part.

[dongjoon-hyun]

Since the Apache Logo distortion is one of the old website issue, let's handle them separately. Let me merge this first to help William move forward further.

[dongjoon-hyun]

Merged to main/1.8. Thank you, @williamhyun and @guiyanakuang .

[dongjoon-hyun]

Oh, it seems that Jekyll is working differently from Apache ORC website serving.
After I published, I realized that the Release link is not working while Jekyll serves it well.
Let me take a look at it.