ayo/wcb
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(site): marketing stuff

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
site/src/components/awesome-header.html
View file

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

1
site/src/components/feature-set.js
View file

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

2
site/src/components/my-head.html
View file

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

8
site/src/pages/index.html
View file

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