strawpoll.com
Open in
urlscan Pro
23.88.77.176
Public Scan
URL:
https://strawpoll.com/mpnbo52GYg5
Submission: On April 05 via manual from BR — Scanned from US
Submission: On April 05 via manual from BR — Scanned from US
Form analysis 3 forms found in the DOM
POST /vote
<form x-data="pollVote()" class="strawpoll-form px-4 pt-5 pb-4 sm:p-6 space-y-8" method="POST" action="/vote" @submit.prevent="votePoll()">
<div x-data="{ poll: Alpine.store('poll'), i: 0, }" class="flex justify-between">
<div class="flex-grow flex flex-col">
<h1 class="strawpoll-title text-2xl text-gray-900 dark:text-gray-200 font-semibold custom-title break-words" x-text="poll.title">Kagurabachi popularity poll - Who is your favourite Character</h1>
<div class="mt-1 text-gray-500 flex items-center custom-text">
<span>
<span class="inline-flex items-center space-x-1">
<span>by</span>
<span> CHARiot </span>
</span> · <span x-data="{ date: timeago.format(poll.createdAt * 1000, 'en') }" x-init="setInterval(() => { date = timeago.format(poll.createdAt * 1000, 'en') }, 60000)" x-text="date">1 day ago</span>
</span>
</div>
</div>
<div class="flex items-top space-x-3">
</div>
</div>
<div x-data="{ poll: Alpine.store('poll'), i: 0, }">
<template x-if="poll.pollMeta.location">
<div class="flex">
<div class="text-gray-500 custom-text mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
</svg>
</div>
<div class="text-gray-500 custom-text">
<span x-text="poll.pollMeta.location" class="whitespace-pre-line break-words"></span>
</div>
</div>
</template>
</div>
<div x-data="{ poll: Alpine.store('poll'), i: 0, }">
<template x-if="poll.pollMeta.description">
<div class="flex">
<div class="text-gray-500 custom-text mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"></path>
</svg>
</div>
<div class="text-gray-500 custom-text">
<span x-text="poll.pollMeta.description" class="whitespace-pre-line break-words"></span>
</div>
</div>
</template>
<div class="flex">
<div class="text-gray-500 custom-text mr-3">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"></path>
</svg>
</div>
<div class="text-gray-500 custom-text">
<span x-text="poll.pollMeta.description" class="whitespace-pre-line break-words">You can vote up to 3 different characters since for some it might be too hard to choose. Please share this poll with other people aswell. This poll is based on
all the characters in the Kagurabachi Wiki If a character isn't added yet just vote for the 'other' option This poll will be editted after every chapter, unless there are no other characters introduced.</span>
</div>
</div>
</div>
<div x-data="{ poll: Alpine.store('poll'), i: 0, }">
<template x-if="poll.media">
<div class="flex justify-center px-0 sm:px-20">
<img :src="STATIC_URL + poll.media.path" alt="Poll image">
</div>
</template>
<div class="flex justify-center px-0 sm:px-20">
<img :src="STATIC_URL + poll.media.path" alt="Poll image" src="https://cdn.strawpoll.com/images/polls/covers/GJn4aap7gzm-c.png">
</div>
</div>
<div x-data="defaultVote()" @update-checked-options.window="updateCheckedOptions()" @alert-min-options.window="alertMinOptions()">
<div class="text-gray-500 custom-text flex items-center">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<div>
<template x-if="$store.poll.pollConfig.multipleChoiceMin === 1 && $store.poll.pollConfig.multipleChoiceMax === 1">
<div>Make a choice:</div>
</template>
<template x-if="!$store.poll.pollConfig.multipleChoiceMin && !$store.poll.pollConfig.multipleChoiceMax">
<div>Choose as many as you like:</div>
</template>
<template x-if="$store.poll.pollConfig.multipleChoiceMin > 1 && $store.poll.pollConfig.multipleChoiceMin === $store.poll.pollConfig.multipleChoiceMax">
<div x-text="strawpoll.placeholder('Choose {number}', { number: $store.poll.pollConfig.multipleChoiceMax }) + ':'"></div>
</template>
<template x-if="typeof $store.poll.pollConfig.multipleChoiceMin !== 'undefined' && $store.poll.pollConfig.multipleChoiceMax && $store.poll.pollConfig.multipleChoiceMin !== $store.poll.pollConfig.multipleChoiceMax">
<div x-text="strawpoll.placeholder('Choose {min} to {max} options', { min: $store.poll.pollConfig.multipleChoiceMin, max: $store.poll.pollConfig.multipleChoiceMax }) + ':'"></div>
</template>
</div>
</template>
<div>
<template x-if="$store.poll.pollConfig.multipleChoiceMin === 1 && $store.poll.pollConfig.multipleChoiceMax === 1">
<div>Make a choice:</div>
</template>
<template x-if="!$store.poll.pollConfig.multipleChoiceMin && !$store.poll.pollConfig.multipleChoiceMax">
<div>Choose as many as you like:</div>
</template>
<template x-if="$store.poll.pollConfig.multipleChoiceMin > 1 && $store.poll.pollConfig.multipleChoiceMin === $store.poll.pollConfig.multipleChoiceMax">
<div x-text="strawpoll.placeholder('Choose {number}', { number: $store.poll.pollConfig.multipleChoiceMax }) + ':'"></div>
</template>
<template x-if="typeof $store.poll.pollConfig.multipleChoiceMin !== 'undefined' && $store.poll.pollConfig.multipleChoiceMax && $store.poll.pollConfig.multipleChoiceMin !== $store.poll.pollConfig.multipleChoiceMax">
<div x-text="strawpoll.placeholder('Choose {min} to {max} options', { min: $store.poll.pollConfig.multipleChoiceMin, max: $store.poll.pollConfig.multipleChoiceMax }) + ':'"></div>
</template>
<div x-text="strawpoll.placeholder('Choose {min} to {max} options', { min: $store.poll.pollConfig.multipleChoiceMin, max: $store.poll.pollConfig.multipleChoiceMax }) + ':'">Choose 1 to 3 options:</div>
</div>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<div>Make a choice:</div>
</template>
</div>
<fieldset class="strawpoll-options text-lg sm:text-base">
<legend class="sr-only">Poll options</legend>
<div class="mt-4" style="min-width: 168px;">
<!-- desktop -->
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-XOgObxGMQn3" value="XOgObxGMQn3" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('XOgObxGMQn3')">
</template><input id="option-mpnbo52GYg5-XOgObxGMQn3" value="XOgObxGMQn3" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('XOgObxGMQn3')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-XOgObxGMQn3" value="XOgObxGMQn3" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('XOgObxGMQn3')">
</template>
<label for="option-mpnbo52GYg5-XOgObxGMQn3" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Chihiro Rokuhira </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-ajnEXjpwxyW" value="ajnEXjpwxyW" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('ajnEXjpwxyW')">
</template><input id="option-mpnbo52GYg5-ajnEXjpwxyW" value="ajnEXjpwxyW" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('ajnEXjpwxyW')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-ajnEXjpwxyW" value="ajnEXjpwxyW" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('ajnEXjpwxyW')">
</template>
<label for="option-mpnbo52GYg5-ajnEXjpwxyW" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Kunishige Rokuhira </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-e7ZJXoQvYn3" value="e7ZJXoQvYn3" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('e7ZJXoQvYn3')">
</template><input id="option-mpnbo52GYg5-e7ZJXoQvYn3" value="e7ZJXoQvYn3" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('e7ZJXoQvYn3')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-e7ZJXoQvYn3" value="e7ZJXoQvYn3" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('e7ZJXoQvYn3')">
</template>
<label for="option-mpnbo52GYg5-e7ZJXoQvYn3" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Shiba </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-40Zme3vQlZa" value="40Zme3vQlZa" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('40Zme3vQlZa')">
</template><input id="option-mpnbo52GYg5-40Zme3vQlZa" value="40Zme3vQlZa" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('40Zme3vQlZa')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-40Zme3vQlZa" value="40Zme3vQlZa" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('40Zme3vQlZa')">
</template>
<label for="option-mpnbo52GYg5-40Zme3vQlZa" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Hinao </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-7rnzW7EBLgO" value="7rnzW7EBLgO" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('7rnzW7EBLgO')">
</template><input id="option-mpnbo52GYg5-7rnzW7EBLgO" value="7rnzW7EBLgO" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('7rnzW7EBLgO')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-7rnzW7EBLgO" value="7rnzW7EBLgO" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('7rnzW7EBLgO')">
</template>
<label for="option-mpnbo52GYg5-7rnzW7EBLgO" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Char </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-e2naQp7a0nB" value="e2naQp7a0nB" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('e2naQp7a0nB')">
</template><input id="option-mpnbo52GYg5-e2naQp7a0nB" value="e2naQp7a0nB" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('e2naQp7a0nB')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-e2naQp7a0nB" value="e2naQp7a0nB" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('e2naQp7a0nB')">
</template>
<label for="option-mpnbo52GYg5-e2naQp7a0nB" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Azami </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-w4nWVkBQYyA" value="w4nWVkBQYyA" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('w4nWVkBQYyA')">
</template><input id="option-mpnbo52GYg5-w4nWVkBQYyA" value="w4nWVkBQYyA" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('w4nWVkBQYyA')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-w4nWVkBQYyA" value="w4nWVkBQYyA" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('w4nWVkBQYyA')">
</template>
<label for="option-mpnbo52GYg5-w4nWVkBQYyA" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Ikuto Hagiwara </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-xVg7z9Kk6nr" value="xVg7z9Kk6nr" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('xVg7z9Kk6nr')">
</template><input id="option-mpnbo52GYg5-xVg7z9Kk6nr" value="xVg7z9Kk6nr" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('xVg7z9Kk6nr')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-xVg7z9Kk6nr" value="xVg7z9Kk6nr" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('xVg7z9Kk6nr')">
</template>
<label for="option-mpnbo52GYg5-xVg7z9Kk6nr" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Hakuri Sazanami </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-3RnY6zONmge" value="3RnY6zONmge" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('3RnY6zONmge')">
</template><input id="option-mpnbo52GYg5-3RnY6zONmge" value="3RnY6zONmge" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('3RnY6zONmge')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-3RnY6zONmge" value="3RnY6zONmge" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('3RnY6zONmge')">
</template>
<label for="option-mpnbo52GYg5-3RnY6zONmge" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Sojo </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-QrgeJ5pD2Zp" value="QrgeJ5pD2Zp" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('QrgeJ5pD2Zp')">
</template><input id="option-mpnbo52GYg5-QrgeJ5pD2Zp" value="QrgeJ5pD2Zp" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('QrgeJ5pD2Zp')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-QrgeJ5pD2Zp" value="QrgeJ5pD2Zp" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('QrgeJ5pD2Zp')">
</template>
<label for="option-mpnbo52GYg5-QrgeJ5pD2Zp" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Norisaku Madoka </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-PKglYxNRJZp" value="PKglYxNRJZp" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('PKglYxNRJZp')">
</template><input id="option-mpnbo52GYg5-PKglYxNRJZp" value="PKglYxNRJZp" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('PKglYxNRJZp')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-PKglYxNRJZp" value="PKglYxNRJZp" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('PKglYxNRJZp')">
</template>
<label for="option-mpnbo52GYg5-PKglYxNRJZp" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Hiyuki Kagari </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-Q0Zpj8xKjnM" value="Q0Zpj8xKjnM" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('Q0Zpj8xKjnM')">
</template><input id="option-mpnbo52GYg5-Q0Zpj8xKjnM" value="Q0Zpj8xKjnM" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('Q0Zpj8xKjnM')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-Q0Zpj8xKjnM" value="Q0Zpj8xKjnM" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('Q0Zpj8xKjnM')">
</template>
<label for="option-mpnbo52GYg5-Q0Zpj8xKjnM" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Kyora Sazanami </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-kogjWPQb2Z6" value="kogjWPQb2Z6" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('kogjWPQb2Z6')">
</template><input id="option-mpnbo52GYg5-kogjWPQb2Z6" value="kogjWPQb2Z6" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('kogjWPQb2Z6')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-kogjWPQb2Z6" value="kogjWPQb2Z6" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('kogjWPQb2Z6')">
</template>
<label for="option-mpnbo52GYg5-kogjWPQb2Z6" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Kazane Machi </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-GJn4EMKPzgz" value="GJn4EMKPzgz" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('GJn4EMKPzgz')">
</template><input id="option-mpnbo52GYg5-GJn4EMKPzgz" value="GJn4EMKPzgz" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('GJn4EMKPzgz')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-GJn4EMKPzgz" value="GJn4EMKPzgz" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('GJn4EMKPzgz')">
</template>
<label for="option-mpnbo52GYg5-GJn4EMKPzgz" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Shiyumi Harima </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-1MnwzaBKAy7" value="1MnwzaBKAy7" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('1MnwzaBKAy7')">
</template><input id="option-mpnbo52GYg5-1MnwzaBKAy7" value="1MnwzaBKAy7" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('1MnwzaBKAy7')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-1MnwzaBKAy7" value="1MnwzaBKAy7" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('1MnwzaBKAy7')">
</template>
<label for="option-mpnbo52GYg5-1MnwzaBKAy7" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Hajime Kugara </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-wby5JrKGBnA" value="wby5JrKGBnA" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('wby5JrKGBnA')">
</template><input id="option-mpnbo52GYg5-wby5JrKGBnA" value="wby5JrKGBnA" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('wby5JrKGBnA')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-wby5JrKGBnA" value="wby5JrKGBnA" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('wby5JrKGBnA')">
</template>
<label for="option-mpnbo52GYg5-wby5JrKGBnA" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Kiyohiko Uzuki </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-NMnQXM3l1y6" value="NMnQXM3l1y6" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('NMnQXM3l1y6')">
</template><input id="option-mpnbo52GYg5-NMnQXM3l1y6" value="NMnQXM3l1y6" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('NMnQXM3l1y6')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-NMnQXM3l1y6" value="NMnQXM3l1y6" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('NMnQXM3l1y6')">
</template>
<label for="option-mpnbo52GYg5-NMnQXM3l1y6" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Makoto Kasahara </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-DwyoprGKLnA" value="DwyoprGKLnA" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('DwyoprGKLnA')">
</template><input id="option-mpnbo52GYg5-DwyoprGKLnA" value="DwyoprGKLnA" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('DwyoprGKLnA')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-DwyoprGKLnA" value="DwyoprGKLnA" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('DwyoprGKLnA')">
</template>
<label for="option-mpnbo52GYg5-DwyoprGKLnA" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Tafuku Mihara </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-BDyNXGP7qgR" value="BDyNXGP7qgR" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('BDyNXGP7qgR')">
</template><input id="option-mpnbo52GYg5-BDyNXGP7qgR" value="BDyNXGP7qgR" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('BDyNXGP7qgR')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-BDyNXGP7qgR" value="BDyNXGP7qgR" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('BDyNXGP7qgR')">
</template>
<label for="option-mpnbo52GYg5-BDyNXGP7qgR" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> Mr. Inazuma </span>
</label>
</div>
<div class="strawpoll-option flex items-center mt-3 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-PbZq497VBgN" value="PbZq497VBgN" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('PbZq497VBgN')">
</template><input id="option-mpnbo52GYg5-PbZq497VBgN" value="PbZq497VBgN" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('PbZq497VBgN')">
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-mpnbo52GYg5-PbZq497VBgN" value="PbZq497VBgN" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" @change="resetOtherOption()" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('PbZq497VBgN')">
</template>
<label for="option-mpnbo52GYg5-PbZq497VBgN" class="flex-grow cursor-pointer label-disabled:opacity-50 custom-text">
<span class="ml-3 block"> 'Other' (character that isn't in the list) </span>
</label>
</div>
<template x-if="$store.poll.pollConfig.allowOtherOption">
<div class="other-option flex items-center mt-2 label-disabled:opacity-50">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-other-mpnbo52GYg5" value="otherOption" name="options-mpnbo52GYg5" type="checkbox" x-model="checkedOptions" class="cursor-pointer h-5 w-5 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('otherOption')" @click="$refs.otherOption.focus()">
</template>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-other-mpnbo52GYg5" value="otherOption" name="options-mpnbo52GYg5" type="radio" x-model="checkedOptions[0]" class="cursor-pointer h-5 w-5 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('otherOption')" @click="$refs.otherOption.focus()">
</template>
<div class="ml-3 flex items-center label-disabled:opacity-50 custom-text flex-grow">
<span class="custom-text" @click="$refs.otherOption.focus()">Other:</span>
<span class="ml-2 flex items-center flex-grow">
<input type="text" x-ref="otherOption" class="w-full py-1 px-1 border-0 border-b focus:ring-0 custom-field-input" :class="{ 'is-danger': otherError }" placeholder="Please specify" x-model="otherOption.input" @input="setOtherOption()"
:disabled="optionsLimitReached() && !checkedOptions.includes('otherOption')">
</span>
</div>
</div>
</template>
</div>
</fieldset>
<div class="mt-8 poll-input" x-show="$store.poll.pollConfig.requireVoterNames">
<div>
<div class="flex justify-between">
<label for="name" class="label custom-title"> Name <span class="text-gray-500 custom-text-light">(required)</span>
</label>
</div>
<div class="mt-1 relative flex items-center">
<input type="text" name="name" id="name" class="input custom-field-input custom-focus-ring-0" placeholder="Enter your name" x-model="voteData.name" x-ref="participantNameInput">
</div>
</div>
</div>
<div class="mt-8 poll-input" x-show="$store.poll.pollConfig.duplicationChecking === 'token'" style="display: none;">
<div>
<div class="flex justify-between items-center">
<label for="token" class="label custom-text"> Unique code <span class="text-gray-500 custom-text-light">(required)</span>
</label>
<a href="/help/how-to-obtain-vote-token/" target="_blank" class="flex items-center link custom-highlight space-x-1">
<svg class="h-5 w-5 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg>
<span>What's this?</span>
</a>
</div>
<div class="mt-1 relative">
<input type="text" name="token" id="token" class="input custom-field-input custom-text custom-focus-ring-0" placeholder="Enter your unique voting code" x-model="voteData.token" @input.debounce="checkUniqueCode()">
</div>
</div>
</div>
<template x-if="hasLocalVote">
<div class="mt-8 custom-text"> Update your vote or <button type="button"
@click="hasLocalVote = false; selectedOptions = []; voteData = { id: null, pollVotes: [], otherOption: { value: null, voteValue: 0 }, token: null, voteType: 'add' }; $dispatch('update-checked-options'); $dispatch('add-participant')"
class="link custom-input-highlight-text">add a new vote</button>. </div>
</template>
</div>
<script>
function defaultVote() {
return {
checkedOptions: [],
otherOption: {
input: null,
value: 1
},
otherError: false,
init() {
this.$watch('checkedOptions', value => {
this.updateSelectedOptions(value)
})
},
setOtherOption() {
this.otherError = false
if (this.otherOption.input) {
if (!this.$store.poll.pollConfig.isMultipleChoice) {
this.checkedOptions = []
}
const index = this.checkedOptions.indexOf('otherOption')
if (index === -1) {
this.checkedOptions.push('otherOption')
}
} else {
const index = this.checkedOptions.indexOf('otherOption')
if (index > -1) {
this.checkedOptions.splice(index, 1)
}
}
this.$nextTick(() => {
const index = this.selectedOptions.findIndex((option) => option.id === 'other')
if (index > -1) {
this.selectedOptions[index].input = this.otherOption.input
}
})
},
resetOtherOption() {
this.otherOption.input = null
},
updateCheckedOptions() {
this.checkedOptions = this.selectedOptions.filter(o => o.value === 1).map(o => o.id)
},
updateSelectedOptions(value) {
this.selectedOptions = []
this.checkedOptions.forEach((checkedOption, i) => {
if (checkedOption === 'otherOption') {
this.selectedOptions[i] = {
id: 'other',
input: this.otherOption.input,
value: 1
}
} else {
this.selectedOptions[i] = {
id: checkedOption,
value: 1
}
}
})
this.$dispatch('update-group-options', {
pollId: this.$store.poll.id,
options: this.selectedOptions
})
},
optionsLimitReached() {
if (this.$store.poll.pollConfig.isMultipleChoice) {
if (this.$store.poll.pollConfig.multipleChoiceMin === 0 && this.$store.poll.pollConfig.multipleChoiceMax === 0) {
return false
}
if (this.checkedOptions.length >= this.$store.poll.pollConfig.multipleChoiceMax) {
return true
}
}
return false
},
alertMinOptions() {
if (this.checkedOptions.includes('otherOption')) {
this.otherError = true
}
}
}
}
</script>
<div x-data="{ poll: Alpine.store('poll'), }">
<template x-if="poll.pollConfig.deadlineAt">
<div class="custom-text">
<template x-if="poll.pollConfig.deadlineAt * 1000 >= new Date().getTime()">
<span x-text="strawpoll.placeholder('Voting ends in {date}.', { date: strawpoll.secondsToTime(poll.pollConfig.deadlineAt - new Date().getTime() / 1000) })"></span>
</template>
<template x-if="poll.pollConfig.deadlineAt * 1000 < new Date().getTime()">
<span x-text="strawpoll.placeholder('Voting closed {date} ago.', { date: strawpoll.secondsToTime(new Date().getTime() / 1000 - poll.pollConfig.deadlineAt) })"></span>
</template>
</div>
</template>
</div>
<div x-show="voteError" class="rounded-md bg-red-50 dark-bg-opacity-red p-4" style="display: none;">
<div class="flex items-center">
<div class="flex-shrink-0">
<svg class="h-5 w-5 text-red-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
clip-rule="evenodd"></path>
</svg>
</div>
<div class="ml-3">
<div class="text-sm text-red-700 dark:text-red-100" x-text="voteError"></div>
</div>
</div>
</div>
<div x-show="suggestLinkOut" class="rounded-md bg-blue-50 dark-bg-opacity-blue p-4" style="display: none;">
<div class="flex items-center">
<div class="flex-shrink-0">
<svg class="h-5 w-5 text-blue-400" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
</svg>
</div>
<div class="ml-3">
<div class="text-sm text-blue-700 dark:text-blue-100"> Your browser is blocking third-party cookies while using an embedded poll. Try voting on the poll page:
<a class="link custom-highlight" href="https://strawpoll.com/mpnbo52GYg5" target="_blank">Click here</a>. </div>
</div>
</div>
</div>
<div x-show="showVoteButtons || isEditActive">
<div class="block sm:hidden"
:class="{ 'fixed bottom-0 left-0 right-0 z-50 py-4 custom-box-bg p-4 pb-8 border-t border-default': $store.poll.type === 'meeting' && viewType === 'list' && isEditActive && showStickyVoteButtons }"
@scroll.window.throttle.100ms="updateScrollPosY()">
<div class="grid grid-cols-1 gap-4">
<button type="submit" class="strawpoll-button-primary button text-sm custom-button px-8 w-full">
<div x-show="isLoadingVote" style="display: none;"> Validating... </div>
<div class="flex items-center" x-show="!isLoadingVote">
<div x-show="voteData.voteType !== 'edit'">Vote</div>
<div x-show="voteData.voteType === 'edit'" style="display: none;">Update vote</div>
</div>
</button>
<div class="flex items-center space-x-4">
<a href="/mpnbo52GYg5/results" class="button strawpoll-button-secondary custom-field-input w-full text-sm flex items-center" x-show="$store.pollUser.isAdmin || $store.poll.pollConfig.resultsVisibility !== 'after_vote'">
<svg class="h-5 w-5 -ml-1 mr-2 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zM8 7a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zM14 4a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z"></path>
</svg>
<span>Results</span>
</a>
<button type="button" @click="$dispatch('poll-share-modal', { poll: $store.poll })" class="button strawpoll-button-secondary custom-field-input w-full text-sm flex items-center" x-show="!$store.poll.pollConfig.hideShareButton">
<svg class="h-5 w-5 -ml-1 mr-2 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"></path>
</svg>
<span>Share</span>
</button>
</div>
</div>
</div>
<div class="hidden sm:block">
<div class="flex items-center justify-between">
<div class="flex items-center space-x-4">
<button type="submit" class="strawpoll-button-primary button text-sm custom-button px-8">
<div x-show="isLoadingVote" style="display: none;"> Validating... </div>
<div class="flex items-center" x-show="!isLoadingVote">
<div x-show="voteData.voteType !== 'edit'">Vote</div>
<div x-show="voteData.voteType === 'edit'" style="display: none;">Update vote</div>
<div class="hidden sm:block" x-show="voteData.voteType !== 'edit'">
<svg class="h-5 w-5 ml-2 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path fill-rule="evenodd" d="M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</div>
</div>
</button>
<a href="/mpnbo52GYg5/results" class="button strawpoll-button-secondary custom-field-input flex items-center" x-show="$store.pollUser.isAdmin || $store.poll.pollConfig.resultsVisibility !== 'after_vote'">
<svg class="h-5 w-5 -ml-1 mr-2 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zM8 7a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zM14 4a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z"></path>
</svg>
<span>Show results</span>
</a>
</div>
<button type="button" @click="$dispatch('poll-share-modal', { poll: $store.poll })" class="w-40 ml-4 button strawpoll-button-secondary custom-field-input flex items-center" x-show="!$store.poll.pollConfig.hideShareButton">
<svg class="h-5 w-5 -ml-1 mr-2 " xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" stroke="">
<path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"></path>
</svg>
<span>Share</span>
</button>
</div>
</div>
</div>
<!--div>
<div class="grid grid-cols-1 gap-3 sm:gap-0 sm:flex sm:items-center sm:space-x-4">
<button type="submit" class="strawpoll-button-primary button text-base sm:text-sm custom-button px-8 w-full sm:w-auto">
<div x-show="isLoadingVote" x-cloak>
Validating...
</div>
<div class="flex items-center space-x-2" x-show="!isLoadingVote">
<div x-show="!isEditActive" x-cloak>Vote</div>
<div x-show="isEditActive" x-cloak>Update vote</div>
<div class="hidden sm:block">
<svg
class="h-5 w-5 "
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
viewBox="0 0 20 20"
stroke="">
<path fill-rule="evenodd" d="M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"/>
</svg>
</div>
</div>
</button>
<div class="text-center text-base sm:text-sm custom-text w-full sm:w-auto" x-show="$store.pollUser.isAdmin || $store.poll.pollConfig.resultsVisibility !== 'after_vote'" x-cloak>
<a href="/mpnbo52GYg5/results" class="strawpoll-button-secondary p-2 rounded-md flex items-center justify-center">
Show results
</a>
</div>
</div>
</div-->
</form><form class="space-y-3" @submit.prevent="createComment(newComment)">
<div>
<label for="name" class="sr-only">Name</label>
<input type="text" name="name" class="input custom-field-input custom-focus-ring-0" x-model="newComment.name" placeholder="Enter your name" required="">
</div>
<div>
<label for="comment" class="sr-only">Comment</label>
<textarea id="comment" name="comment" rows="3" class="textarea custom-field-input custom-focus-ring-0" placeholder="Add a comment" x-model="newComment.text" required=""></textarea>
</div>
<div class="mt-3 flex items-center justify-between">
<span class="hidden sm:group sm:inline-flex items-start sm:text-sm space-x-2 text-gray-500 custom-text">
<svg class="flex-shrink-0 h-5 w-5 text-gray-400 custom-text" x-description="Heroicon name: solid/question-mark-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg>
<span> HTML and links are not allowed. </span>
</span>
<button type="submit" class="button is-primary whitespace-nowrap custom-button"> Add comment </button>
</div>
</form><form class="space-y-3" @submit.prevent="createComment(newComment)">
<div>
<label for="name" class="sr-only">Name</label>
<input type="text" name="name" class="input custom-field-input custom-focus-ring-0" x-model="newComment.name" placeholder="Enter your name" required="">
</div>
<div>
<label for="comment" class="sr-only">Comment</label>
<textarea id="comment" name="comment" rows="3" class="textarea custom-field-input custom-focus-ring-0" placeholder="Add a comment" x-model="newComment.text" required=""></textarea>
</div>
<div class="mt-3 flex items-center justify-between">
<span class="hidden sm:group sm:inline-flex items-start sm:text-sm space-x-2 text-gray-500 custom-text">
<svg class="flex-shrink-0 h-5 w-5 text-gray-400 custom-text" x-description="Heroicon name: solid/question-mark-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg>
<span> HTML and links are not allowed. </span>
</span>
<button type="submit" class="button is-primary whitespace-nowrap custom-button"> Add comment </button>
</div>
</form>Text Content
StrawPoll Create Poll Schedule Meeting Demo Pricing Open main menu Login Sign up Close menu StrawPoll Create Poll Schedule Meeting Demo Pricing Help Center Guides Live Demo F.A.Q. Poll API About Sign up Existing user? Login KAGURABACHI POPULARITY POLL - WHO IS YOUR FAVOURITE CHARACTER by CHARiot · 1 day ago You can vote up to 3 different characters since for some it might be too hard to choose. Please share this poll with other people aswell. This poll is based on all the characters in the Kagurabachi Wiki If a character isn't added yet just vote for the 'other' option This poll will be editted after every chapter, unless there are no other characters introduced. Make a choice: Choose as many as you like: Make a choice: Choose as many as you like: Choose 1 to 3 options: Make a choice: Poll options Chihiro Rokuhira Kunishige Rokuhira Shiba Hinao Char Azami Ikuto Hagiwara Hakuri Sazanami Sojo Norisaku Madoka Hiyuki Kagari Kyora Sazanami Kazane Machi Shiyumi Harima Hajime Kugara Kiyohiko Uzuki Makoto Kasahara Tafuku Mihara Mr. Inazuma 'Other' (character that isn't in the list) Other: Name (required) Unique code (required) What's this? Update your vote or add a new vote. Your browser is blocking third-party cookies while using an embedded poll. Try voting on the poll page: Click here. Validating... Vote Update vote Results Share Validating... Vote Update vote Show results Share One vote per IP-Address allowed. Strict checking is enabled. One vote per browser session allowed. One vote per user account allowed. One vote per unique code allowed. Users can vote multiple times without limitation. COMMENTS Guest Save Cancel · Reply · Edit · Delete Guest Save Cancel · Reply · Edit · Delete Name Cancel Reply No comments yet. Be the first to write one! Previous Next Previous ... Next Name Comment HTML and links are not allowed. Add comment Guest Save Cancel · Reply · Edit · Delete Guest Save Cancel · Reply · Edit · Delete Name Cancel Reply Guest Save Cancel · Reply · Edit · Delete Guest Save Cancel · Reply · Edit · Delete Name Cancel Reply * Guest CHARiot Save Cancel · Reply · Edit · Delete hi 1 day ago · Reply · Edit · Delete Guest Save Cancel · Reply · Edit · Delete Name Cancel Reply * Guest Socks Guest Save Cancel · Reply · Edit · Delete The people that voted for Kazlame are officially my opps🔥 17 hours ago · Reply · Edit · Delete Guest Save Cancel · Reply · Edit · Delete Name Cancel Reply No comments yet. Be the first to write one! Previous Next Showing 1 to 2 of 2 results Previous ... ... 1 Next Name Comment HTML and links are not allowed. Add comment Comments are disabled. CREATE YOUR OWN POLL Want to create your own poll? With StrawPoll anyone can easily create an online poll in seconds. Create a poll Could always be interesting: Slimmest Wallets for Streamlined Carry or Coolest Wireless Headphones for an Unmatched Audio Experience 2024 This content is neither created nor endorsed by StrawPoll. Report abuse Close VOTE SUCCESSFUL Thank you for participating in this poll. Your vote has been counted. Results Share Close Share SHARE VIA LINK Use this link to share the poll with your participants. Copy SHARE ON SOCIAL MEDIA Share this poll with friends & followers on social media channels. Share on WhatsApp Share on Twitter Share on Facebook Share on Reddit Close Close QR Code Close Close Embed User account required To embed polls in other websites, a free user account is required. Sign up for free Close Close REPORT CONTENT Please enter a reason for your report: Report Cancel Close DELETE VOTE Are you sure you want to delete this vote? This action cannot be undone. Delete Cancel Close Edit participant Please select a participant from the list below to edit or delete their vote. Only participants for whom you have the permission to edit are listed. Participant Please select a participant Cancel Edit FOOTER Making it easy to create instant, real-time polls and surveys for free. Discord Twitter Instagram Facebook GitHub Reddit SOLUTIONS * Poll Maker * Meeting Scheduler * Discord Bot * Poll API * Rankings SUPPORT * Pricing * Help Center * Guides * F.A.Q. * Integrations COMPANY * About * Imprint * Contact LEGAL * Privacy * Terms © 2024 StrawPoll. All rights reserved. Notification Close