Added e2e encryption card and other improvements (#9)

eclipse-oct · Jul 8, 2024 · 96c637a · 96c637a
1 parent b4fc488
commit 96c637a
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 6 deletions.
diff --git a/hugo/content/_index.html b/hugo/content/_index.html
@@ -24,12 +24,12 @@ <h2>Multiple cursors</h2>
             <p>See what others are looking at: the cursors and selections of all participants are highlighted in your editor.</p>
         </div>
         <div class="content-card">
-            <h2>VS Code extension</h2>
-            <p>Get Open Collaboration Tools from <a href="https://open-vsx.org/extension/typefox/open-collaboration-tools">Open VSX</a> or the <a href="https://marketplace.visualstudio.com/items?itemName=typefox.open-collaboration-tools">VS Code Marketplace</a>.</p>
+            <h2>End-to-end encryption</h2>
+            <p>Messages between participants are encrypted so not even the server knows what you are sharing – only those you invited do.</p>
         </div>
         <div class="content-card">
-            <h2>Eclipse Theia extension</h2>
-            <p>Theia has a <a href="https://github.com/eclipse-theia/theia/pull/13309">built-in extension package</a> for the direct integration of Open Collaboration Tools.</p>
+            <h2>IDE extensions</h2>
+            <p>Get the VS Code extension from <a href="https://open-vsx.org/extension/typefox/open-collaboration-tools">Open VSX</a> or the <a href="https://marketplace.visualstudio.com/items?itemName=typefox.open-collaboration-tools">VS Code Marketplace</a>. Eclipse Theia has a <a href="https://github.com/eclipse-theia/theia/pull/13309">built-in extension package</a> for the direct integration of Open Collaboration Tools.</p>
         </div>
         <div class="content-card">
             <h2>Integrate in your web app</h2>
@@ -47,9 +47,10 @@ <h2>Deploy on-premises</h2>
 </section>
 <section>
     <div class="text-content">
+        <hr>
         <h1>The Public Open Collaboration Server</h1>
         <p>
-            <strong>Server URL:</strong> <code>https://api.open-collab.tools/</code>
+            <strong>Server URL:</strong> <code style="text-wrap: nowrap;">https://api.open-collab.tools/</code>
         </p>
         <p>
             This public server instance is used as the default server in the extensions for Theia and VS Code.

diff --git a/hugo/static/css/style.css b/hugo/static/css/style.css
@@ -145,14 +145,34 @@ section {
 }
 
 .text-content h1 {
-    font-size: 36px;
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+}
+
+.text-content h2 {
+    font-size: 1.5rem;
+    line-height: 1.75rem;
+}
+
+.text-content h3 {
+    font-size: 1.17rem;
+    line-height: 1.35rem;
 }
 
 .text-content code {
     padding: 0.2rem 0.4rem;
     background-color: #CBD3E7;
 }
 
+hr {
+    flex-grow: 1;
+    width: 100%;
+    height: 5px;
+    color: #643B88;
+    background-color: #643B88;
+    border: none;
+}
+
 .hero-text {
     flex: 5;
     font-size: 1.25rem;
@@ -201,6 +221,7 @@ footer {
     display: flex;
     justify-content: space-between;
     align-items: center;
+    gap: 1rem;
     padding: 1rem 0;
     width: 80%;
     max-width: 640px;