{"id":20443,"date":"2024-10-28T04:09:40","date_gmt":"2024-10-27T20:09:40","guid":{"rendered":"https:\/\/social-stand.com\/?page_id=20443"},"modified":"2024-10-28T12:22:08","modified_gmt":"2024-10-28T04:22:08","slug":"observer-review","status":"publish","type":"page","link":"https:\/\/social-stand.com\/zh\/observer-review\/","title":{"rendered":"\u89c0\u5bdf\u8005\u8a55\u8ad6"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Observer Review<\/title>\n<style>\nbody {\n    font-family: Arial, sans-serif;\n    padding: 20px;\n    max-width: 600px;\n    margin: auto;\n    box-sizing: border-box;\n}\nh2, h3 {\n    text-align: center;\n}\ninput {\n    width: calc(100% - 22px);\n    padding: 10px;\n    margin-bottom: 10px;\n    font-size: 16px;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    box-sizing: border-box;\n}\n.grid-container {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n    gap: 10px;\n    margin-bottom: 20px;\n    max-height: 300px;\n    overflow-y: auto;\n}\n.grid-item {\n    padding: 15px;\n    background-color: lightgray;\n    text-align: center;\n    cursor: pointer;\n    border-radius: 5px;\n    user-select: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: background-color 0.3s ease;\n    font-size: 18px;\n}\n.selected {\n    background-color: lightblue;\n}\n.button {\n    background-color: #003366;\n    color: white;\n    padding: 10px 15px;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n    width: 100%;\n    font-size: 16px;\n}\n.button:hover {\n    background-color: #002244;\n}\n.feedback {\n    color: red;\n    font-size: 0.9em;\n    margin-top: -10px;\n    margin-bottom: 10px;\n}\n.notice {\n    font-size: 0.9em;\n    color: gray;\n    margin-top: 20px;\n    text-align: center;\n}\n.hidden {\n    display: none;\n}\n.visible {\n    display: block;\n}\n.highlight {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #003366;\n    background-color: #e0f7fa;\n    padding: 10px;\n    border-radius: 5px;\n    text-align: center;\n}\n<\/style>\n<\/head>\n<body>\n\n<h2>Personal Branding 3.0: Shaping Your Digital Identity for Future Success<\/h2>\n<h2>Observer Review<\/h2>\n\n<div id=\"step1\" class=\"step visible\">\n    <h3>Step 1: Enter Details<\/h3>\n    <label for=\"partnerName\">Partner Name:<\/label><br>\n    <input type=\"text\" id=\"partnerName\" name=\"partnerName\" required><br>\n    <div id=\"nameFeedback\" class=\"feedback\"><\/div>\n    <button class=\"button\" onclick=\"goToStep2()\">Next<\/button>\n<\/div>\n\n<div id=\"step2\" class=\"step hidden\">\n    <h3>Step 2: Select Adjectives (up to 3)<\/h3>\n    <div class=\"grid-container\" id=\"adjectiveGrid\"><\/div>\n    <div id=\"adjectiveFeedback\" class=\"feedback\"><\/div>\n    <button class=\"button\" onclick=\"goToStep3()\">Next<\/button>\n<\/div>\n\n<div id=\"step3\" class=\"step hidden\">\n    <h3>Step 3: Share the Code<\/h3>\n    <p id=\"shareCode\" class=\"highlight\"><\/p>\n<\/div>\n\n<p class=\"notice\">No personal information is stored or transmitted. All data remains securely within your device and browser session.<\/p>\n\n<script>\nfunction goToStep2() {\n    const partnerName = document.getElementById('partnerName').value;\n    const feedback = document.getElementById('nameFeedback');\n    if (partnerName.length < 1) {\n        feedback.textContent = \"Please enter your partner's name.\";\n        return;\n    }\n    feedback.textContent = '';\n    shuffleAdjectives();\n    document.getElementById('step2').classList.remove('hidden');\n    document.getElementById('step2').classList.add('visible');\n    document.getElementById('step2').scrollIntoView({ behavior: 'smooth' });\n}\n\nfunction shuffleAdjectives() {\n    const adjectives = Object.keys(adjectiveMap);\n    for (let i = adjectives.length - 1; i > 0; i--) {\n        const j = Math.floor(Math.random() * (i + 1));\n        [adjectives[i], adjectives[j]] = [adjectives[j], adjectives[i]];\n    }\n    const grid = document.getElementById('adjectiveGrid');\n    grid.innerHTML = '';\n    adjectives.forEach(adj => {\n        const div = document.createElement('div');\n        div.className = 'grid-item';\n        div.textContent = adj;\n        div.onclick = () => toggleSelection(div);\n        grid.appendChild(div);\n    });\n}\n\nfunction toggleSelection(element) {\n    const selectedItems = document.querySelectorAll('.grid-item.selected');\n    const feedback = document.getElementById('adjectiveFeedback');\n    feedback.textContent = '';\n\n    if (element.classList.contains('selected')) {\n        element.classList.remove('selected');\n    } else if (selectedItems.length < 3) {\n        element.classList.add('selected');\n    } else {\n        feedback.textContent = 'You can only select up to 3 adjectives.';\n    }\n}\n\nfunction goToStep3() {\n    const selectedItems = document.querySelectorAll('.grid-item.selected');\n    const feedback = document.getElementById('adjectiveFeedback');\n    if (selectedItems.length === 0) {\n        feedback.textContent = 'Please select at least one adjective.';\n        return;\n    }\n    \n    const partnerName = document.getElementById('partnerName').value;\n    const firstLetter = partnerName.charAt(0).toUpperCase();\n    const letterCode = (firstLetter.charCodeAt(0) - 65).toString().padStart(2, '0');\n\n    const adjectives = Array.from(selectedItems).map(item => item.textContent);\n    const adjectiveCodes = adjectives.map(adj => adjectiveMap[adj]).join('');\n\n    const baseCode = `${letterCode}${adjectiveCodes.padEnd(3, '0')}`;\n    const sum = baseCode.split('').reduce((acc, digit) => acc + parseInt(digit, 16), 0);\n    const checkDigit = (sum % 16).toString(16).toUpperCase();\n    const finalCode = `${baseCode}${checkDigit}`;\n\n    document.getElementById('shareCode').textContent = `Please share the code ${finalCode} with your partner.`;\n    \n    document.getElementById('step3').classList.remove('hidden');\n    document.getElementById('step3').classList.add('visible');\n    document.getElementById('step3').scrollIntoView({ behavior: 'smooth' });\n}\n\nconst adjectiveMap = {\n    'Charismatic': '0',\n    'Collaborative': '1',\n    'Confident': '2',\n    'Flexible': '3',\n    'Focused': '4',\n    'Honest': '5',\n    'Innovative': '6',\n    'Motivated': '7',\n    'Open-minded': '8',\n    'Persuasive': '9',\n    'Proactive': 'A',\n    'Quick-thinking': 'B',\n    'Reliable': 'C',\n    'Resilient': 'D',\n    'Result-driven': 'E',\n    'Self-motivated': 'F'\n};\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u89c0\u5bdf\u8005\u5be9\u67e5\u500b\u4eba\u54c1\u724c 3.0\uff1a\u5851\u9020\u60a8\u7684\u6578\u4f4d\u8eab\u4efd\uff0c\u6210\u5c31\u672a\u4f86 \u89c0\u5bdf\u8005\u8a55\u5be9\u6b65\u9a5f 1\uff1a\u8f38\u5165\u8a73\u7d30\u8cc7\u8a0a \u5408\u4f5c\u5925\u4f34\u59d3\u540d\uff1a\u4e0b\u4e00\u6b65 \u6b65\u9a5f 2\uff1a\u9078\u64c7\u5f62\u5bb9\u8a5e\uff08\u6700\u591a 3 \u500b\uff09\u4e0b\u4e00\u6b65 \u6b65\u9a5f 3\uff1a\u5206\u4eab\u4ee3\u78bc \u4e0d\u6703\u5132\u5b58\u6216\u50b3\u8f38\u4efb\u4f55\u500b\u4eba\u8cc7\u8a0a\u3002\u6240\u6709\u8cc7\u6599\u90fd\u5b89\u5168\u5730\u4fdd\u5b58\u5728\u60a8\u7684\u88dd\u7f6e\u548c\u700f\u89bd\u5668\u6703\u8a71\u4e2d\u3002<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-20443","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Observer Review - Social Stand<\/title>\n<meta name=\"description\" content=\"Observer Review Personal Branding 3.0: Shaping Your Digital Identity for Future Success Observer Review Step 1: Enter Details Partner Name: Next Step 2:\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/social-stand.com\/zh\/observer-review\/\" \/>\n<meta property=\"og:locale\" content=\"zh_HK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Observer Review - Social Stand\" \/>\n<meta property=\"og:description\" content=\"Observer Review Personal Branding 3.0: Shaping Your Digital Identity for Future Success Observer Review Step 1: Enter Details Partner Name: Next Step 2:\" \/>\n<meta property=\"og:url\" content=\"https:\/\/social-stand.com\/zh\/observer-review\/\" \/>\n<meta property=\"og:site_name\" content=\"Social Stand\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-28T04:22:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u89c0\u5bdf\u8005\u8a55\u8ad6-\u793e\u6703\u7acb\u5834","description":"\u89c0\u5bdf\u8005\u8a55\u8ad6 \u500b\u4eba\u54c1\u724c 3.0\uff1a\u5851\u9020\u60a8\u7684\u6578\u4f4d\u8eab\u4efd\uff0c\u6210\u5c31\u672a\u4f86\u6210\u529f \u89c0\u5bdf\u8005\u8a55\u8ad6 \u6b65\u9a5f 1\uff1a\u8f38\u5165\u8a73\u7d30\u8cc7\u8a0a \u5408\u4f5c\u5925\u4f34\u540d\u7a31\uff1a \u4e0b\u4e00\u6b65 \u6b65\u9a5f 2\uff1a","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/social-stand.com\/zh\/observer-review\/","og_locale":"zh_HK","og_type":"article","og_title":"Observer Review - Social Stand","og_description":"Observer Review Personal Branding 3.0: Shaping Your Digital Identity for Future Success Observer Review Step 1: Enter Details Partner Name: Next Step 2:","og_url":"https:\/\/social-stand.com\/zh\/observer-review\/","og_site_name":"Social Stand","article_modified_time":"2024-10-28T04:22:08+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/social-stand.com\/observer-review\/","url":"https:\/\/social-stand.com\/observer-review\/","name":"\u89c0\u5bdf\u8005\u8a55\u8ad6-\u793e\u6703\u7acb\u5834","isPartOf":{"@id":"https:\/\/social-stand.com\/zh\/#website"},"datePublished":"2024-10-27T20:09:40+00:00","dateModified":"2024-10-28T04:22:08+00:00","description":"\u89c0\u5bdf\u8005\u8a55\u8ad6 \u500b\u4eba\u54c1\u724c 3.0\uff1a\u5851\u9020\u60a8\u7684\u6578\u4f4d\u8eab\u4efd\uff0c\u6210\u5c31\u672a\u4f86\u6210\u529f \u89c0\u5bdf\u8005\u8a55\u8ad6 \u6b65\u9a5f 1\uff1a\u8f38\u5165\u8a73\u7d30\u8cc7\u8a0a \u5408\u4f5c\u5925\u4f34\u540d\u7a31\uff1a \u4e0b\u4e00\u6b65 \u6b65\u9a5f 2\uff1a","breadcrumb":{"@id":"https:\/\/social-stand.com\/observer-review\/#breadcrumb"},"inLanguage":"zh-HK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/social-stand.com\/observer-review\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/social-stand.com\/observer-review\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/social-stand.com\/"},{"@type":"ListItem","position":2,"name":"Observer Review"}]},{"@type":"WebSite","@id":"https:\/\/social-stand.com\/zh\/#website","url":"https:\/\/social-stand.com\/zh\/","name":"\u793e\u6703\u7acb\u5834","description":"\u793e\u4ea4\u5a92\u9ad4\u4ee3\u7406","publisher":{"@id":"https:\/\/social-stand.com\/zh\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/social-stand.com\/zh\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-HK"},{"@type":"Organization","@id":"https:\/\/social-stand.com\/zh\/#organization","name":"\u793e\u6703\u7acb\u5834","url":"https:\/\/social-stand.com\/zh\/","logo":{"@type":"ImageObject","inLanguage":"zh-HK","@id":"https:\/\/social-stand.com\/zh\/#\/schema\/logo\/image\/","url":"https:\/\/social-stand.com\/wp-content\/uploads\/2017\/08\/touch-logo-social-stand.png","contentUrl":"https:\/\/social-stand.com\/wp-content\/uploads\/2017\/08\/touch-logo-social-stand.png","width":152,"height":152,"caption":"Social Stand"},"image":{"@id":"https:\/\/social-stand.com\/zh\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/social-stand.com\/zh\/wp-json\/wp\/v2\/pages\/20443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/social-stand.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/social-stand.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/social-stand.com\/zh\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/social-stand.com\/zh\/wp-json\/wp\/v2\/comments?post=20443"}],"version-history":[{"count":0,"href":"https:\/\/social-stand.com\/zh\/wp-json\/wp\/v2\/pages\/20443\/revisions"}],"wp:attachment":[{"href":"https:\/\/social-stand.com\/zh\/wp-json\/wp\/v2\/media?parent=20443"}],"curies":[{"name":"\u53ef\u6fd5\u6027\u7c89\u5291","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}