feat(site): marketing stuff

This commit is contained in:
Ayo 2023-12-16 10:36:23 +01:00
parent 006fd4ba73
commit 03a72b111c
4 changed files with 7 additions and 5 deletions

View file

@ -1,5 +1,6 @@
<header class="my-header">
<h1><slot /></h1>
<slot name="description" />
</header>
<style>

View file

@ -43,7 +43,6 @@ class FeatureSet extends WebComponent {
border: "1px solid #ccc",
borderRadius: "5px",
padding: "30px",
width: "80%",
margin: "0 auto 1em",
};
Object.keys(articleStyles).forEach((rule) =>

View file

@ -28,7 +28,7 @@
}
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
max-width: 1000px;
max-width: 800px;
margin: 0 auto;
padding: 1em;
}

View file

@ -11,7 +11,7 @@
<script server:setup>
const project = {
name: "WebComponent.io",
description: "A simple reactivity system for web components",
description: "The simple reactivity system for web components",
};
const author = {
name: "Ayo Ayco",
@ -34,14 +34,16 @@
<body>
<awesome-header>
<span>{{ project.name }}</span>
<span slot="description">{{ project.description }}</span>
</awesome-header>
<main>
<section class="jumbo">
<p class="hero-statement">
The simple reactivity system for web components
Build lightweight custom elements that browsers &
<em>you</em> understand.
</p>
<!-- <p>
Get the easy authoring experience you have come to love and build
The simple reactivity system for web components
</p> -->
<call-to-action></call-to-action>
<div>