mvp!!!!

CelVoxes · Jul 3, 2024 · 9d97ef5 · 9d97ef5
1 parent 837182f
commit 9d97ef5
Show file tree

Hide file tree

Showing 3 changed files with 79 additions and 12 deletions.
diff --git a/contact.html b/contact.html
@@ -14,12 +14,16 @@
     <div class="content">
         <h3>Contact Us</h3>
         <p>If you have any questions or inquiries, feel free to reach out to us using the form below.</p>
-        <form id="contact-form" action="https://docs.google.com/forms/u/0/d/e/1FAIpQLSfSIBomK5rswA13whswi_kHr-fMS9StV8X-E0QqLeiBnx92Lg/formResponse?edit2=2_ABaOnuc2-me8cu3bI52cdfAqywYgzM7TnKzzP4YGtHnTx4UWshn70b3E4K405bLCXw" method="POST">
+        <form 
+        method="POST" 
+        action="https://script.google.com/macros/s/AKfycbwl6qs6d6GXLPY_ezYdnguUoJHPjHj4y5hRM90_fNNI1AMMDv-8Cn0lFJwstBg7R1tMjg/exec"
+        >
             <div class="form-group">
-                <input type="email" class="form-control" id="entry.1045781291" placeholder="Email" name="email" required>
-            </div>
-            <div class="form-group">
-                <textarea class="form-control" id="entry.839337160" name="message" placeholder="Message" rows="5" required></textarea>
+                <input type="email" class="form-control" placeholder="Email" name="Email" required>
+                <p></p>
+                <input type="name" class="form-control" placeholder="Name" name="Name" required>
+                <p></p>
+                <textarea class="form-control" name="Message" placeholder="Message" rows="5" required></textarea>
             </div>
             <button type="submit" class="white-button">Send Message</button>
         </form>

diff --git a/solutions.html b/solutions.html
@@ -41,7 +41,7 @@ <h5><i class="fas fa-file-alt" style="color: #aaa;"></i> Extensive Reporting</h5
             <p>ceLLama generates detailed and customized reports that provide insights into the annotation process and results. These reports are tailored to meet the specific needs of the user, ensuring that the information presented is both relevant and useful.</p>
         </div>
 
-        <iframe style="border-radius: 5px; min-height: 250px;" src="public/report.html" title="Report Example"></iframe> 
+        <iframe style="border-radius: 5px; min-height: 350px; min-width: 350px" src="public/report.html" title="Report Example"></iframe> 
         <small>An example cell type annotation report on human PBMCs</small>
         <hr>
         <div class="feature-item">
@@ -64,15 +64,57 @@ <h5><i class="fas fa-tachometer-alt" style="color: #aaa;"></i> Speed</h5>
             <p>The pipeline is optimized for efficient processing, allowing researchers to obtain results quickly without compromising on accuracy. This speed is particularly beneficial in high-throughput settings where time is a critical factor.</p>
         </div>
 
-        <div class="disclaimer mt-5" style="font-size: 0.7rem; color: #555;">
-            <p>Important: While ceLLama is designed to provide accurate annotations, Large Language Models are not infallible. We recommend double-checking critical information to ensure its accuracy.</p>
-            <p>This project is licensed under the CC BY-NC 4.0 License, allowing for use with attribution and for non-commercial purposes. For more details, visit the <a href="https://creativecommons.org/licenses/by-nc/4.0/" style="color: #17a2b8;">license page</a>.</p>
-        </div>
-    </div>
 
+        <div class="price-container">
+            <h5 class="text-center my-4">Pricing Comparison</h5>
+            <div class="table-responsive">
+                <table class="table table-bordered text-center">
+                    <thead>
+                    <tr>
+                        <th scope="col"></th>
+                        <th scope="col">Free</th>
+                        <th scope="col">Pro</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <tr>
+                        <th scope="row">Price</th>
+                        <td>$0 / mo</td>
+                        <td>Contact Us</td>
+                    </tr>
+
+                    <tr>
+                        <th scope="row">Model Access</th>
+                        <td>Open-source models</td>
+                        <td>Higher accuracy fine-tuned models</td>
+                    </tr>
+
+                    <tr>
+                        <th scope="row">Commercial Use</th>
+                        <td>x</td>
+                        <td>Full Access</td>
+                    </tr>
+
+                    <tr>
+                        <th scope="row">Customer Support</th>
+                        <td>x</td>
+                        <td>24/7</td>
+                    </tr>
+                    </tbody>
+
+                </table>
+                <div class="disclaimer mt-5" style="font-size: 0.7rem; color: #555; max-width:300px; text-align: center;display: inline-block; margin-top: 10px !important">
+                    <p>Important: While ceLLama is designed to provide accurate annotations, Large Language Models are not infallible. We recommend double-checking critical information to ensure its accuracy.</p>
+                    <p>This project is licensed under the CC BY-NC 4.0 License, allowing for use with attribution and for non-commercial purposes. For more details, visit the <a href="https://creativecommons.org/licenses/by-nc/4.0/" style="color: #17a2b8;">license page</a>.</p>
+                </div>
+            </div>
+
+
+
+        </div>
 
-
 
+    </div>  
     <div id="footer"></div>
 
     <script src="loadCommon.js"></script>

diff --git a/styles.css b/styles.css
@@ -274,4 +274,25 @@ blockquote p::before {
 
 blockquote p::after {
     content: '\201D';
+}
+
+/* Custom styles for the table */
+
+.price-container{
+    max-width: 350px;
+    text-align: center;
+}
+.table-responsive {
+    margin-top: 20px;
+    background-color: #fff  ;
+    border-radius: 10px;
+
+}
+
+.table-bordered td{
+    vertical-align: middle;
+}
+
+.table-bordered th{
+    vertical-align: middle;
 }