Skip to content

Commit e6f7944

Browse files
reakaleekreakaleek
authored
Add footer and fix landing page layout (#824)
* Add footer and fix landing page layout * Wrap logo in link
1 parent f2e430e commit e6f7944

File tree

4 files changed

+62
-11
lines changed

4 files changed

+62
-11
lines changed

‎src/Elastic.Markdown/Slices/Layout/_Footer.cshtml

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,36 @@
11
@inherits RazorSlice<LayoutViewModel>
2+
3+
4+
<footer class="text-grey-20 text-[12px] bg-ink-dark py-12 px-6">
5+
<div class="container mx-auto">
6+
<a href="https://www.elastic.co/">
7+
<img class="block" alt="Elastic logo" src="@Model.Static("logo-elastic-horizontal-white.svg")" width="120"/>
8+
</a>
9+
</div>
10+
<div class="container mx-auto grid grid-cols-1 md:grid-cols-2 gap-2 rounded-tl-4xl rounded-tr-4xl items-center">
11+
<div>
12+
<ul class="mt-4 flex gap-3">
13+
<li>
14+
<a class="underline hover:text-white" href="https://www.elastic.co/legal/trademarks">Trademarks</a>
15+
</li>
16+
<li>
17+
<a class="underline hover:text-white" href="https://www.elastic.co/legal/terms-of-use">Terms of Use</a>
18+
</li>
19+
<li>
20+
<a class="underline hover:text-white" href="https://www.elastic.co/legal/privacy-statement">Privacy</a>
21+
</li>
22+
<li>
23+
<a class="underline hover:text-white" href="https://www.elastic.co/sitemap">Sitemap</a>
24+
</li>
25+
</ul>
26+
<p class="mt-4">
27+
© @(DateTime.Today.Year) Elasticsearch B.V. All Rights Reserved.
28+
</p>
29+
</div>
30+
<p class="mt-4">
31+
Elasticsearch is a trademark of Elasticsearch B.V., registered in the U.S. and in other countries. Apache, Apache Lucene, Apache Hadoop, Hadoop, HDFS and the yellow elephant logo are trademarks of the Apache Software Foundation in the United States and/or other countries.
32+
</p>
33+
</div>
34+
</footer>
35+
236
<script src="@Model.Static("main.js")"></script>

‎src/Elastic.Markdown/Slices/Layout/_LandingPage.cshtml

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
@inherits RazorSlice<LayoutViewModel>
2-
<div class="font-body text-ink relative">
2+
<div class="w-full font-body text-ink relative">
33
<div class="w-full absolute top-0 left-0 right-0 htmx-indicator" id="htmx-indicator" role="status">
44
<div class="h-[2px] w-full overflow-hidden">
55
<div class="progress w-full h-full bg-pink-70 left-right"></div>
66
</div>
77
<div class="sr-only">Loading</div>
88
</div>
9-
<section class="w-screen px-8 lg:px-6 bg-grey-10">
9+
<section class="w-full px-8 lg:px-6 bg-grey-10">
1010
<div class="container mx-auto py-16 grid md:grid-cols-2 items-center gap-6">
1111
<div class="lg:basis-[50%]">
1212
<h1 class="text-4xl font-bold font-sans text-black">Elastic documentation</h1>
@@ -23,7 +23,7 @@
2323
</div>
2424
</section>
2525

26-
<section class="w-screen px-8 lg:px-6 bg-grey-10">
26+
<section class="w-full px-8 lg:px-6 bg-grey-10">
2727
<div class="container mx-auto py-16">
2828
<h2 class="font-bold font-sans text-3xl text-ink-dark">Elastic products</h2>
2929
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
@@ -68,7 +68,7 @@
6868
</div>
6969
</section>
7070

71-
<section class="w-screen px-8 lg:px-6">
71+
<section class="w-full px-8 lg:px-6">
7272
<div class="container mx-auto py-16">
7373
<h2 class="font-bold font-sans text-3xl text-ink-dark">How-to guides</h2>
7474
<div class="grid md:grid-cols-2 xl:grid-cols-4 gap-6 mt-6">
@@ -128,7 +128,7 @@
128128
</div>
129129
</section>
130130

131-
<section class="w-screen px-8 lg:px-6">
131+
<section class="w-full px-8 lg:px-6">
132132
<div class="container mx-auto py-16">
133133
<h2 class="font-bold font-sans text-3xl text-ink-dark">References</h2>
134134
<div class="mt-6 grid md:grid-cols-2 lg:grid-cols-4 gap-6">
@@ -265,7 +265,7 @@
265265
</div>
266266
</section>
267267

268-
<section class="w-screen px-8 lg:px-6 bg-grey-10">
268+
<section class="w-full px-8 lg:px-6 bg-grey-10">
269269
<div class="container mx-auto py-16">
270270
<h2 class="font-bold font-sans text-3xl text-ink-dark">Product resources</h2>
271271
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
@@ -321,7 +321,7 @@
321321
</div>
322322
</section>
323323

324-
@* <section class="w-screen px-8 lg:px-6 bg-grey-10"> *@
324+
@* <section class="w-full px-8 lg:px-6 bg-grey-10"> *@
325325
@* <div class="container mx-auto py-16"> *@
326326
@* <h2 class="font-bold text-3xl text-ink-dark">Instant Elasticsearch</h2> *@
327327
@* <div class="grid lg:grid-cols-2 gap-6 mt-6"> *@
@@ -344,7 +344,7 @@
344344
@* </div> *@
345345
@* </section> *@
346346

347-
<section class="w-screen px-8 lg:px-6">
347+
<section class="w-full px-8 lg:px-6">
348348
<div class="container mx-auto py-16">
349349
<div class="rounded-xl border-1 border-grey-20 px-12 py-8 grid lg:grid-cols-[auto_1fr_auto] gap-12 items-center justify-center text-center lg:text-left">
350350
<img loading="lazy" class="mx-auto" alt="Elastic Community logo" src="@Model.Static("community-logo.png")" />

‎src/Elastic.Markdown/Slices/_Layout.cshtml

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,14 +20,14 @@
2020
<!-- End Google Tag Manager (noscript) -->
2121
}
2222
@(await RenderPartialAsync(_Header.Create(Model)))
23-
<div id="main-container" class="flex flex-col items-center px-6 border-t-1 border-grey-20">
23+
<div id="main-container" class="flex flex-col items-center border-t-1 border-grey-20">
2424
@functions {
2525
private async Task DefaultLayout()
2626
{
27-
<div class="container grid gap-2 grid-cols-1 md:grid-cols-[calc(var(--spacing)*65)_auto] lg:grid-cols-[calc(var(--spacing)*65)_auto_calc(var(--spacing)*50)]">
27+
<div class="container grid gap-2 grid-cols-1 md:grid-cols-[calc(var(--spacing)*65)_auto] lg:grid-cols-[calc(var(--spacing)*65)_auto_calc(var(--spacing)*50)] px-6">
2828
@await RenderPartialAsync(_PagesNav.Create(Model))
2929
@await RenderPartialAsync(_TableOfContents.Create(Model))
30-
<main id="content-container" class="w-full order-2 relative pb-30 overflow-x-hidden">
30+
<main id="content-container" class="w-full flex flex-col order-2 relative pb-30 overflow-x-hidden">
3131
<div class="w-full absolute top-0 left-0 right-0 htmx-indicator" id="htmx-indicator" role="status">
3232
<div class="h-[2px] w-full overflow-hidden">
3333
<div class="progress w-full h-full bg-pink-70 left-right"></div>

‎src/Elastic.Markdown/_static/logo-elastic-horizontal-white.svg

Lines changed: 17 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)