Better welcome page

Author: joepio

debug.log

@@ -7,3 +7,12 @@
 [0211/191504.012:ERROR:registration_protocol_win.cc(130)] TransactNamedPipe: The pipe has been ended. (0x6D)
 [0211/191504.022:ERROR:file_io_win.cc(194)] LockFileEx: Incorrect function. (0x1)
 [0211/191504.027:ERROR:file_io_win.cc(194)] LockFileEx: Incorrect function. (0x1)
+[0313/121540.759:ERROR:registration_protocol_win.cc(130)] TransactNamedPipe: The pipe has been ended. (0x6D)
+[0313/121540.800:ERROR:file_io_win.cc(194)] LockFileEx: Incorrect function. (0x1)
+[0313/121540.819:ERROR:file_io_win.cc(194)] LockFileEx: Incorrect function. (0x1)
+[0313/125933.336:ERROR:registration_protocol_win.cc(130)] TransactNamedPipe: The pipe has been ended. (0x6D)
+[0313/125933.345:ERROR:file_io_win.cc(194)] LockFileEx: Incorrect function. (0x1)
+[0313/125933.352:ERROR:file_io_win.cc(194)] LockFileEx: Incorrect function. (0x1)
+[0313/130227.935:ERROR:registration_protocol_win.cc(130)] TransactNamedPipe: The pipe has been ended. (0x6D)
+[0313/130227.943:ERROR:file_io_win.cc(194)] LockFileEx: Incorrect function. (0x1)
+[0313/130227.949:ERROR:file_io_win.cc(194)] LockFileEx: Incorrect function. (0x1)

src/routes/WelcomeRoute.tsx

@@ -10,17 +10,33 @@ export const Welcome: React.FunctionComponent = () => {
     <ContainerNarrow>
       <h1>Atomic Data</h1>
       <p>
-        <a href='https://atomicdata.dev'>Atomic Data</a> is a new set of standards designed to make it easier to share, create and model
-        linked data. Check out{' '}
+        <em>
+          The easiest way to <b>create</b>, <b>share</b> and <b>model</b> linked data.
+        </em>
+      </p>
+      <p>
+        Atomic Data is a proposed standard for modeling and exchanging linked data. It uses links to connect pieces of data, and therefore
+        makes it easier to connect datasets to each other - even when these datasets exist on separate machines. It aims to help realize a
+        more decentralized internet that encourages data ownership and interoperability.
+      </p>
+      <p>
+        Atomic Data is especially suitable for knowledge graphs, distributed datasets, semantic data, p2p applications, decentralized apps,
+        and data that is meant to be shared. It is designed to be highly extensible, easy to use, and to make the process of domain specific
+        standardization as simple as possible. Check out{' '}
         <b>
           <a href='https://docs.atomicdata.dev/'>the docs</a>
         </b>{' '}
         for more information about Atomic Data.
       </p>
+      <h2>About this app</h2>
       <p>
-        This app is for viewing, editing and creating Atomic Data. It&apos;s free and open source on{' '}
-        <a href='https://github.com/joepio/atomic-data-browser'>github</a>. Please add an issue if you encouter problems or have a feature
-        request. Expect bugs and issues, because this stuff is pretty beta.
+        You&apos;re looking at <a href='https://github.com/joepio/atomic-data-browser'>atomic-data-browser</a>, an open-source client for
+        viewing and editing data. Please add an issue if you encouter problems or have a feature request. Expect bugs and issues, because
+        this stuff is pretty beta.
+      </p>
+      <p>
+        The back-end of this app is <a href='https://github.com/joepio/atomic'>atomic-server</a>, which you can think of as an open source,
+        web-native database.
       </p>
       <p>
         You can edit app settings, such as current user and theme color at{' '}
@@ -29,23 +45,33 @@ export const Welcome: React.FunctionComponent = () => {
       <p>
         Check out the keyboard shortcuts at <LinkView onClick={() => history.push('/shortcuts')}>/shortcuts</LinkView>.
       </p>
-      <p>
-        Some <a href='https://github.com/joepio/atomic'>atomic-servers</a> to visit with this browser:
-      </p>
+      <h2>Things to visit</h2>
       <ul>
         <li>
-          <AtomicLink url='https://atomicdata.dev/collections/collection'>atomicdata.dev</AtomicLink>
+          <AtomicLink url='https://atomicdata.dev/collections/collection'>List of lists</AtomicLink>
+        </li>
+        <li>
+          <AtomicLink url='https://atomicdata.dev/collections/class'>List of Classes</AtomicLink>
+        </li>
+        <li>
+          <AtomicLink url='https://atomicdata.dev/collections/property'>List of Properties</AtomicLink>
         </li>
       </ul>
-      <p>Or run your own server...</p>
+      <h2>Run your own server</h2>
+      <p>
+        The easiest way to run an <a href='https://github.com/joepio/atomic'>atomic-server</a> is by using Docker:
+      </p>
       <p>
         <code>docker run -p 80:80 -p 443:443 -v atomic-storage:/atomic-storage joepmeneer/atomic-server</code>
       </p>
       <p>
         ...and visit <AtomicLink url='http://localhost/collections/collection'>localhost</AtomicLink>.
       </p>
+      <h2>Join the community</h2>
       <p>
-        If you have any questions, feel free to join our <a href='https://discord.gg/a72Rv2P'>Discord</a>!
+        Atomic Data is open and fully powered by volunteers. We&apos;re looking for people who want to help discuss various design
+        challenges and work on implmenentations. If you have any questions, or want to help out, feel free to join our{' '}
+        <a href='https://discord.gg/a72Rv2P'>Discord</a>!
       </p>
     </ContainerNarrow>
   );