Skip to content

Commit d3427ef

Browse files
domitriusclarkdomitriusclark
committed
Removed Links from sidenav and cleaned up the home page.
1 parent 39f74c6 commit d3427ef

File tree

2 files changed

+16
-61
lines changed

2 files changed

+16
-61
lines changed

‎src/site/_includes/header.njk‎

Lines changed: 14 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,6 @@
1-
21
{%
32
set linkList = [
43
{ "url": "/", "text": "Home", "children": [
5-
{ "url": "#what-is-jamstack", "text": "What is the Jamstack?" },
6-
{ "url": "#why-jamstack", "text": "Why Jamstack?" }
74
]},
85
{ "url": "/glossary/", "text": "Glossary" },
96
{ "url": "/women-of-jamstack/", "text": "Women of Jamstack"},
@@ -23,7 +20,9 @@
2320

2421
<header class="page-header md:flex md:flex-col md:h-screen">
2522
<a href="/" class="block text-white hover:text-pink-900 mx-8 py-8">
26-
<svg role="img" aria-hidden="true" focusable="false" width="163" height="31"><use xlink:href="#logo-jamstack"></use></svg>
23+
<svg role="img" aria-hidden="true" focusable="false" width="163" height="31">
24+
<use xlink:href="#logo-jamstack"></use>
25+
</svg>
2726
<span class="sr-only">Jamstack</span>
2827
</a>
2928
<details open data-force-state
@@ -51,16 +50,22 @@
5150
<div class="text-center text-sm mb-4 text-gray-300">Connect with us</div>
5251
<div class="grid grid-cols-3 divide-x divide-gray-700 text-gray-300">
5352
<a href="https://discord.gg/jamstack" target="_BLANK" rel="noopener" class="flex items-center justify-center p-4 hover:text-pink-500">
54-
<svg role="img" aria-label="Discord" focusable="false" width="36" height="36" class="fill-current"><use xlink:href="#logo-discord"></use></svg>
53+
<svg role="img" aria-label="Discord" focusable="false" width="36" height="36" class="fill-current">
54+
<use xlink:href="#logo-discord"></use>
55+
</svg>
5556
</a>
5657
<a href="https://twitter.com/jamstackconf" target="_BLANK" rel="noopener" class="flex items-center justify-center p-4 hover:text-pink-500">
57-
<svg role="img" aria-label="Twitter" focusable="false" width="34" height="28" class="fill-current"><use xlink:href="#logo-twitter"></use></svg>
58+
<svg role="img" aria-label="Twitter" focusable="false" width="34" height="28" class="fill-current">
59+
<use xlink:href="#logo-twitter"></use>
60+
</svg>
5861
</a>
5962
<a href="https://github.com/jamstack/jamstack.org" target="_BLANK" rel="noopener" class="flex items-center justify-center p-4 hover:text-pink-500">
60-
<svg role="img" aria-label="GitHub" focusable="false" width="36" height="36" class="fill-current"><use xlink:href="#logo-github"></use></svg>
63+
<svg role="img" aria-label="GitHub" focusable="false" width="36" height="36" class="fill-current">
64+
<use xlink:href="#logo-github"></use>
65+
</svg>
6166
</a>
62-
</div>
67+
</div>
6368
</div>
6469
</nav>
6570
</details>
66-
</header>
71+
</header>

‎src/site/index.njk‎

Lines changed: 2 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -20,59 +20,11 @@ layout: layouts/base.njk
2020
</a>
2121

2222
<p>Jamstack is an architectural approach that decouples the web experience layer from data and business logic, improving flexibility, scalability, performance, and maintainability. Jamstack removes the need for business logic to dictate the web experience. It enables a composable architecture for the web where custom logic and 3rd party services are consumed through well defined APIs.</p>
23-
<h3 class="mt-3">Jamstack projects have:</h3>
24-
<ul class="list-disc ml-4">
25-
<li>
26-
Ready-to-serve assets
27-
</li>
28-
<li>
29-
Any interactivity provided <em>without a managed server</em>
30-
</li>
31-
<li>
32-
Any interactivity provided by some combination of Javascript and decoupled services via APIs
33-
</li>
34-
</ul>
3523
</div>
3624
</div>
3725
</section>
3826

39-
<div class="bg-gray-100 mb-16">
40-
<section class="py-10">
41-
<a name="why-jamstack">
42-
<h1>Why Jamstack?</h1>
43-
</a>
44-
<p>A Jamstack architecture can bring all sorts of benefits to the sites and to project workflows. Some of the key benefits are:</p>
45-
46-
<div class="my-10">
47-
<h2>Security</h2>
48-
<p>The Jamstack removes multiple moving parts and systems from the hosting infrastructure resulting in fewer servers and systems to harden against attack.</p>
49-
<p>Serving pages and assets as <a href="/glossary/pre-render/">pre-generated</a> files allows read-only hosting reducing attack vectors even further. Meanwhile dynamic tools and services can be provided by vendors with teams dedicated to securing their specific systems and providing high levels of service.</p>
50-
</div>
51-
52-
<div class="my-10">
53-
<h2>Scale</h2>
54-
<p>Popular architectures deal with heavy traffic loads by adding logic to cache popular views and resources. The Jamstack provides this by default. When sites can be served entirely from a <a href="/glossary/cdn/">CDN</a> there is no complex logic or workflow to determine what assets can be cached and when.</p>
55-
<p>With Jamstack sites everything can be cached in a content delivery network. With simpler deployments, built-in redundancy and incredible load capacity.</p>
56-
</div>
57-
58-
<div class="my-10">
59-
<h2>Performance</h2>
60-
<p>Page loading speeds have an impact on user experience and conversion. Jamstack sites remove the need to generate page views on a server at request time by instead generating pages ahead of time during a build.</p>
61-
<p>With all the pages are already available on a <a href="/glossary/cdn/">CDN</a> close to the user and ready to serve, very high performance is possible without introducing expensive or complex infrastructure.</p>
62-
</div>
63-
64-
<div class="my-10">
65-
<h2>Maintainability</h2>
66-
<p>When hosting complexity is reduced, so are maintenance tasks. A <a href="/glossary/pre-render/">pre-generated</a> site, being served directly from a simple host or directly from a CDN does not need a team of experts to "keep the lights on".</p>
67-
<p>The work was done during the build, so now the generated site is stable and can be hosted without servers which might require patching, updating and maintain.</p>
68-
</div>
69-
70-
<div class="my-10">
71-
<h2>Developer Experience</h2>
72-
<p>Jamstack sites can be built with a wide variety of tools. They do not depend on the proprietary technologies or exotic and little known frameworks. Instead, they build on widely available tools and conventions. As a result, it's not hard to find enthusiastic and talented developers who have the right skills to build with the Jamstack. Efficiency and effectiveness can prosper.</p>
73-
</div>
74-
</section>
75-
</div>
27+
{% include "components/join-the-movement.njk" %}
7628

7729
<section class=" mb-16">
7830
<div class="md:w-8/12 mx-auto">
@@ -87,6 +39,4 @@ layout: layouts/base.njk
8739
</div>
8840
<a href="/resources/" class="cta">See more videos and resources</a>
8941
</div>
90-
</section>
91-
92-
{% include "components/join-the-movement.njk" %}
42+
</section>

0 commit comments

Comments
 (0)