added flavors page

blank-space-systems · Mar 30, 2024 · 83520ee · 83520ee
1 parent 549ef89
commit 83520ee
Show file tree

Hide file tree

Showing 5 changed files with 285 additions and 0 deletions.
diff --git a/assets/img/imgs/sodabubbles.png b/assets/img/imgs/sodabubbles.png
diff --git a/blank space.bsdesign b/blank space.bsdesign
diff --git a/flavors.html b/flavors.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html data-bs-theme="light" lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>blank space</title>
+    <meta name="twitter:card" content="summary">
+    <meta property="og:description" content="Create your own soda. Enjoy one of our own creations. We do not care. You do you. Now that's blank space.">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="assets/img/branding/social_icon.png">
+    <meta name="twitter:image" content="assets/img/branding/social_icon.png">
+    <link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/favicon.svg">
+    <link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/favicon.svg" media="(prefers-color-scheme: dark)">
+    <link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/favicon.svg">
+    <link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/favicon.svg" media="(prefers-color-scheme: dark)">
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="assets/css/styles.min.css">
+<script src="https://cdn.counter.dev/script.js" data-id="1c105f60-10e9-494e-9375-58554371a094" data-utcoffset="-7"></script>
+
+
+
+<script>
+window.Papercups = {
+  config: {
+    token: "741e6ca5-a96d-45d6-af98-6dce58677f13",
+    inbox: "a2a7d98a-eca6-4ce9-b12e-dfb357d8aa9b",
+    title: "Welcome to blank space",
+    subtitle: "Ask us anything in the chat window below 😊",
+    primaryColor: "#B81365",
+    newMessagePlaceholder: "Start typing...",
+    showAgentAvailability: true,
+    agentAvailableText: "We're online right now!",
+    agentUnavailableText: "We're away at the moment.",
+    requireEmailUpfront: false,
+    iconVariant: "outlined",
+    baseUrl: "https://app.papercups.io"
+    // Optionally include data about your customer here to identify them
+    // customer: {
+    //   name: __CUSTOMER__.name,
+    //   email: __CUSTOMER__.email,
+    //   external_id: __CUSTOMER__.id,
+    //   metadata: {
+    //     plan: "premium"
+    //   }
+    // }
+  },
+};
+</script>
+<script
+  type="text/javascript"
+  async
+  defer
+  src="https://app.papercups.io/widget.js"
+></script>
+</head>
+
+<body style="font-family: 'Fira Code', monospace;">
+    <!-- Start: Navbar Right Links -->
+    <nav class="navbar navbar-expand-md sticky-top py-3" data-bs-theme="dark" style="background: #1a1a1a;">
+        <div class="container"><a class="navbar-brand d-flex align-items-center" href="../index.html"><img src="assets/img/branding/blankspace.svg" width="90px"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="collapse navbar-collapse" id="navcol-2">
+                <ul class="navbar-nav ms-auto">
+                    <li class="nav-item"><a class="nav-link" href="../index.html">home</a></li>
+                    <li class="nav-item dropdown"><a class="nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">vision</a>
+                        <div class="dropdown-menu"><a class="dropdown-item" href="yourvision.html">your vision</a><a class="dropdown-item" href="vision.html">our vision</a></div>
+                    </li>
+                </ul><button class="btn btn-outline-light ms-md-2" type="button" style="border-radius: 3px;" data-bs-target="#modal-1" data-bs-toggle="modal">contact</button>
+            </div>
+        </div>
+    </nav><!-- End: Navbar Right Links -->
+    <!-- Start: Hero Parallax -->
+    <section>
+        <!-- Start: Parallax Background -->
+        <div data-bss-parallax-bg="true" style="height: 600px;background-image: url(&quot;assets/img/imgs/sodabubbles.png&quot;);background-position: center;background-size: cover;">
+            <div class="container h-100">
+                <div class="row h-100">
+                    <div class="col-md-6 text-center text-md-start d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-center">
+                        <div class="text-white">
+                            <h1 class="text-center">flavors of</h1><img src="assets/img/branding/blankspace.svg" width="100%" style="margin-bottom: 25px;">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div><!-- End: Parallax Background -->
+    </section><!-- End: Hero Parallax -->
+    <!-- Start: Parallax Background -->
+    <div style="height: 600px;background: #AAD922;">
+        <div class="container h-100">
+            <div class="row h-100">
+                <div class="col-md-6 text-center text-md-start d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-center">
+                    <div class="text-black">
+                        <h1>simple syrup</h1>
+                        <p>Cane sugar, water, and lemon juice.</p>
+                        <p>We're keeping it short and sweet.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div><!-- End: Parallax Background -->
+    <section style="width: 100%;padding-top: 25px;padding-bottom: 25px;background: #1a1a1a;">
+        <!-- Start: 1 Row 3 Columns -->
+        <div class="container">
+            <div class="row">
+                <div class="col-md-4">
+                    <div class="text-white">
+                        <h1>lime lemon</h1>
+                        <p>Lime concentrate, lemon concentrate, and cane sugar.</p>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="text-white">
+                        <h1>pineapple coconut</h1>
+                        <p>Pineapple concentrate, coconut extract, and our simple syrup.</p>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="text-white">
+                        <h1>apple cranberry</h1>
+                        <p>Apple concentrate, cranberry concentrate, and our simple syrup.</p>
+                    </div>
+                </div>
+            </div>
+        </div><!-- End: 1 Row 3 Columns -->
+        <!-- Start: 1 Row 3 Columns -->
+        <div class="container" style="margin-top: 25px;">
+            <div class="row">
+                <div class="col-md-4">
+                    <div class="text-white">
+                        <h1>orange</h1>
+                        <p>Orange concentrate and our simple syrup.</p>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="text-white">
+                        <h1>vanilla</h1>
+                        <p>Organic vanilla extract and our simple syrup.</p>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="text-white">
+                        <h1>more pending</h1>
+                        <p>We're developing more flavors.</p>
+                    </div>
+                </div>
+            </div>
+        </div><!-- End: 1 Row 3 Columns -->
+    </section><!-- Start: Footer Basic -->
+    <footer class="text-center">
+        <div class="container text-muted py-4 py-lg-5">
+            <ul class="list-inline">
+                <li class="list-inline-item me-4"><a class="link-secondary" href="../index.html">home</a></li>
+                <li class="list-inline-item me-4"><a class="link-secondary" href="../vision.html">our vision</a></li>
+                <li class="list-inline-item me-4"><a class="link-secondary" href="#" data-bs-target="#modal-1" data-bs-toggle="modal">contact</a></li>
+                <li class="list-inline-item"><a class="link-secondary" data-bs-toggle="modal" href="../privacy.html">privacy</a></li>
+            </ul>
+            <ul class="list-inline" style="font-size: 30px;color: #1a1a1a;">
+                <li class="list-inline-item me-4"><a class="link-dark" href="https://twitter.com/bl_nksp_ce" target="_blank" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-brand-x">
+                            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                            <path d="M4 4l11.733 16h4.267l-11.733 -16z"></path>
+                            <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path>
+                        </svg></a></li>
+                <li class="list-inline-item me-4"><a class="link-dark" href="https://www.linkedin.com/company/bl-nksp-ce/" target="_blank" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-brand-linkedin">
+                            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                            <path d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"></path>
+                            <path d="M8 11l0 5"></path>
+                            <path d="M8 8l0 .01"></path>
+                            <path d="M12 16l0 -5"></path>
+                            <path d="M16 16v-3a2 2 0 0 0 -4 0"></path>
+                        </svg></a></li>
+                <li class="list-inline-item"><a class="link-dark" href="https://www.instagram.com/_bl_nksp_ce_/" target="_blank" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-brand-instagram">
+                            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                            <path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"></path>
+                            <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
+                            <path d="M16.5 7.5l0 .01"></path>
+                        </svg></a></li>
+            </ul>
+            <p class="mb-0">Copyright © 2024 Jacob Borg</p>
+        </div>
+        <div class="modal fade" role="dialog" tabindex="-1" id="modal-1">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h4 class="modal-title">Contact Us</h4><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="modal"></button>
+                    </div>
+                    <div class="modal-body">
+                        <p>We would love to hear from you!</p>
+                        <form data-bss-recipient="42d87927559992ea3a5a54c5a9688bcc" data-bss-redirect-url="index.html"><input class="form-control" type="text" style="margin-bottom: 25px;border-color: #1a1a1a;border-radius: 3px;" placeholder="name" autocomplete="off"><input class="form-control" type="email" style="border-color: #1a1a1a;border-radius: 3px;margin-bottom: 25px;" placeholder="email" inputmode="email" autocomplete="off" required=""><textarea class="form-control" style="border-color: #1a1a1a;border-radius: 3px;margin-bottom: 25px;" placeholder="your message" spellcheck="true" wrap="soft" required="" minlength="1"></textarea><button class="btn btn-outline-dark" type="submit">send</button></form>
+                    </div>
+                    <div class="modal-footer"><button class="btn btn-outline-dark" type="button" data-bs-dismiss="modal">close</button></div>
+                </div>
+            </div>
+        </div>
+    </footer><!-- End: Footer Basic -->
+    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="assets/js/script.min.js"></script>
+    <script src="assets/js/smart-forms.min.min.js"></script>
+</body>
+
+</html>
diff --git a/market.html b/market.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html data-bs-theme="light" lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>blank space</title>
+    <meta name="twitter:card" content="summary">
+    <meta property="og:description" content="Create your own soda. Enjoy one of our own creations. We do not care. You do you. Now that's blank space.">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="assets/img/branding/social_icon.png">
+    <meta name="twitter:image" content="assets/img/branding/social_icon.png">
+    <link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/favicon.svg">
+    <link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/favicon.svg" media="(prefers-color-scheme: dark)">
+    <link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/favicon.svg">
+    <link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/favicon.svg" media="(prefers-color-scheme: dark)">
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="assets/css/styles.min.css">
+<script src="https://cdn.counter.dev/script.js" data-id="1c105f60-10e9-494e-9375-58554371a094" data-utcoffset="-7"></script>
+
+
+
+<script>
+window.Papercups = {
+  config: {
+    token: "741e6ca5-a96d-45d6-af98-6dce58677f13",
+    inbox: "a2a7d98a-eca6-4ce9-b12e-dfb357d8aa9b",
+    title: "Welcome to blank space",
+    subtitle: "Ask us anything in the chat window below 😊",
+    primaryColor: "#B81365",
+    newMessagePlaceholder: "Start typing...",
+    showAgentAvailability: true,
+    agentAvailableText: "We're online right now!",
+    agentUnavailableText: "We're away at the moment.",
+    requireEmailUpfront: false,
+    iconVariant: "outlined",
+    baseUrl: "https://app.papercups.io"
+    // Optionally include data about your customer here to identify them
+    // customer: {
+    //   name: __CUSTOMER__.name,
+    //   email: __CUSTOMER__.email,
+    //   external_id: __CUSTOMER__.id,
+    //   metadata: {
+    //     plan: "premium"
+    //   }
+    // }
+  },
+};
+</script>
+<script
+  type="text/javascript"
+  async
+  defer
+  src="https://app.papercups.io/widget.js"
+></script>
+</head>
+
+<body style="font-family: 'Fira Code', monospace;">
+    <!-- Start: 1 Row 1 Column -->
+    <div class="container">
+        <div class="row">
+            <div class="col-md-12"><html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <title>Student Market Feedback</title>
+    <script async src="https://tally.so/widgets/embed.js"></script>
+    <style type="text/css">
+      html { margin: 0; height: 100%; overflow: hidden; }
+      iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 0; }
+    </style>
+  </head>
+  <body>
+    <iframe data-tally-src="https://tally.so/r/nr6qo5" width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0" title="Student Market Feedback"></iframe>
+  </body>
+</html></div>
+        </div>
+    </div><!-- End: 1 Row 1 Column -->
+    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="assets/js/script.min.js"></script>
+</body>
+
+</html>
diff --git a/sitemap.xml b/sitemap.xml
@@ -3,6 +3,9 @@
     <url>
         <loc>/about.html</loc>
     </url>
+    <url>
+        <loc>/flavors.html</loc>
+    </url>
     <url>
         <loc>/</loc>
     </url>
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,6 +3,9 @@ @@
         <url>
             <loc>/about.html</loc>
         </url>
+        <url>
+            <loc>/flavors.html</loc>
+        </url>
         <url>
             <loc>/</loc>
         </url>
@@ Expand Down @@