strawpoll.com
Open in
urlscan Pro
23.88.77.176
Public Scan
URL:
https://strawpoll.com/GJn44491Qnz
Submission: On October 22 via manual from CA — Scanned from CA
Submission: On October 22 via manual from CA — Scanned from CA
Form analysis 3 forms found in the DOM
POST /vote
<form x-data="pollVote()" class="strawpoll-form px-4 pt-4 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">Which review would you like to see most?</h1>
<div class="mt-1 text-gray-500 flex items-center custom-text truncate">
<span>
<span class="inline-flex items-center space-x-1">
<span>by</span>
<span> A.J. Pierson of Toon Paradise </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 month 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">After my Blue's Clues retrospective, I'm planning on doing Bookworm Adventures for my sixth review. But after that, which review would you like me to do
next?</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/LVyK5Xqdg04-c.png">
</div>
</div>
<div x-data="imageVote" @update-checked-options.window="updateCheckedOptions()">
<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>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<div>Make a choice:</div>
</template>
<div>Make a choice:</div>
</div>
<div>
<template x-if="!$store.poll.pollConfig.layout || $store.poll.pollConfig.layout === 'grid'">
<div class="grid grid-cols-2 md:grid-cols-3 gap-6 text-base sm:text-base" style="min-width: 168px;">
<label for="option-kogj2EGxvg6" class="flex flex-col justify-between mt-3 rounded-md label-disabled:opacity-50 relative cursor-pointer border border-gray-300 dark:border-gray-700 custom-field-input"
:class="{ 'custom-field-input-active': (checkedOptions.includes('kogj2EGxvg6')) }">
<div class="flex flex-grow h-48 px-3 py-2 mx-auto">
<img class="object-contain" src="https://cdn.strawpoll.com/images/polls/options/poy9z5bPnJr-c.png">
</div>
<div class="flex items-center h-10 mt-2 border-t custom-border px-3 py-2" :class="{ 'custom-field-input-active': (checkedOptions.includes('kogj2EGxvg6')) }">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-kogj2EGxvg6" value="kogj2EGxvg6" name="options" type="checkbox" x-model="checkedOptions" class="absolute left-3 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 rounded disabled:opacity-50 custom-checkboxx"
:disabled="optionsLimitReached() && !checkedOptions.includes('kogj2EGxvg6')">
</template>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-kogj2EGxvg6" value="kogj2EGxvg6" name="options" type="radio" x-model="checkedOptions[0]" class="absolute left-3 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('kogj2EGxvg6')">
</template>
<div class="pl-6 sm:pl-6 flex items-center justify-between truncate">
<div class="whitespace-nowrap truncate"> The Simpsons' Deleted Scenes </div>
<span class="text-gray-500" x-show="optionsLimitReached() && !checkedOptions.includes('kogj2EGxvg6')" x-cloak="">
<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="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"></path>
</svg>
</span>
<!--svg class="h-4 w-4 text-indigo-600 dark:text-indigo-500" x-show="checkedOptions.includes('kogj2EGxvg6')" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-cloak>
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg-->
</div>
</div>
</label>
<label for="option-GJn4Bj917Zz" class="flex flex-col justify-between mt-3 rounded-md label-disabled:opacity-50 relative cursor-pointer border border-gray-300 dark:border-gray-700 custom-field-input"
:class="{ 'custom-field-input-active': (checkedOptions.includes('GJn4Bj917Zz')) }">
<div class="flex flex-grow h-48 px-3 py-2 mx-auto">
<img class="object-contain" src="https://cdn.strawpoll.com/images/polls/options/kjn1R7b2gQe-c.png">
</div>
<div class="flex items-center h-10 mt-2 border-t custom-border px-3 py-2" :class="{ 'custom-field-input-active': (checkedOptions.includes('GJn4Bj917Zz')) }">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-GJn4Bj917Zz" value="GJn4Bj917Zz" name="options" type="checkbox" x-model="checkedOptions" class="absolute left-3 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 rounded disabled:opacity-50 custom-checkboxx"
:disabled="optionsLimitReached() && !checkedOptions.includes('GJn4Bj917Zz')">
</template>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-GJn4Bj917Zz" value="GJn4Bj917Zz" name="options" type="radio" x-model="checkedOptions[0]" class="absolute left-3 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('GJn4Bj917Zz')">
</template>
<div class="pl-6 sm:pl-6 flex items-center justify-between truncate">
<div class="whitespace-nowrap truncate"> The Powerpuff Girls one-off villains </div>
<span class="text-gray-500" x-show="optionsLimitReached() && !checkedOptions.includes('GJn4Bj917Zz')" x-cloak="">
<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="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"></path>
</svg>
</span>
<!--svg class="h-4 w-4 text-indigo-600 dark:text-indigo-500" x-show="checkedOptions.includes('GJn4Bj917Zz')" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-cloak>
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg-->
</div>
</div>
</label>
<label for="option-1Mnwb437ky7" class="flex flex-col justify-between mt-3 rounded-md label-disabled:opacity-50 relative cursor-pointer border border-gray-300 dark:border-gray-700 custom-field-input"
:class="{ 'custom-field-input-active': (checkedOptions.includes('1Mnwb437ky7')) }">
<div class="flex flex-grow h-48 px-3 py-2 mx-auto">
<img class="object-contain" src="https://cdn.strawpoll.com/images/polls/options/XmZRvOkPZdb-c.png">
</div>
<div class="flex items-center h-10 mt-2 border-t custom-border px-3 py-2" :class="{ 'custom-field-input-active': (checkedOptions.includes('1Mnwb437ky7')) }">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-1Mnwb437ky7" value="1Mnwb437ky7" name="options" type="checkbox" x-model="checkedOptions" class="absolute left-3 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 rounded disabled:opacity-50 custom-checkboxx"
:disabled="optionsLimitReached() && !checkedOptions.includes('1Mnwb437ky7')">
</template>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-1Mnwb437ky7" value="1Mnwb437ky7" name="options" type="radio" x-model="checkedOptions[0]" class="absolute left-3 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('1Mnwb437ky7')">
</template>
<div class="pl-6 sm:pl-6 flex items-center justify-between truncate">
<div class="whitespace-nowrap truncate"> Brainsurge Retrospective </div>
<span class="text-gray-500" x-show="optionsLimitReached() && !checkedOptions.includes('1Mnwb437ky7')" x-cloak="">
<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="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"></path>
</svg>
</span>
<!--svg class="h-4 w-4 text-indigo-600 dark:text-indigo-500" x-show="checkedOptions.includes('1Mnwb437ky7')" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-cloak>
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg-->
</div>
</div>
</label>
</div>
</template>
<div class="grid grid-cols-2 md:grid-cols-3 gap-6 text-base sm:text-base" style="min-width: 168px;">
<label for="option-kogj2EGxvg6" class="flex flex-col justify-between mt-3 rounded-md label-disabled:opacity-50 relative cursor-pointer border border-gray-300 dark:border-gray-700 custom-field-input"
:class="{ 'custom-field-input-active': (checkedOptions.includes('kogj2EGxvg6')) }">
<div class="flex flex-grow h-48 px-3 py-2 mx-auto">
<img class="object-contain" src="https://cdn.strawpoll.com/images/polls/options/poy9z5bPnJr-c.png">
</div>
<div class="flex items-center h-10 mt-2 border-t custom-border px-3 py-2" :class="{ 'custom-field-input-active': (checkedOptions.includes('kogj2EGxvg6')) }">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-kogj2EGxvg6" value="kogj2EGxvg6" name="options" type="checkbox" x-model="checkedOptions" class="absolute left-3 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 rounded disabled:opacity-50 custom-checkboxx"
:disabled="optionsLimitReached() && !checkedOptions.includes('kogj2EGxvg6')">
</template>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-kogj2EGxvg6" value="kogj2EGxvg6" name="options" type="radio" x-model="checkedOptions[0]" class="absolute left-3 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('kogj2EGxvg6')">
</template><input id="option-kogj2EGxvg6" value="kogj2EGxvg6" name="options" type="radio" x-model="checkedOptions[0]" class="absolute left-3 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('kogj2EGxvg6')">
<div class="pl-6 sm:pl-6 flex items-center justify-between truncate">
<div class="whitespace-nowrap truncate"> The Simpsons' Deleted Scenes </div>
<span class="text-gray-500" x-show="optionsLimitReached() && !checkedOptions.includes('kogj2EGxvg6')" style="display: none;">
<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="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"></path>
</svg>
</span>
<!--svg class="h-4 w-4 text-indigo-600 dark:text-indigo-500" x-show="checkedOptions.includes('kogj2EGxvg6')" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-cloak>
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg-->
</div>
</div>
</label>
<label for="option-GJn4Bj917Zz" class="flex flex-col justify-between mt-3 rounded-md label-disabled:opacity-50 relative cursor-pointer border border-gray-300 dark:border-gray-700 custom-field-input"
:class="{ 'custom-field-input-active': (checkedOptions.includes('GJn4Bj917Zz')) }">
<div class="flex flex-grow h-48 px-3 py-2 mx-auto">
<img class="object-contain" src="https://cdn.strawpoll.com/images/polls/options/kjn1R7b2gQe-c.png">
</div>
<div class="flex items-center h-10 mt-2 border-t custom-border px-3 py-2" :class="{ 'custom-field-input-active': (checkedOptions.includes('GJn4Bj917Zz')) }">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-GJn4Bj917Zz" value="GJn4Bj917Zz" name="options" type="checkbox" x-model="checkedOptions" class="absolute left-3 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 rounded disabled:opacity-50 custom-checkboxx"
:disabled="optionsLimitReached() && !checkedOptions.includes('GJn4Bj917Zz')">
</template>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-GJn4Bj917Zz" value="GJn4Bj917Zz" name="options" type="radio" x-model="checkedOptions[0]" class="absolute left-3 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('GJn4Bj917Zz')">
</template><input id="option-GJn4Bj917Zz" value="GJn4Bj917Zz" name="options" type="radio" x-model="checkedOptions[0]" class="absolute left-3 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('GJn4Bj917Zz')">
<div class="pl-6 sm:pl-6 flex items-center justify-between truncate">
<div class="whitespace-nowrap truncate"> The Powerpuff Girls one-off villains </div>
<span class="text-gray-500" x-show="optionsLimitReached() && !checkedOptions.includes('GJn4Bj917Zz')" style="display: none;">
<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="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"></path>
</svg>
</span>
<!--svg class="h-4 w-4 text-indigo-600 dark:text-indigo-500" x-show="checkedOptions.includes('GJn4Bj917Zz')" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-cloak>
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg-->
</div>
</div>
</label>
<label for="option-1Mnwb437ky7" class="flex flex-col justify-between mt-3 rounded-md label-disabled:opacity-50 relative cursor-pointer border border-gray-300 dark:border-gray-700 custom-field-input"
:class="{ 'custom-field-input-active': (checkedOptions.includes('1Mnwb437ky7')) }">
<div class="flex flex-grow h-48 px-3 py-2 mx-auto">
<img class="object-contain" src="https://cdn.strawpoll.com/images/polls/options/XmZRvOkPZdb-c.png">
</div>
<div class="flex items-center h-10 mt-2 border-t custom-border px-3 py-2" :class="{ 'custom-field-input-active': (checkedOptions.includes('1Mnwb437ky7')) }">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-1Mnwb437ky7" value="1Mnwb437ky7" name="options" type="checkbox" x-model="checkedOptions" class="absolute left-3 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 rounded disabled:opacity-50 custom-checkboxx"
:disabled="optionsLimitReached() && !checkedOptions.includes('1Mnwb437ky7')">
</template>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-1Mnwb437ky7" value="1Mnwb437ky7" name="options" type="radio" x-model="checkedOptions[0]" class="absolute left-3 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('1Mnwb437ky7')">
</template><input id="option-1Mnwb437ky7" value="1Mnwb437ky7" name="options" type="radio" x-model="checkedOptions[0]" class="absolute left-3 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('1Mnwb437ky7')">
<div class="pl-6 sm:pl-6 flex items-center justify-between truncate">
<div class="whitespace-nowrap truncate"> Brainsurge Retrospective </div>
<span class="text-gray-500" x-show="optionsLimitReached() && !checkedOptions.includes('1Mnwb437ky7')" style="display: none;">
<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="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"></path>
</svg>
</span>
<!--svg class="h-4 w-4 text-indigo-600 dark:text-indigo-500" x-show="checkedOptions.includes('1Mnwb437ky7')" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-cloak>
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg-->
</div>
</div>
</label>
</div>
<template x-if="$store.poll.pollConfig.layout === 'list_small'">
<div class="">
<label for="option-kogj2EGxvg6" class="flex flex-row mt-3 p-3 rounded-md label-disabled:opacity-50 cursor-pointer border border-gray-300 dark:border-gray-700 custom-input-text custom-field-input"
:class="{ 'custom-input-highlight-checked': (checkedOptions.includes('kogj2EGxvg6')) }">
<div class="flex-shrink-0">
<img class="object-contain w-24 max-w-xs max-h-32 sm:h-32 sm:w-32 mx-auto" src="https://cdn.strawpoll.com/images/polls/options/poy9z5bPnJr-c.png">
</div>
<div class="ml-3 flex flex-grow items-top flex-row-reverse relative">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-kogj2EGxvg6" value="kogj2EGxvg6" name="options" type="checkbox" x-model="checkedOptions" class="mt-1 cursor-mointer focus:ring-0 focus:ring-offset-0 h-4 w-4 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('kogj2EGxvg6')">
</template>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-kogj2EGxvg6" value="kogj2EGxvg6" name="options" type="radio" x-model="checkedOptions[0]" class="mt-1 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('kogj2EGxvg6')">
</template>
<div class="pl-3 mr-3 flex-grow border-l custom-border">
<div class="">
<div class="text-lg"> The Simpsons' Deleted Scenes </div>
</div>
<span class="text-gray-500" x-show="optionsLimitReached() && !checkedOptions.includes('kogj2EGxvg6')" x-cloak="">
<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="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"></path>
</svg>
</span>
</div>
</div>
</label>
<label for="option-GJn4Bj917Zz" class="flex flex-row mt-3 p-3 rounded-md label-disabled:opacity-50 cursor-pointer border border-gray-300 dark:border-gray-700 custom-input-text custom-field-input"
:class="{ 'custom-input-highlight-checked': (checkedOptions.includes('GJn4Bj917Zz')) }">
<div class="flex-shrink-0">
<img class="object-contain w-24 max-w-xs max-h-32 sm:h-32 sm:w-32 mx-auto" src="https://cdn.strawpoll.com/images/polls/options/kjn1R7b2gQe-c.png">
</div>
<div class="ml-3 flex flex-grow items-top flex-row-reverse relative">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-GJn4Bj917Zz" value="GJn4Bj917Zz" name="options" type="checkbox" x-model="checkedOptions" class="mt-1 cursor-mointer focus:ring-0 focus:ring-offset-0 h-4 w-4 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('GJn4Bj917Zz')">
</template>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-GJn4Bj917Zz" value="GJn4Bj917Zz" name="options" type="radio" x-model="checkedOptions[0]" class="mt-1 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('GJn4Bj917Zz')">
</template>
<div class="pl-3 mr-3 flex-grow border-l custom-border">
<div class="">
<div class="text-lg"> The Powerpuff Girls one-off villains </div>
</div>
<span class="text-gray-500" x-show="optionsLimitReached() && !checkedOptions.includes('GJn4Bj917Zz')" x-cloak="">
<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="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"></path>
</svg>
</span>
</div>
</div>
</label>
<label for="option-1Mnwb437ky7" class="flex flex-row mt-3 p-3 rounded-md label-disabled:opacity-50 cursor-pointer border border-gray-300 dark:border-gray-700 custom-input-text custom-field-input"
:class="{ 'custom-input-highlight-checked': (checkedOptions.includes('1Mnwb437ky7')) }">
<div class="flex-shrink-0">
<img class="object-contain w-24 max-w-xs max-h-32 sm:h-32 sm:w-32 mx-auto" src="https://cdn.strawpoll.com/images/polls/options/XmZRvOkPZdb-c.png">
</div>
<div class="ml-3 flex flex-grow items-top flex-row-reverse relative">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-1Mnwb437ky7" value="1Mnwb437ky7" name="options" type="checkbox" x-model="checkedOptions" class="mt-1 cursor-mointer focus:ring-0 focus:ring-offset-0 h-4 w-4 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('1Mnwb437ky7')">
</template>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-1Mnwb437ky7" value="1Mnwb437ky7" name="options" type="radio" x-model="checkedOptions[0]" class="mt-1 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('1Mnwb437ky7')">
</template>
<div class="pl-3 mr-3 flex-grow border-l custom-border">
<div class="">
<div class="text-lg"> Brainsurge Retrospective </div>
</div>
<span class="text-gray-500" x-show="optionsLimitReached() && !checkedOptions.includes('1Mnwb437ky7')" x-cloak="">
<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="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"></path>
</svg>
</span>
</div>
</div>
</label>
</div>
</template>
<template x-if="$store.poll.pollConfig.layout === 'list_large'">
<div class="">
<label for="option-kogj2EGxvg6" class="flex flex-col sm:flex-row mt-3 p-3 rounded-md label-disabled:opacity-50 cursor-pointer border border-gray-300 dark:border-gray-700 custom-field-input"
:class="{ 'custom-field-input-active': (checkedOptions.includes('kogj2EGxvg6')) }">
<div class="flex-shrink-0">
<img class="object-contain max-w-xs max-h-64 sm:h-64 sm:w-64 mx-auto" src="https://cdn.strawpoll.com/images/polls/options/poy9z5bPnJr-c.png">
</div>
<div class="mt-3 sm:mt-0 ml-0 sm:ml-3 flex flex-grow items-top flex-row-reverse relative">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-kogj2EGxvg6" value="kogj2EGxvg6" name="options" type="checkbox" x-model="checkedOptions" class="mt-1 cursor-mointer focus:ring-0 focus:ring-offset-0 h-4 w-4 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('kogj2EGxvg6')">
</template>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-kogj2EGxvg6" value="kogj2EGxvg6" name="options" type="radio" x-model="checkedOptions[0]" class="mt-1 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('kogj2EGxvg6')">
</template>
<div class="pl-0 sm:pl-3 mr-3 flex-grow sm:border-l custom-border">
<div class="">
<div class="text-lg"> The Simpsons' Deleted Scenes </div>
</div>
<span class="text-gray-500" x-show="optionsLimitReached() && !checkedOptions.includes('kogj2EGxvg6')" x-cloak="">
<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="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"></path>
</svg>
</span>
<!--svg class="h-4 w-4 text-indigo-600 dark:text-indigo-500" x-show="checkedOptions.includes('kogj2EGxvg6')" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-cloak>
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg-->
</div>
</div>
</label>
<label for="option-GJn4Bj917Zz" class="flex flex-col sm:flex-row mt-3 p-3 rounded-md label-disabled:opacity-50 cursor-pointer border border-gray-300 dark:border-gray-700 custom-field-input"
:class="{ 'custom-field-input-active': (checkedOptions.includes('GJn4Bj917Zz')) }">
<div class="flex-shrink-0">
<img class="object-contain max-w-xs max-h-64 sm:h-64 sm:w-64 mx-auto" src="https://cdn.strawpoll.com/images/polls/options/kjn1R7b2gQe-c.png">
</div>
<div class="mt-3 sm:mt-0 ml-0 sm:ml-3 flex flex-grow items-top flex-row-reverse relative">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-GJn4Bj917Zz" value="GJn4Bj917Zz" name="options" type="checkbox" x-model="checkedOptions" class="mt-1 cursor-mointer focus:ring-0 focus:ring-offset-0 h-4 w-4 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('GJn4Bj917Zz')">
</template>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-GJn4Bj917Zz" value="GJn4Bj917Zz" name="options" type="radio" x-model="checkedOptions[0]" class="mt-1 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('GJn4Bj917Zz')">
</template>
<div class="pl-0 sm:pl-3 mr-3 flex-grow sm:border-l custom-border">
<div class="">
<div class="text-lg"> The Powerpuff Girls one-off villains </div>
</div>
<span class="text-gray-500" x-show="optionsLimitReached() && !checkedOptions.includes('GJn4Bj917Zz')" x-cloak="">
<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="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"></path>
</svg>
</span>
<!--svg class="h-4 w-4 text-indigo-600 dark:text-indigo-500" x-show="checkedOptions.includes('GJn4Bj917Zz')" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-cloak>
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg-->
</div>
</div>
</label>
<label for="option-1Mnwb437ky7" class="flex flex-col sm:flex-row mt-3 p-3 rounded-md label-disabled:opacity-50 cursor-pointer border border-gray-300 dark:border-gray-700 custom-field-input"
:class="{ 'custom-field-input-active': (checkedOptions.includes('1Mnwb437ky7')) }">
<div class="flex-shrink-0">
<img class="object-contain max-w-xs max-h-64 sm:h-64 sm:w-64 mx-auto" src="https://cdn.strawpoll.com/images/polls/options/XmZRvOkPZdb-c.png">
</div>
<div class="mt-3 sm:mt-0 ml-0 sm:ml-3 flex flex-grow items-top flex-row-reverse relative">
<template x-if="$store.poll.pollConfig.isMultipleChoice">
<input id="option-1Mnwb437ky7" value="1Mnwb437ky7" name="options" type="checkbox" x-model="checkedOptions" class="mt-1 cursor-mointer focus:ring-0 focus:ring-offset-0 h-4 w-4 rounded disabled:opacity-50 custom-checkbox"
:disabled="optionsLimitReached() && !checkedOptions.includes('1Mnwb437ky7')">
</template>
<template x-if="!$store.poll.pollConfig.isMultipleChoice">
<input id="option-1Mnwb437ky7" value="1Mnwb437ky7" name="options" type="radio" x-model="checkedOptions[0]" class="mt-1 cursor-pointer focus:ring-0 focus:ring-offset-0 h-4 w-4 disabled:opacity-50 custom-radio"
:disabled="optionsLimitReached() && !checkedOptions.includes('1Mnwb437ky7')">
</template>
<div class="pl-0 sm:pl-3 mr-3 flex-grow sm:border-l custom-border">
<div class="">
<div class="text-lg"> Brainsurge Retrospective </div>
</div>
<span class="text-gray-500" x-show="optionsLimitReached() && !checkedOptions.includes('1Mnwb437ky7')" x-cloak="">
<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="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"></path>
</svg>
</span>
<!--svg class="h-4 w-4 text-indigo-600 dark:text-indigo-500" x-show="checkedOptions.includes('1Mnwb437ky7')" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-cloak>
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg-->
</div>
</div>
</label>
</div>
</template>
</div>
<div class="mt-8" x-show="$store.poll.pollConfig.requireVoterNames" style="display: none;">
<div>
<div class="flex justify-between">
<label for="name" class="label custom-text"> 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" 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 imageVote() {
return {
checkedOptions: [],
init() {
this.$watch('checkedOptions', value => {
this.updateSelectedOptions(value)
})
// this.$watch('voteData.otherOption', value => {
// if (value) {
// if (!this.$store.poll.pollConfig.isMultipleChoice) {
// this.checkedOptions = []
// }
// const index = this.checkedOptions.indexOf('other')
// if (index === -1) {
// this.checkedOptions.push('other')
// }
// } else {
// const index = this.checkedOptions.indexOf('other')
// if (index > -1) {
// this.checkedOptions.splice(index, 1)
// }
// }
// })
},
updateCheckedOptions() {
this.checkedOptions = []
if (this.selectedOptions.length > 0) {
this.checkedOptions = this.selectedOptions.filter(o => o.value === 1).map(o => o.id)
}
},
updateSelectedOptions(value) {
this.selectedOptions = []
this.checkedOptions.forEach((checkedOption, i) => {
this.selectedOptions[i] = {
id: checkedOption,
value: 1
}
})
},
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
}
}
}
</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 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><span x-text="strawpoll.placeholder('Voting ends in {date}.', { date: strawpoll.secondsToTime(poll.pollConfig.deadlineAt - new Date().getTime() / 1000) })">Voting ends in 67 days, 23 hours.</span>
<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>
</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/GJn44491Qnz" target="_blank">Click here</a>. </div>
</div>
</div>
</div>
<div class="cf-turnstile" data-sitekey="0x4AAAAAAAkdq_KiqBksgskS" data-callback="onloadTurnstileCallback" @turnstile-token-success.window="submitPoll($event.detail.token)"></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="/GJn44491Qnz/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" :disabled="isLoadingVote">
<div class="flex items-center space-x-2" x-show="isLoadingVote" style="display: none;">
<svg class="animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<span>Validating...</span>
</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="/GJn44491Qnz/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="/GJn44491Qnz/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 WHICH REVIEW WOULD YOU LIKE TO SEE MOST? by A.J. Pierson of Toon Paradise · 1 month ago After my Blue's Clues retrospective, I'm planning on doing Bookworm Adventures for my sixth review. But after that, which review would you like me to do next? Make a choice: Choose as many as you like: Make a choice: Make a choice: The Simpsons' Deleted Scenes The Powerpuff Girls one-off villains Brainsurge Retrospective The Simpsons' Deleted Scenes The Powerpuff Girls one-off villains Brainsurge Retrospective The Simpsons' Deleted Scenes The Powerpuff Girls one-off villains Brainsurge Retrospective The Simpsons' Deleted Scenes The Powerpuff Girls one-off villains Brainsurge Retrospective Name (Required) Unique code (Required) What's this? Update your vote or add a new vote. Voting ends in 67 days, 23 hours. 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 No comments yet. Be the first to write one! No comments yet. Be the first to write one! Previous Next Showing 1 to 0 of 0 results Previous ... Next Name Comment HTML and links are not allowed. Add comment Comments are disabled. This content is neither created nor endorsed by StrawPoll. Report content CREATE YOUR OWN POLL Want to create your own poll? With StrawPoll anyone can easily create an online poll in seconds. Create a poll 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 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 SUPPORT * Pricing * Help Center * Guides * F.A.Q. * Integrations COMPANY * About * Imprint * Contact LEGAL * Privacy * Terms © 2024 StrawPoll. All rights reserved. Notification Close