Minor rewordings

docusaurus.config.js

@@ -10,7 +10,7 @@ const darkCodeTheme = require("prism-react-renderer/themes/dracula");
 const config = {
   title: "Welcome to Automerge",
   tagline:
-    "A cross-platform toolkit for building local-first collaborative apps.",
+    "A cross-platform sync engine for building local-first collaborative apps.",
   url: "https://automerge.github.io",
   baseUrl: "/",
   trailingSlash: true,

src/components/HomepageFeatures.js

@@ -8,7 +8,7 @@ const FeatureList = [
     Svg: require('../../static/img/merge.svg').default,
     description: (
       <>
-        Automerge is a Conflict-Free Replicated Data Type (CRDT), which allows concurrent changes on different devices
+        The core of Automerge is a Conflict-Free Replicated Data Type (CRDT), which allows concurrent changes on different devices
         to be merged automatically without requiring any central server.
       </>
     ),
@@ -18,8 +18,7 @@ const FeatureList = [
     Svg: require('../../static/img/network.svg').default,
     description: (
       <>
-        Use any connection-oriented network protocol: client-server, peer-to-peer, or local. Or use unidirectional
-        messaging: send an Automerge file as an email attachment or store it on a file server.
+        Automerge's sync engine supports any connection-oriented network protocol: client-server, peer-to-peer, or local. You can even send an Automerge file as an email attachment or store it on a file server.
       </>
     ),
   },

src/pages/index.js

@@ -29,7 +29,7 @@ function HomepageHeader() {
 
 
 function ResearchProduction() {
-  return (<section className={styles.section}>
+  return (<section className={styles.homesection}>
 
     <div className="container text--center" style={{ alignSelf: "flex-start" }}>
       <h2>Rigorously researched</h2>
@@ -49,9 +49,9 @@ function ResearchProduction() {
 }
 
 function IntroVideo() {
-  return (<section className={styles.section}>
+  return (<section className={styles.homesection}>
     <div className="container text--center">
-      <h2>Automerge in Action</h2>
+      <h2>See Automerge in Action</h2>
       <iframe width="560" height="315" src="https://www.youtube.com/embed/L9fdyDlhByM?si=skxe0RBRA_OXmXgD" title="YouTube video player" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowFullScreen></iframe>
     </div>
   </section>)
@@ -64,15 +64,15 @@ function ExternalLinkIcon() {
 
 
 function Community() {
-  return (<section className={styles.section}>
+  return (<section className={styles.homesection}>
     <div className="container text--center">
-      <h2>Merge with us!</h2>
+      <h2>Merge with the community</h2>
       <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", textWrap: "wrap" }}>
 
         <RecentPosts />
 
         <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textWrap: "nowrap" }}>
-          <h3>Connect with the community</h3>
+          <h3>Connect with us</h3>
           <p>Join the conversation on <Link to="https://discord.gg/zKGe4DCfgR">Discord<ExternalLinkIcon /></Link></p>
           <p>Follow&nbsp;
             <Link to="https://github.com/automerge">@automerge on Github<ExternalLinkIcon /></Link>

src/pages/index.module.css

@@ -22,7 +22,7 @@
   justify-content: center;
 }
 
-section {
+.homesection {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -32,19 +32,25 @@ section {
   width: 100%;
 }
 
-section:nth-child(even) {
+.homesection:nth-child(even) {
   background-color: var(--ifm-hero-background-color);
 }
 
-section a {
+.homesection a {
   text-decoration: underline 2px;
   text-decoration-color: var(--ifm-color-primary);
 }
 
-section a:hover {
+.homesection a:hover {
   color: var(--ifm-color-primary-darkest);
 }
 
-section a:hover[data-theme="dark"] {
+.homesection a:hover[data-theme="dark"] {
   color: var(--ifm-color-primary-lightest);
+}
+
+.twocolwrap {
+  display: "grid";
+  grid-template-columns: "1fr 1fr";
+  text-wrap: "wrap"
 }