Skip to content

Commit

Permalink
Circus
Browse files Browse the repository at this point in the history
  • Loading branch information
@jmkao
jmkao committed Nov 21, 2024
1 parent fde64cc commit db1e8f5
Show file tree
Hide file tree
Showing 2 changed files with 332 additions and 13 deletions.
Binary file added assets/au25_poster_oldKV-A4_v2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
345 changes: 332 additions & 13 deletions tokyo.html
View file
Original file line number Diff line number Diff line change
@@ -1,26 +1,26 @@
<html>
<head>
<title>Glitch | 10月26日(土) @ WALL&WALL</title>
<title>Anikura Unison Tokyo 2025 | 1月2日(木) @ CIRCUS Tokyo</title>

<meta property="og:url" content ="https://aniclover.com/tokyo"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="Glitch | 10月26日(土) @ WALL&WALL"/>
<meta property="og:description" content="Remix & Doujin EDM Producer DJ Event"/>
<meta property="og:image" content="https://aniclover.com/assets/24091901_glitch.jpg"/>
<meta property="og:title" content="Anikura Unison Tokyo 2025 | 1月2日(木) @ CIRCUS Tokyo"/>
<meta property="og:description" content="Festival of global anikura events"/>
<meta property="og:image" content="https://aniclover.com/assets/au25_poster_oldKV-A4_v2.png"/>

<meta property="description" content="Remix & Doujin EDM Producer DJ Event"/>
<meta property="description" content="Festival of global anikura events"/>

<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@aniclover"/>
<meta name="twitter:creator" content="@aniclover">
<meta name="twitter:title" content="Glitch | 10月26日(土) @ WALL&WALL"/>
<meta name="twitter:description" content="Remix & Doujin EDM Producer DJ Event"/>
<meta name="twitter:image" content="https://aniclover.com/assets/24091901_glitch.jpg"/>
<meta name="twitter:title" content="Anikura Unison Tokyo 2025 | 1月2日(木) @ CIRCUS Tokyo"/>
<meta name="twitter:description" content="Festival of global anikura events"/>
<meta name="twitter:image" content="https://aniclover.com/assets/au25_poster_oldKV-A4_v2.png"/>


<script type="text/javascript">
var QUERY_STRING = ""
var BASE_URL = "https://wallwall.zaiko.io/item/367050"
const BASE_URL = "https://circus.zaiko.io/e/anikuraunisontokyo2025"

var joinChar = '?';
if (window.location.search) {
Expand Down Expand Up @@ -56,16 +56,335 @@
/></noscript>
<!-- End Meta Pixel Code -->

<!-- <meta http-equiv="refresh" content="0; URL=https://wallwall.zaiko.io/item/367050" /> -->
<!-- <meta http-equiv="refresh" content="0; URL=https://circus.zaiko.io/e/anikuraunisontokyo2025" /> -->

<!-- Event snippet for submit upstream ticket conversion page
In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
<script>
function gtag_report_conversion_submit(url) {
var callback = function () {
// if (typeof(url) != 'undefined') {
// window.location = url;
// }
ticketSubmit();
};
gtag('event', 'conversion', {
'send_to': 'AW-11151547094/l8QpCNOMhKgZENa1vMUp',
'event_callback': callback
});
return false;
}
</script>

<!-- styling for upstream ticket conversion page -->
<!-- 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-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">

<style>

</style>

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<style type="text/css">
.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;
}
.discount-code {
display: none;
}
.horiz-center {
margin: 0 auto;
text-align: center;
/* float: left; */
}
.row {
padding-top: 3rem;
}
</style>

</head>
<body>
<a id="link" href="https://wallwall.zaiko.io/item/367050">Click here to continue to buy tickets</a>
<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/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>

<script>
function emailSubmit(event) {
event.preventDefault()

gtag_report_conversion_submit();

// const codeApiUrl = 'https://aniclover.azurewebsites.net/api/discount-code'
// const searchParams = new URLSearchParams(window.location.search)

// const queryPayload = {
// 'source': searchParams.get("utm_source") || 'No Source',
// 'campaign': searchParams.get("utm_campaign") || 'No Campaign',
// 'email': document.getElementById("email").value,
// 'fname': document.getElementById("fname").value,
// 'lname': document.getElementById("lname").value
// }
// const queryParams = new URLSearchParams(queryPayload);

// const jsonpUrl = addCallback(codeApiUrl+'?'+queryParams.toString())
// console.log("JSONP URL:" + jsonpUrl)

// jsonpClient(jsonpUrl, function(err, data) {
// console.log(data.code)
// document.getElementById("discount-code").textContent = data.code.trim()

// })

// document.getElementById("email-form").style.display = 'none';
// document.getElementById("discount-code-area").style.display = 'block';

// Comment out when displaying code
// ticketSubmit();
}

function redirect(count) {
if ((typeof fbq !== 'undefined') && (fbq.version > '2.9')) {
window.location = BASE_URL;
} else if (count > 200) {
window.location = BASE_URL;
} else {
setTimeout(() => {redirect(count + 1)}, 10);
}
}

function ticketClick() {
dataLayer.push({'event': 'submit_tokyo_ticket', 'eventCallback': ()=>{redirect(0)}, 'eventTimeout' : 2000})
}

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('.', '');
}

function ticketSubmit() {
let ticketSubmitForm = document.getElementById("ticket-form");
ticketSubmitForm.submit();
}
</script>

<div class="modal" id="MLModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4>Ticket Contact Registration</h4>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form class="email-form" id="email-form">
<p>Please enter your name and email address so we can provide DJ updates and other show-related notifications.</p>
<p><strong>Buy tickets now and get an instant discount code to use on your ticket purchase!</strong></p>
<!-- <p><strong>Buy tickets now while discounted early advance pricing is still available!</strong></p> -->
<div class="row">
<div class="col">
<label for="fname" class="form-label">First Name</label>
<input type="text" id="fname" class="form-control" placeholder="First name" aria-label="First name" required>
</div>
<div class="col">
<label for="lname" class="form-label">Last Name</label>
<input type="text" id="lname" class="form-control" placeholder="Last name" aria-label="Last name" required>
</div>
</div>
<div class="row">
<div class="col">
<label for="email" class="form-label">Email address</label>
<input type="email" class="form-control" id="email" placeholder="[email protected]" required>
</div>
</div>
<div class="row">
<button class="btn btn-danger btn-lg" type="submit">Buy Tickets</button>
</div>
</form>
<div id="discount-code-area" class="row horiz-center justify-center discount-code">
Discount Code
<h1 class="display-6">
<span id="discount-code" class="user-select-all">...loading code...</span>
<button id="copyButton" class="btn btn-primary btn-md" title="Click to copy" onclick="copyToClipboard()">
<i class="px-2 fa fa-clipboard" aria-hidden="true"></i>
</button>
</h1>
<button class="btn btn-danger btn-lg" onclick="ticketSubmit()">Buy Tickets</button>
</div>
<script>
document.getElementById("email-form").addEventListener("submit", emailSubmit)

const copyToClipboard = async () => {
try {
const element = document.getElementById('discount-code');
await navigator.clipboard.writeText(element.textContent);
// Optional: Provide feedback or perform additional actions upon successful copy
} catch (error) {
console.error("Failed to copy to clipboard:", error);
// Optional: Handle and display the error to the user
}
};
</script>
</div>
</div>
</div>
</div>

<div class="container justify-content-center">
<div class="tickets row">
<p>
<div class="horiz-center">
<h1>Anikura Unison Tokyo 2025<br>
アニクラユニゾン東京2025</h1>
Thursday, January 2, 2025 | 1月2日2025年(木)<br>
DOORS 13:00 | CLOSE 29:00<br>
📍CIRCUS TOKYO
</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">Advance</dt>
<dd class="col-8">¥3000 + 1D</dd>

<dt class="col-4">Door</dt>
<dd class="col-8">¥4000 + 1D</dd>
</dl>

<!-- <button class="btn btn-danger btn-lg btn-block w-100" type="button" data-bs-toggle="modal" data-bs-target="#MLModal"> -->
<button class="btn btn-danger btn-lg btn-block w-100" type="button" onclick="ticketClick()">
BUY TICKETS
</button>
</div>
</div>

<div class="col-xs-12 col-lg-9">
<p>
<img class="img-fluid" src="./assets/au25_poster_oldKV-A4_v2.png">
</p>
<p>
Anikura events from around the world have sent us their best DJs for a 16 hour festival!
Experience an otaku music DJ event with amazing performers from all around the world, all in one venue!
</p>
<p>
世界中のオタクイベントからベストDJが届いた！
世界中から東京に集まったDJ達のｦﾀｸﾐｭｰｼﾞｯｸｲﾍﾞﾝﾄを体験せよ！
</p>
<h5>Countries</h5>
<ul>
<li>Austria</li>
<li>Canada</li>
<li>Germany</li>
<li>Indonesia</li>
<li>Japan</li>
<li>Korea</li>
<li>Singapore</li>
<li>Spain</li>
<li>USA</li>
</ul>
<h5>Events</h5>
<ul>
<li>AniCLover</li>
<li>AniMirai</li>
<li>apexa</li>
<li>Atomix Pixel Party</li>
<li>cawfeeeMIX!!</li>
<li>Cheers39</li>
<li>dat file records</li>
<li>Golden Mix</li>
<li>Invaders</li>
<li>Lyoko</li>
<li>Park Beats</li>
<li>Stacknation</li>
<li>Universal Denonbu Project</li>
<li>XGeeks</li>
</ul>
<h5>DJs</h5>
<ul>
<li>.dotFROG</li>
<li>0-bit</li>
<li>6Tan</li>
<li>AdvanceRatio</li>
<li>Alicemetix</li>
<li>anoueo</li>
<li>asid</li>
<li>Asobi Station</li>
<li>Assertive</li>
<li>ATRAN</li>
<li>AVARIX</li>
<li>Choco</li>
<li>CorporateTool</li>
<li>Cozzie</li>
<li>DAYOx2</li>
<li>DJ PINK-SALON</li>
<li>EggZen</li>
<li>Errorvator </li>
<li>holey</li>
<li>HYPERLOCK</li>
<li>Isacarius</li>
<li>JJJ</li>
<li>Ketten</li>
<li>Koki </li>
<li>Lantora</li>
<li>Mayonazy</li>
<li>mochiya00</li>
<li>naePi-YO</li>
<li>Negimeister</li>
<li>Nemonoika</li>
<li>Nia</li>
<li>nichi</li>
<li>Oyasugumi</li>
<li>Picco</li>
<li>Piroko Project</li>
<li>rainy☆ミ</li>
<li>refu</li>
<li>RuuChan</li>
<li>Synthion</li>
<li>syntho</li>
<li>tonio</li>
<li>Vanille A</li>
<li>VITICZ</li>
<li>zalas</li>
<li>Zuharu</li>
</ul>
</div>
</div>
</div>

<!-- <a id="link" href="https://circus.zaiko.io/e/anikuraunisontokyo2025">Click here to continue to buy tickets</a>
<script type="text/javascript">
const link = document.querySelector("#link")
link.setAttribute("href", targetUrl)
window.location = targetUrl;
</script>
</script> -->
</body>
</html>

0 comments on commit db1e8f5

Please sign in to comment.