{"id":897,"date":"2022-01-09T12:28:52","date_gmt":"2022-01-09T11:28:52","guid":{"rendered":"https:\/\/pinpoll-magazine-linux.azurewebsites.net\/?p=897"},"modified":"2022-06-09T14:48:02","modified_gmt":"2022-06-09T12:48:02","slug":"iframeless-embed-demo","status":"publish","type":"post","link":"https:\/\/pinpoll-magazine-linux.azurewebsites.net\/de\/iframeless-embed-demo\/","title":{"rendered":"iFrameless Embed Demo"},"content":{"rendered":"\n<style>.pp-widget{--bgcolor: #4285F4; --color: #F4B400; --fontcolor: #FFFFFF; background: var(--bgcolor); color: var(--fontcolor); fill: var(--fontcolor); font-size: 1.6rem; font-family: Arial, sans-serif; overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}.pp-widget:not(.loaded){pointer-events: none;}.pp-widget header{text-align: center; padding: 0.75rem 0; font-weight: bold;}.pp-widget .answer{background: rgba(0, 0, 0, 0.5); margin: 0.75rem 0; pointer-events: none; position: relative;}.pp-widget .answer:first-child{margin-top: 0;}.pp-widget .answer:last-child{margin-bottom: 0;}.pp-widget.voteable .answer{cursor: pointer; pointer-events: unset;}.pp-widget .answer .title, .pp-widget .answer .result{position: relative; padding: 0.75rem;}.pp-widget .answer .title{padding-top: calc(0.75rem + 4px);}.pp-widget .answer .result{font-size: 0.75em; padding: 0.25rem 0.75rem; padding-bottom: calc(0.25rem + 4px);}.pp-widget .answer .result span{z-index: 1; position: relative;}.pp-widget .answer .result .result-percent{float: right;}.pp-widget:not(.result-mode) .answer .result{opacity: 0;}.pp-widget .answer .result .result-bar{position: absolute; height: 100%; width: 0; top: 0; left: 0; background: var(--color); transition: all 0.7s ease; z-index: 0;}.pp-widget .answer.voted::after{position: absolute; width: calc(100% - 8px); height: calc(100% - 8px); top: 0; left: 0; content: ' '; border: 4px solid white;}.pp-widget .pp-widget-slider{display: flex; width: 200%; position: relative; transform: translateX(0%); transition: transform 0.5s ease;}.pp-widget-slide{width: 100%; padding: 0 1em;}.pp-widget footer{display: flex; justify-content: center; padding: 0.75rem 0; font-size: 0.8em;}.pp-widget .stats{height: 1.4em; display: inline-flex; align-content: center; align-items: center;}.pp-widget .stats svg{width: 1em; margin: 0 0.2em 0 0.5em;}.pp-widget .stats svg:first-child{margin-left: 0;}.ad-slot{position:absolute; width:50%; height:100%; background: var(--bgcolor); top: 0; left: 0; z-index: -10; padding: 1em; display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none;}.ad-slot.active{z-index: 10; opacity: 1; pointer-events: unset;}.ad-slot .skip-ad-btn:after{content: 'x'}.ad-slot .skip-ad-btn{position:absolute; top:0.5em; left:0.5em;}<\/style> <div data-pinpoll-id=\"204846\" data-pinpoll-question-id=\"158104\" class=\"pp-widget\"> <div class=\"pp-widget-slider\"> <div class=\"pp-widget-slide question active\"> <header> Finally Out: iFrameless Embed. Excited? <\/header> <div class=\"body\"> <div class=\"answers\"> <div class=\"answer\" data-id=\"617454\"> <div class=\"title\">Yes!<\/div><div class=\"result\"> <span class=\"result-bar\"><\/span> <span class=\"result-votes\">0<\/span> <span class=\"result-percent\">0<\/span> <\/div><\/div><div class=\"answer\" data-id=\"617455\"> <div class=\"title\">What a question?<\/div><div class=\"result\"> <span class=\"result-bar\"><\/span> <span class=\"result-votes\">0<\/span> <span class=\"result-percent\">0<\/span> <\/div><\/div><\/div><\/div><footer> <div class=\"stats\"> <svg viewBox=\"0 0 576 512\"> <path d=\"M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z\"\/> <\/svg> <span class=\"views\">0<\/span> <svg viewBox=\"0 0 512 512\"> <path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"\/> <\/svg> <span class=\"votes\">0<\/span> <\/div><\/footer> <div class=\"ad-slot\"><\/div><\/div><div class=\"pp-widget-slide ad\"><\/div><\/div><\/div><script src=\"https:\/\/pinpoll.blob.core.windows.net\/demos\/demo_pplite_1.js\"><\/script>\n","protected":false},"excerpt":{"rendered":"<p>Finally Out: iFrameless Embed. Excited? Yes! 0 0 What a question? 0 0 0 0<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-897","post","type-post","status-publish","format-standard","hentry","category-marketing"],"_links":{"self":[{"href":"https:\/\/pinpoll-magazine-linux.azurewebsites.net\/de\/wp-json\/wp\/v2\/posts\/897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pinpoll-magazine-linux.azurewebsites.net\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pinpoll-magazine-linux.azurewebsites.net\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pinpoll-magazine-linux.azurewebsites.net\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pinpoll-magazine-linux.azurewebsites.net\/de\/wp-json\/wp\/v2\/comments?post=897"}],"version-history":[{"count":4,"href":"https:\/\/pinpoll-magazine-linux.azurewebsites.net\/de\/wp-json\/wp\/v2\/posts\/897\/revisions"}],"predecessor-version":[{"id":901,"href":"https:\/\/pinpoll-magazine-linux.azurewebsites.net\/de\/wp-json\/wp\/v2\/posts\/897\/revisions\/901"}],"wp:attachment":[{"href":"https:\/\/pinpoll-magazine-linux.azurewebsites.net\/de\/wp-json\/wp\/v2\/media?parent=897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pinpoll-magazine-linux.azurewebsites.net\/de\/wp-json\/wp\/v2\/categories?post=897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pinpoll-magazine-linux.azurewebsites.net\/de\/wp-json\/wp\/v2\/tags?post=897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}