1 files changed, 5 insertions(+), 86 deletions(-)

M cazander.ca/2023/thpptphtphphhph/emote.rst

@@ 111,94 111,13 @@ can watch other people react live to my posts, and our stretch goal is $25 to op
           padding: 0.3rem 0.5rem;
           border-radius: 1rem;
         }
-        div.thpptphtphphhph {
-           background-color: #262828;
-           border-radius: 20px;
-           font-family: sans-serif;
-           width: 400px;
-        }
-        ul#thpptphtphphhph, ul#thpptphtphphhph li {
-            list-style: none;
-            display: flex;
-            margin: 0;
-            padding: 0;
-            user-select: none;
-        }
-        ul#thpptphtphphhph {
-           display: flex;
-           justify-content: space-around;
-           align-items: center;
-           height: 140px;
-           padding: 0 30px;
-        }
-        ul#thpptphtphphhph li {
-            display: flex;
-            flex-direction: column;
-        }
-        ul#thpptphtphphhph button {
-            display: flex;
-            background-color: #1d2021;
-            border-radius: 100%;
-            justify-content: center;
-            flex: 1;
-            border: none;
-            font-size: 1.8rem;
-            padding: 10px 15px;
-            margin: 0 4px;
-        }
-        ul#thpptphtphphhph span {
-            display: flex;
-            justify-content: center;
-            color: #c2bfa9;
-        }
-        ul#thpptphtphphhph button:hover {
-            cursor: pointer;
-            background-color: #101313;
-        }
     </style>
-    <div class="thpptphtphphhph">
-        <ul id="thpptphtphphhph">
-        </ul>
-    </div>
-    <script type="text/javascript" defer>
-        const API = 'https://cazander.ca/thpptphtphphhph/post';
-        const elem = document.getElementById('thpptphtphphhph')
-        const vote = (index) => {
-            let xmlHttp = new XMLHttpRequest();
-            xmlHttp.onreadystatechange = function() {
-                if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
-                    callback(JSON.parse(xmlHttp.responseText))
-            }
-            const theUrl = `${API}/${window.location.pathname}vote/${index}/`
-            xmlHttp.open("GET", theUrl, true)
-            xmlHttp.send(null)
-        }
-        const callback = (response) => {
-            elem.innerHTML = ""
-            response.emojis.forEach((emoji, index) => {
-                let li = document.createElement("li")
-                let btn = document.createElement("button")
-                let count = document.createElement("span")
-                btn.appendChild(document.createTextNode(emoji))
-                btn.onclick = () => vote(index)
-                li.appendChild(btn)
-                count.appendChild(document.createTextNode(response.votes[index]))
-                li.appendChild(count)
-                elem.appendChild(li)
-            })
-        }
 
-        let xmlHttp = new XMLHttpRequest();
-        xmlHttp.onreadystatechange = function() {
-            if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
-                callback(JSON.parse(xmlHttp.responseText))
-        }
-        const theUrl = `${API}/${window.location.pathname}`
-        xmlHttp.open("GET", theUrl, true)
-        xmlHttp.send(null)
-    </script>
-
-|
+    <object
+      data="https://thpptphtphphhph.cazander.ca/embed/?post=/2023/thpptphtphphhph"
+      standby="Powered by thpptphtphphhph"
+      width="400" height="160"
+    ></object>
 
 I look forward to everyone's feedback on this new system! Of course, you will have to convey your
 feedback through the above five random emojis, and I'm not sure what they will be, but I will read