adding badges to home

Author: cblanquera

.gitignore

@@ -149,4 +149,5 @@ packages/idea-language/server/package-lock.json
 packages/idea-transformer/tests/out
 .DS_Store
 
-.clinerules
+.clinerules
+.playwright

docs/assets/site.css

@@ -227,6 +227,18 @@ pre {
   backdrop-filter: blur(20px);
 }
 
+.hero-card .badges {
+  padding-top: 20px;
+}
+
+.hero-card .badges a {
+  text-decoration: none;
+}
+
+.hero-card .badges a img {
+  display: inline-block;
+}
+
 .hero-copy {
   padding: 42px;
 }

docs/index.html

@@ -50,6 +50,26 @@
   <article class="hero-card hero-copy">
     <div class="eyebrow">Write the schema. Ship the artifact.</div>
     <h1>Transform your ideas to reality</h1>
+    <div class="badges">
+      <a href="https://www.npmjs.com/package/@stackpress/idea">
+        <img src="https://img.shields.io/npm/v/@stackpress/idea.svg?style=flat" />
+      </a>
+      <a href="https://github.com/stackpress/idea/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache%202.0-blue.svg?style=flat" />
+      </a>
+      <a href="https://github.com/stackpress/idea/commits/main/">
+        <img src="https://img.shields.io/github/last-commit/stackpress/idea" />
+      </a>
+      <a href="https://github.com/stackpress/idea/actions">
+        <img src="https://img.shields.io/github/actions/workflow/status/stackpress/idea/test.yml" />
+      </a>
+      <a href="https://coveralls.io/github/stackpress/idea?branch=main">
+        <img src="https://coveralls.io/repos/github/stackpress/idea/badge.svg?branch=main" />
+      </a>
+      <a href="https://github.com/stackpress/idea/pulls">
+        <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" />
+      </a>
+    </div>
     <p>Idea is a schema file specification and a transformation toolchain. You describe models and metadata in a <code>.idea</code> file, then run plugins to generate code or other artifacts. Many ideas. Many outputs.</p>
     <div class="hero-actions">
       <a class="button-link is-accent" href="./getting-started/index.html">Start here</a>

packages/www/styles/site.css

@@ -227,6 +227,18 @@ pre {
   backdrop-filter: blur(20px);
 }
 
+.hero-card .badges {
+  padding-top: 20px;
+}
+
+.hero-card .badges a {
+  text-decoration: none;
+}
+
+.hero-card .badges a img {
+  display: inline-block;
+}
+
 .hero-copy {
   padding: 42px;
 }

packages/www/templates/home.html

@@ -2,6 +2,26 @@
   <article class="hero-card hero-copy">
     <div class="eyebrow">Write the schema. Ship the artifact.</div>
     <h1>Transform your ideas to reality</h1>
+    <div class="badges">
+      <a href="https://www.npmjs.com/package/@stackpress/idea" target="_blank">
+        <img src="https://img.shields.io/npm/v/@stackpress/idea.svg?style=flat" />
+      </a>
+      <a href="https://github.com/stackpress/idea/blob/main/LICENSE" target="_blank">
+        <img src="https://img.shields.io/badge/license-Apache%202.0-blue.svg?style=flat" />
+      </a>
+      <a href="https://github.com/stackpress/idea/commits/main/" target="_blank">
+        <img src="https://img.shields.io/github/last-commit/stackpress/idea" />
+      </a>
+      <a href="https://github.com/stackpress/idea/actions" target="_blank">
+        <img src="https://img.shields.io/github/actions/workflow/status/stackpress/idea/test.yml" />
+      </a>
+      <a href="https://coveralls.io/github/stackpress/idea?branch=main" target="_blank">
+        <img src="https://coveralls.io/repos/github/stackpress/idea/badge.svg?branch=main" />
+      </a>
+      <a href="https://github.com/stackpress/idea/pulls" target="_blank">
+        <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" />
+      </a>
+    </div>
     <p>Idea is a schema file specification and a transformation toolchain. You describe models and metadata in a <code>.idea</code> file, then run plugins to generate code or other artifacts. Many ideas. Many outputs.</p>
     <div class="hero-actions">
       <a class="button-link is-accent" href="{{startHref}}">Start here</a>