Update index.html

Openzyme · Aug 11, 2024 · cb851f5 · cb851f5
1 parent 79d87b6
commit cb851f5
Showing 1 changed file with 0 additions and 161 deletions.
diff --git a/index.html b/index.html
@@ -78,167 +78,6 @@
             background-color: #0056b3;
         }
 
-        /* Layout changes for larger screens */
-        @media (min-width: 768px) {
-            .flex-container {
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                text-align: left;
-            .flex-container .text-content {
-            }
-            .flex-container .image {
-                max-width: 50%;
-                margin: 0;
-            }
-            .flex-container .text-content {
-            .inline-header {
-                max-width: 45%;
-                margin-right: 20px;
-            .inline-header {
-            }
-            .flex-container .image {
-                max-width: 50%;
-                max-width: 50%;
-                margin: 0;
-                max-width: 50%;
-            }
-            .inline-header {
-                max-width: 50%;
-                display: flex;
-                justify-content: center;
-                max-width: 50%;
-                align-items: center;
-                gap: 10px;
-                max-width: 50%;
-            }
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <img class="logo" src="https://user-images.githubusercontent.com/9427089/205163968-380db264-57ef-459f-8d56-051a90b655fd.png" alt="Openzyme Logo">
-
-        <div class="inline-header">
-            <h2>What experiment will we do next?</h2>
-            <a class="button" href="https://app.openzyme.bio/">Go to Web App</a>
-        </div>
-
-        <div class="content flex-container">
-            <div class="text-content">
-                <h3>Flatworm Watcher [Alpha Sale Phase]</h3>
-                <p>Planarian flatworms are model organisms for longevity, regeneration, and distributed memory.</p>
-                <p>The Flatworm Watcher Alpha is a device to monitor long-running planarian studies.</p>
-                <p>Designed with infrared lighting to reduce the effects of planarian photosensitivity.</p>
-                <p>Pre-loaded with web app access for inter-lab collaboration with other device owners.</p>
-                <a class="buy-button" href="https://square.link/u/egFobQvW">Buy now for $299.99</a>
-            </div>
-            <img class="image" src="https://github.com/Openzyme/openzyme/assets/9427089/33e09730-8c5c-4d08-899f-09e6f7b942a2" alt="3D Printed Planarian monitoring device with Raspberry Pi camera">
-        </div>
-
-        <div class="footer">
-            <a href="https://github.com/thetechnocrat-dev/planarian-longevity">Code Repo</a>
-        </div>
-    </div>
-</body>
-</html>
-
-(base) ➜  ~ vim index.html
-(base) ➜  ~ open index.html
-(base) ➜  ~ vim index.html
-(base) ➜  ~ OA
-(base) ➜  ~ vim index.html
-(base) ➜  ~ open index.html
-(base) ➜  ~ vim index.html
-(base) ➜  ~ open index.html
-(base) ➜  ~ vim index.html
-(base) ➜  ~ open index.html
-(base) ➜  ~ vim index.html
-(base) ➜  ~ open index.html
-(base) ➜  ~ vim index.html
-(base) ➜  ~ open index.html
-(base) ➜  ~ vim index.html
-(base) ➜  ~ cat index.html
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Openzyme</title>
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            margin: 0;
-            padding: 20px;
-            background-color: #f4f4f4;
-            color: #333;
-        }
-        h1, h2, h3 {
-            text-align: center;
-        }
-        .container {
-            max-width: 800px;
-            margin: 0 auto;
-            background-color: #fff;
-            padding: 20px;
-            border-radius: 8px;
-            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-        }
-        .logo {
-            display: block;
-            margin: 0 auto 20px;
-            max-width: 100%;
-            height: auto;
-        }
-        .button {
-            display: inline-block;
-            padding: 10px 20px;
-            margin: 20px 0;
-            font-size: 16px;
-            color: #007bff;
-            background-color: transparent;
-            border: 2px solid #007bff;
-            text-align: center;
-            text-decoration: none;
-            border-radius: 5px;
-            transition: background-color 0.3s, color 0.3s;
-        }
-        .button:hover {
-            background-color: #007bff;
-            color: #fff;
-        }
-        .image {
-            display: block;
-            margin: 20px auto;
-            max-width: 100%;
-            height: auto;
-        }
-        .content {
-            text-align: center;
-        }
-        .footer {
-            margin-top: 40px;
-            text-align: center;
-            color: #777;
-        }
-        .text-content p {
-            margin: 10px 0 20px;
-        }
-        .buy-button {
-            display: block;
-            margin: 20px auto;
-            padding: 10px 20px;
-            font-size: 16px;
-            color: #fff;
-            background-color: #007bff;
-            text-align: center;
-            text-decoration: none;
-            border-radius: 5px;
-        }
-        .buy-button:hover {
-            background-color: #0056b3;
-        }
-
         /* Layout changes for larger screens */
         @media (min-width: 768px) {
             .flex-container {