Pre-stage next event

aniclover · Jan 27, 2024 · 43d0913 · 43d0913
1 parent 3b6a4f6
commit 43d0913
Show file tree

Hide file tree

Showing 2 changed files with 359 additions and 1 deletion.
diff --git a/dna-ticket-info.html b/dna-ticket-info.html
@@ -0,0 +1,358 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <title>Tickets - AniCLover @ DNA Lounge</title>
+    <meta property="og:url" content ="https://aniclover.com/dna-ticket-info.html"/>
+    <meta property="og:title" content="AniCLover"/>
+    <meta property="og:description" content="AniCLover @ DNA Lounge - Saturday, Feb 24"/>
+    <meta property="og:image" content="https://aniclover.com/assets/anicloverbanner1500x500.png" />
+    <!-- <meta property="og:image" content="https://aniclover.com/assets/2024-01-27 Announce.PNG"/> -->
+
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="twitter:site" content="@aniclover"/>
+    <meta name="twitter:title" content="AniCLover @ DNA Lounge - Saturday, Feb 24"/>
+    <meta name="twitter:description" content="AniCLover - Silicon Valley DJ music event featuring anime songs and various otaku music"/>
+    <meta name="twitter:image" content="https://aniclover.com/assets/anicloverbanner1500x500.png"/>
+    <!-- <meta name="twitter:image" content="https://aniclover.com/assets/2024-01-27 Announce.PNG"/> -->
+
+    <meta name="keywords" content="anime aniclover dj vocaloid anisong anison event ticket tickets registration anikura silicon valley san francisco bay area san jose"/>
+
+    <meta name="facebook-domain-verification" content="yyek588vi70zbr06qn5gdy1c3i8knv" />
+
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/jsonp-client.min.js"></script>
+
+    <!-- Google Tag Manager -->
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+    })(window,document,'script','dataLayer','GTM-N8ZJV5T');</script>
+    <!-- End Google Tag Manager -->
+
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
+
+    <style>
+        body {
+            /* padding-top: 3.5rem; */
+            /* background-color: black; */
+        }
+
+        .row {
+            padding-top: 3rem;
+        }
+
+        .jumbotron {
+            /* background-color: black; */
+            /* background-image: url("./assets/anicloverbanner1500x500.png");
+            background-size: contain;
+            background-position: center;
+            background-repeat: no-repeat;
+            height: 500px; */
+	        padding: 0px;
+        }
+
+        .jumbotron p {
+            display: block;
+            text-align: bottom;
+        }
+
+        .img-wrapper {
+            position: relative;
+        }
+
+        .img-overlay {
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            text-align: left;
+        }
+
+        .img-overlay:before {
+            content: ' ';
+            display: block;
+            /* adjust 'height' to position overlay content vertically */
+            height: 95%;
+        }
+
+        .display-3 {
+            color: white;
+            text-shadow: 2px 4px 3px rgba(255, 255, 255, 0.2);
+            font-weight: 700;
+        }
+
+        .fab {
+            font-size: 32px;
+            color: white;
+            background: steelblue;
+            border: 10px solid steelblue;
+            padding: 0px;
+            width: 60px;
+            height: 52px;
+        }
+
+        .btn {
+            padding: 2px;
+        }
+
+        .btn-lg {
+            padding: 12px 30px 12px 30px;
+        }
+
+        .lead {
+            padding-bottom: 12pt;
+        }
+
+        .horiz-center {
+            margin: 0 auto;
+            text-align: center;
+            /* float: left; */
+        }
+
+        .fab:hover {
+            -webkit-transform: scale(1.1);
+        }
+
+        .fb-page,
+        .fb-page span,
+        .fb-page span iframe[style] {
+            width: 100% !important;
+        }
+
+        iframe {
+            margin: 0 auto;
+            display: block;
+            text-align: center;
+            display: block;
+        }
+
+        .tickets {
+            /* display: none; */
+        }
+    </style>
+
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css">
+    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
+    <link rel="stylesheet" href="https://s3-us-west-2.amazonaws.com/assets.webconnex.com/widgets/tickets/css/app.css">
+    <style type="text/css">
+        #container th {
+            color: rgba(0,0,0,1)
+        }
+        #container td {
+            color: rgba(255, 255, 255, 1);
+            text-align: left
+        }
+
+        #container {
+            border-top: 3em solid rgba(251, 255, 189, 1);
+            margin-bottom: 80px
+        }
+
+        .get-tickets {
+            color: #FFF;
+            background: #D00;
+            padding: 10px 30px;
+            text-decoration: none;
+            text-transform: uppercase;
+            font-weight: bold;
+            font-size: 24pt;
+            /* white-space: nowrap; */
+            border-radius: 10px;
+            /* float: none; */
+            /* margin-left: 20px; */
+        }
+        .btn-lg {
+            font-weight: bold;
+            font-size: 20pt;
+        }
+    </style>
+
+    <script src="https://kit.fontawesome.com/a1391b5195.js"></script>
+<!-- Facebook Pixel Code -->
+<script>
+  !function(f,b,e,v,n,t,s)
+  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
+  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
+  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
+  n.queue=[];t=b.createElement(e);t.async=!0;
+  t.src=v;s=b.getElementsByTagName(e)[0];
+  s.parentNode.insertBefore(t,s)}(window, document,'script',
+  'https://connect.facebook.net/en_US/fbevents.js');
+  fbq('init', '949142891921298');
+  fbq('track', 'PageView');
+</script>
+<noscript><img height="1" width="1" style="display:none"
+  src="https://www.facebook.com/tr?id=949142891921298&ev=PageView&noscript=1"
+/></noscript>
+<!-- End Facebook Pixel Code -->
+
+    <!-- Twitter universal website tag code -->
+    <!-- <script>
+    !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
+    },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
+    a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
+    // Insert Twitter Pixel ID and Standard Event data below
+    twq('init','o2oki');
+    twq('track','PageView');
+    </script> -->
+    <!-- End Twitter universal website tag code -->
+
+    <!-- <script async src="https://widgets.givebutter.com/latest.umd.cjs?acct=U6SIETbZGij8rNPi&p=other"></script> -->
+    <!-- Givebutter Elements -->
+    <!-- <script>
+        window.Givebutter=window.Givebutter||function(){(Givebutter.q=Givebutter.q||[]).push(arguments)};Givebutter.l=+new Date;
+        window.Givebutter('setOptions', {
+            accountId: "U6SIETbZGij8rNPi", // Visit your Dashboard to find your Account ID.
+        });
+    </script>
+    <script async src="https://js.givebutter.com/elements/latest.js"></script> -->
+    <!-- End Givebutter Elements -->
+</head>
+
+<body class="text-light bg-dark">
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8ZJV5T"
+    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
+    <div id="fb-root"></div>
+    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v12.0" nonce="0HOLvqOT"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
+
+    <div class="container justify-content-center">
+        <!-- Main jumbotron for a primary marketing message or call to action -->
+        <!-- <div class="jumbotron d-flex align-items-end">
+
+            <div class="container img-wrapper">
+                <img class="img-fluid" src="./assets/anicloverbanner1500x500.png">
+                <p class="btn-group img-overlay">
+                    <a class="btn" href="https://twitter.com/aniclover" target="_blank"><i class="fab fa-twitter"></i></a>
+                    <a class="btn" href="https://www.twitch.tv/anicloverclub" target="_blank"><i class="fab fa-twitch"></i></a>
+                    <a class="btn" href="https://aniclover.com/discord" target="_blank"><i class="fab fa-discord"></i></a>
+                    <a class="btn" href="https://www.instagram.com/anicloverclub/" target="_blank"><i class="fab fa-instagram"></i></a>
+                    <a class="btn" href="https://www.facebook.com/AniCLoverClub" target="_blank"><i class="fab fa-facebook-f"></i></a>
+                </p>
+            </div>
+        </div> -->
+        <script>
+          function getTicketsClick() {
+            let ticketSubmitForm = document.getElementById("ticket-form");
+
+            const codeApiUrl = 'https://aniclover.azurewebsites.net/api/discount-code'
+
+            const queryPayload = {
+              'source': 'No Source',
+              'campaign': 'No Campaign',
+              'email': '[email protected]',
+              'fname': 'First',
+              'lname': 'Last'
+            }
+            const queryParams = new URLSearchParams(queryPayload);
+
+            const jsonpUrl = addCallback(codeApiUrl+'?'+queryParams.toString())
+
+            jsonpClient(jsonpUrl, function(err, data) {
+              console.log(data)
+            })
+
+            // ticketSubmitForm.submit();
+          }
+
+          function addCallback(url) {
+            // The URL already has a callback
+            if (url.match(/callback=[a-z]/i)) {
+                return url;
+            }
+            return url + ("&callback=cb" + Math.random()).replace('.', '');
+          }
+        </script>
+        <div class="tickets row">
+            <p>
+              <div class="horiz-center">
+                <h1>AniCLover @ DNA Lounge</h1>
+                Saturday, February 24 | 7:00PM Start
+              </div>
+            </p>
+
+            <div class="col-xs-12 col-lg-3 sticky-top bg-dark bg-opacity-75">
+              <div class="sticky-top">
+                <dl class="row">
+                  <dt class="col-4">Early</dt>
+                  <dd class="col-8">$22 (limited qty)</dd>
+
+                  <dt class="col-4">Advance</dt>
+                  <dd class="col-8">$26</dd>
+
+                  <dt class="col-4">Door</dt>
+                  <dd class="col-8">$33</dd>
+                </dl>
+                <form id="ticket-form" name="buy" action="http://www.dnalounge.com/order/" method="POST">
+                  <input type="HIDDEN" name="item" value="66135">
+                </form>
+                <button onclick="getTicketsClick()" class="btn btn-danger btn-lg btn-block w-100">GET TICKETS</button>                    
+              </div>
+            </div>
+            <div class="col-xs-12 col-lg-9">
+                <p>
+                    <a href="https://aniclover.com/direct">
+                        <img class="img-fluid" src="./assets/2024-01-27 Announce.PNG" alt="AniCLover @ Tamper Room Jan 27">
+                    </a>
+                </p>
+                <p>
+                    Join us for AniCLover: Dark Roast at the Tamper Room in Fremont! In this "boiler room" style format,
+                    we'll have DJs in the center of the action and the audience gathered all around the decks, with an
+                    exciting lineup spinning the best in anime songs and otaku music for an action packed yet intimate
+                    night of music.
+                </p>
+                <p>
+                    Tamper Room in Fremont<br>
+                    January 27, 2024<br>
+                    Doors 7:30PM<br>
+                </p>
+            </div>
+        </div>
+
+        <div class="row">
+            <h1>Recent News</h1>
+            <!-- Place <div> tag where you want the feed to appear -->
+            <div id="curator-feed-default-feed-layout"><a href="https://curator.io" target="_blank" class="crt-logo crt-tag">Powered by Curator.io</a></div><!-- The Javascript can be moved to the end of the html page before the </body> tag --><script type="text/javascript">
+                /* curator-feed-default-feed-layout */
+                (function(){
+                var i,e,d=document,s="script";i=d.createElement("script");i.async=1;i.charset="UTF-8";
+                i.src="https://cdn.curator.io/published/67e1c444-3d0a-45d2-903a-3b05b0b113b2.js";
+                e=d.getElementsByTagName(s)[0];e.parentNode.insertBefore(i, e);
+                })();
+                </script>
+            <!-- <div class="col-md-6">
+                <a class="twitter-timeline" href="https://twitter.com/AniCLover" data-theme="dark" data-width="100%" data-height="600px">Tweets by AniCLover</a>
+                <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+            </div>
+            <div class="col-md-6">
+                <div class="fb-page" data-href="https://www.facebook.com/AniCLoverClub/" data-tabs="timeline" data-width="500px" data-height="600px" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="true">
+                    <blockquote cite="https://www.facebook.com/AniCLoverClub/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/AniCLoverClub/">AniClover</a></blockquote>
+                </div>
+            </div> -->
+        </div>
+    </div>
+
+    <hr>
+
+    </div>
+    <!-- /container -->
+
+
+
+    <!-- Optional JavaScript -->
+    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+</body>
+
+</html>
diff --git a/rsvp.html b/rsvp.html
@@ -2,7 +2,7 @@
   <head>
     <title>RSVP AniClover | Jan 27 @ Tamper Room</title>
 
-    <meta property="og:url" content ="https://aniclover.com/tickets"/>
+    <meta property="og:url" content ="https://aniclover.com/rsvp"/>
     <meta property="og:type" content="website"/>
     <meta property="og:title" content="AniClover | Jan 27 @ Tamper Room"/>
     <meta property="og:description" content="Anime songs, otaku EDM, & Vocaloid"/>