Skip to content

Commit 3d0040d

Browse files
Removed sections on the home page.
1 parent 39f2a9a commit 3d0040d

File tree

3 files changed

+5
-62
lines changed

3 files changed

+5
-62
lines changed

src/css/tailwind.css

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -283,7 +283,6 @@ details[open] .summary-swap-open {
283283
}
284284
}
285285

286-
287286
.rounded-xl-embed {
288287
border-radius: 0.9375rem; /* 15px /16 */
289288
}

src/site/_includes/header.njk

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11

22
{%
33
set linkList = [
4-
{ "url": "/resources", "text": "Learn", "children": [
5-
{ "url": "/what-is-jamstack/", "text": "What is the Jamstack?" },
4+
{ "url": "/", "text": "Home", "children": [
5+
{ "url": "/what-is-jamstack", "text": "What is the Jamstack?" },
66
{ "url": "/why-jamstack/", "text": "Why Jamstack?" },
77
{ "url": "/best-practices/", "text": "Jamstack best practices" },
88
{ "url": "/glossary/", "text": "Glossary" }

src/site/index.njk

Lines changed: 3 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -7,82 +7,26 @@ layout: layouts/base.njk
77
{% import "components/section-heading.njk" as section %}
88
{% import "components/zinger-cta.njk" as zinger %}
99

10-
<section class="">
11-
<h1 class="hero-text">What is Jamstack?</h1>
12-
<p>Pre-generated assets which are highly portable and may be served from a wide variety of hosting platforms. Elevated by modern developer tooling.</p>
13-
<a href="/discord" class="cta">Join the Discord community</a>
14-
</section>
1510

1611
<section class="mb-10 p-0">
1712
{{ ticker.icons() }}
1813
{{ ticker.main() }}
1914
</section>
2015

21-
<section class="mb-10">
22-
<a href="https://jamstackconf.com" class="border-2 border-white block rounded-xl shadow-lg text-center ">
23-
<img src="/img/conf-2021-tout.png" alt="Jamstack Conf 2021" class="rounded-xl w-2/3 mx-auto my-8">
24-
<p class="font-bold text-3xl my-0">
25-
October 6-7, 2021
26-
</p>
27-
<p class="font-bold text-lg md:text-xl mb-10 w-2/3 md:w-1/2 mx-auto">
28-
Join 20,000+ web developers to learn how it started, how it's going, and what's next!
29-
</p>
30-
</a>
16+
<section>
17+
<h1 class="hero-text">What is the Jamstack?</h1>
18+
<p class="mb-8">Pre-generated assets which are highly portable and may be served from a wide variety of hosting platforms. Elevated by modern developer tooling.</p>
3119
</section>
3220

33-
34-
3521
<section class="mb-20">
3622
<h2>Why Jamstack</h2>
3723
<p class="w-2/3 mb-12">
3824
The Jamstack architecture has many benefits, whether you’re building a large e-commerce site, SaaS application or personal blog.
3925
</p>
4026

41-
{{ section.icons() }}
42-
43-
44-
45-
{{ section.benefit(
46-
"Better Performance",
47-
"#pink_lightning",
48-
"<p>
49-
Why wait for pages to build on the fly when you can generate them at deploy time? When it comes to minimizing the time to first byte, nothing beats pre-built files served over a CDN.
50-
</p>")
51-
}}
52-
{{ section.benefit(
53-
"Higher Security",
54-
"#blue_shield",
55-
"<p>
56-
With server-side processes abstracted into microservice APIs, surface areas for attacks are reduced. You can also leverage the domain expertise of specialist third-party services.
57-
</p>")
58-
}}
59-
{{ section.benefit(
60-
"Cheaper, Easier Scaling",
61-
"#orange_coins",
62-
"<p>
63-
When your deployment amounts to a stack of files that can be served anywhere, scaling is a matter of serving those files in more places. CDNs are perfect for this, and often include scaling in all of their plans.
64-
</p>")
65-
}}
66-
{{ section.benefit(
67-
"Better Developer Experience",
68-
"#teal_browser",
69-
"<p>
70-
Loose coupling and separation of controls allow for more targeted development and debugging, and the expanding selection of CMS options for site generators remove the need to maintain a separate stack for content and marketing.
71-
</p>")
72-
}}
7327
<a href="/why-jamstack" class="cta">Read more about the benefits of Jamstack</a>
7428
</section>
7529

76-
<div class="bg-gray-100 mb-20">
77-
<section>
78-
<h2 class="text-2xl">The future is highly distributed</h2>
79-
<p class="mt-6 mb-8">
80-
Jamstack is the new standard architecture for the web. Using Git workflows and modern build tools, pre-rendered content is served to a CDN and made dynamic through APIs and serverless functions. Technologies in the stack include JavaScript frameworks, Static Site Generators, Headless CMSs, and CDNs.
81-
</p>
82-
<img src="/img/svg/architecture.svg" alt="Jamstack architecture diagram, Bidirectional arrows between Client and CDN, Client and Microservices">
83-
</section>
84-
</div>
85-
8630
<section class="text-center mb-20">
8731
<div class="md:w-8/12 mx-auto">
8832
<h2>Rise of the Jamstack</h2>

0 commit comments

Comments
 (0)