updated foundation info

Author: samipe

src/assets/css/elements.css

@@ -150,3 +150,26 @@ hr.theme {
     border-radius: 4px;
     margin: 0;
 }
+
+.alert-box {
+    max-width: 40rem;
+    position: relative;
+    margin: 1.5rem 0;
+    padding: 1.5rem;
+    padding-left: 3rem;
+    background-color: #2a2a2a; /* Dark background */
+    border: 1px solid #00cccc; /* Teal border */
+    border-radius: 4px;
+    color: #eee;               /* Light text */
+  
+    /* Base64-encoded SVG as a background image */
+    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%2300c0b5"><path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
+    background-repeat: no-repeat;
+    background-position: left 0.75rem top 1.5rem;
+    background-size: 24px; /* Scale the icon as needed */
+    p {
+        margin-bottom: 0;
+        margin-top: 0.5rem;
+        font-size: var(--type-small);
+    }
+}

src/content/english/foundation.js

@@ -38,7 +38,12 @@ export default () => ({
           <td>251-</td>
           <td>12000€</td>
         </tr>
-      </table>`
+      </table>
+      <div class="alert-box">
+      <h4>How is the amount of users determined?</h4>
+      <p>Include those working directly or indirectly with Robot Framework, such as developers, testers, and managers.</p>
+      <p>1-2 users primarily means freelancers and small companies. If you are unsure, feel free to contact us.</p>
+      </div>`
     },
     howToJoin: {
       title: 'How to join',