adding incept

Author: cblanquera

docs/images/incept-logo-icon.png

@@ -76,6 +76,7 @@
     }
     header .products img {
       height: 30px;
+      margin-right: 5px;
     }
     header .products a {
       color: #222222;
@@ -133,6 +134,7 @@
     }
     section div img {
       height: 30px;
+      margin-right: 10px;
     }
     section div h3 {
       color: #222222;
@@ -177,7 +179,7 @@
         margin-left: 2px;
       }
     }
-    @media (max-width: 568px) {
+    @media (max-width: 680px) {
       header .products {
         display: none;
       }
@@ -193,17 +195,21 @@ <h6>Foundation</h6>
     </div>
     <nav class="products">
       <div>
-        <img class="icon" src="./images/idea-logo-icon.png" alt="StackPress icon" />
-        <a href="/idea">Idea</a>
+        <img class="icon" src="./images/incept-logo-icon.png" alt="incept icon" />
+        <a href="/incept">Incept</a>
       </div>
       <div>
-        <img class="icon" src="./images/ingest-logo-icon.png" alt="StackPress icon" />
+        <img class="icon" src="./images/ingest-logo-icon.png" alt="ingest icon" />
         <a href="/ingest">Ingest</a>
       </div>
       <div>
-        <img class="icon" src="./images/ink-logo-icon.png" alt="StackPress icon" />
+        <img class="icon" src="./images/ink-logo-icon.png" alt="ink icon" />
         <a href="/ink">Ink</a>
       </div>
+      <div>
+        <img class="icon" src="./images/idea-logo-icon.png" alt="idea icon" />
+        <a href="/idea">Idea</a>
+      </div>
     </nav>
     <nav class="social">
       <a class="npm" href="https://www.npmjs.com/org/stackpress">
@@ -220,39 +226,34 @@ <h6>Foundation</h6>
     </blockquote>
     <section>
       <div>
-        <img class="icon" src="./images/idea-logo-icon.png" alt="idea icon" />
-        <h3>Idea</h3>
-        <a href="https://github.com/stackpress/idea" target="_blank">
+        <img class="icon" src="./images/incept-logo-icon.png" alt="incept icon" />
+        <h3>Incept</h3>
+        <a href="https://github.com/stackpress/incept" target="_blank">
           <i class="fab fa-fw fa-github"></i>
         </a>
-        <a href="/idea"><i class="fas fa-fw fa-globe"></i></a>
+        <a href="/incept"><i class="fas fa-fw fa-globe"></i></a>
       </div>
       <article>
         <p>
-          Generates app code based on a schema file. Highly pluggable. 
-          Bring your own generator. The purpose of this is to streamline 
-          and automate major parts of software development that follow 
-          a common pattern and therefore can be rendered. Some example 
-          code that can be generated using .idea files including the 
-          following.
+          A content management framework. Build apps faster. Deploy anywhere.
         </p>
         <ul>
-          <li>Database calls with any ORM</li>
-          <li>API, REST, or GraphQL endpoints</li>
-          <li>React components</li>
-          <li>TypeScript type safety</li>
-          <li>Admin pages</li>
-          <li>more than 70% of the code you produce</li>
+          <li>Build apps in days, not months.</li>
+          <li>Choose your own database, powered by Drizzle</li>
+          <li>Feature rich modern admin builder generated by Ideas</li>
+          <li>Deploy to AWS, GCP, Azure, Vercel, Netlify with Ingest</li>
+          <li>Use native web components with Ink templating</li>
+          <li>Event driven and pluggable design</li>
         </ul>
         <nav>
-          <a href="https://www.npmjs.com/package/@stackpress/idea">
-            <img src="https://img.shields.io/npm/v/%40stackpress%2Fidea.svg?style=flat" />
+          <a href="https://www.npmjs.com/package/@stackpress/incept">
+            <img src="https://img.shields.io/npm/v/%40stackpress%2Fincept.svg?style=flat" />
           </a>
-          <a href="https://github.com/stackpress/idea/blob/main/LICENSE">
+          <a href="https://github.com/stackpress/incept/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 href="https://github.com/stackpress/incept/commits/main/">
+            <img src="https://img.shields.io/github/last-commit/stackpress/incept" />
           </a>
           <a href="https://github.com/stackpress/ink/blob/main/README.md#contributing">
             <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" />
@@ -327,6 +328,48 @@ <h3>Ink</h3>
         </nav>
       </article>
     </section>
+    <section>
+      <div>
+        <img class="icon" src="./images/idea-logo-icon.png" alt="idea icon" />
+        <h3>Idea</h3>
+        <a href="https://github.com/stackpress/idea" target="_blank">
+          <i class="fab fa-fw fa-github"></i>
+        </a>
+        <a href="/idea"><i class="fas fa-fw fa-globe"></i></a>
+      </div>
+      <article>
+        <p>
+          Generates app code based on a schema file. Highly pluggable. 
+          Bring your own generator. The purpose of this is to streamline 
+          and automate major parts of software development that follow 
+          a common pattern and therefore can be rendered. Some example 
+          code that can be generated using .idea files including the 
+          following.
+        </p>
+        <ul>
+          <li>Database calls with any ORM</li>
+          <li>API, REST, or GraphQL endpoints</li>
+          <li>React components</li>
+          <li>TypeScript type safety</li>
+          <li>Admin pages</li>
+          <li>more than 70% of the code you produce</li>
+        </ul>
+        <nav>
+          <a href="https://www.npmjs.com/package/@stackpress/idea">
+            <img src="https://img.shields.io/npm/v/%40stackpress%2Fidea.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/ink/blob/main/README.md#contributing">
+            <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" />
+          </a>
+        </nav>
+      </article>
+    </section>
   </main>
   <footer>
     <i class="fas fa-fw fa-heart"></i>