Leader Lens 360 | Self Assessment | eTrainers.org<\/title>\n\n<style>\n\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body { font-family: 'Inter', Arial, sans-serif; background: #0f172a; color: #e2e8f0; padding: 20px; }\n\n .container { max-width: 860px; margin: auto; }\n\n \n\n \/* HEADER *\/\n\n .header { background: linear-gradient(135deg, #3b82f6, #8b5cf6); border-radius: 16px; padding: 32px; text-align: center; margin-bottom: 24px; }\n\n .header .badge { display: inline-block; background: rgba(255,255,255,0.15); border-radius: 20px; padding: 5px 14px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 12px; }\n\n .header h1 { font-size: 28px; font-weight: 700; margin-bottom: 6px; }\n\n .header p { font-size: 14px; opacity: 0.85; }\n\n \n\n \/* PROGRESS *\/\n\n .progress-bar-outer { background: #1e293b; border-radius: 8px; height: 6px; margin-bottom: 24px; }\n\n .progress-bar-inner { background: linear-gradient(90deg, #3b82f6, #8b5cf6); height: 6px; border-radius: 8px; transition: width 0.4s; }\n\n .progress-label { text-align: center; font-size: 12px; color: #94a3b8; margin-bottom: 8px; }\n\n \n\n \/* CARDS *\/\n\n .card { background: #1e293b; border-radius: 14px; padding: 24px; margin-bottom: 20px; border: 1px solid #334155; }\n\n \n\n \/* SECTION HEADINGS *\/\n\n .section-title {\n\n font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;\n\n background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n\n margin-bottom: 14px;\n\n }\n\n \n\n \/* INPUTS *\/\n\n label { display: block; font-size: 13px; color: #94a3b8; margin-bottom: 5px; margin-top: 12px; }\n\n input[type=text], input[type=email], input[type=number], textarea, select {\n\n width: 100%; padding: 10px 14px; border-radius: 8px;\n\n background: #0f172a; color: #e2e8f0;\n\n border: 1px solid #334155; font-size: 14px;\n\n transition: border 0.2s;\n\n }\n\n input:focus, textarea:focus, select:focus { outline: none; border-color: #3b82f6; }\n\n textarea { min-height: 70px; resize: vertical; }\n\n input[type=number] { -moz-appearance: textfield; }\n\n \n\n \/* COMPETENCY HEADINGS *\/\n\n .comp-heading {\n\n font-size: 14px; font-weight: 600;\n\n background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n\n margin: 20px 0 4px;\n\n }\n\n .comp-question { font-size: 13px; color: #cbd5e1; margin-bottom: 6px; }\n\n \n\n \/* BUTTONS *\/\n\n .btn { display: inline-block; width: 100%; padding: 14px; border: none; border-radius: 10px; font-size: 15px; font-weight: 600; cursor: pointer; transition: opacity 0.2s; }\n\n .btn-primary { background: linear-gradient(135deg, #3b82f6, #8b5cf6); color: #fff; }\n\n .btn-primary:hover { opacity: 0.9; }\n\n .btn-secondary { background: #334155; color: #e2e8f0; margin-top: 10px; }\n\n \n\n \/* RATER ROW *\/\n\n .rater-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: end; }\n\n \n\n \/* INSTRUCTIONS *\/\n\n .instructions p { font-size: 14px; color: #cbd5e1; line-height: 1.7; margin-bottom: 10px; }\n\n .instructions p:last-child { margin-bottom: 0; }\n\n \n\n \/* LIKERT *\/\n\n .likert { display: flex; gap: 8px; margin: 8px 0; }\n\n .likert label {\n\n flex: 1; text-align: center; background: #0f172a; border: 1px solid #334155;\n\n border-radius: 8px; padding: 8px 4px; cursor: pointer; font-size: 12px;\n\n color: #94a3b8; transition: all 0.2s; -webkit-text-fill-color: #94a3b8;\n\n }\n\n .likert input[type=radio] { display: none; }\n\n .likert input[type=radio]:checked + label { background: linear-gradient(135deg,#3b82f6,#8b5cf6); color: #fff; -webkit-text-fill-color: #fff; border-color: #3b82f6; }\n\n .likert-legend { display: flex; justify-content: space-between; font-size: 11px; color: #64748b; margin-bottom: 4px; }\n\n \n\n \/* NOTICE *\/\n\n .notice { background: rgba(59,130,246,0.1); border: 1px solid rgba(59,130,246,0.3); border-radius: 8px; padding: 12px 16px; font-size: 13px; color: #93c5fd; margin-top: 10px; }\n\n \n\n \/* STATUS *\/\n\n #statusMsg { margin-top: 14px; padding: 12px; border-radius: 8px; text-align: center; font-size: 14px; display: none; }\n\n .success { background: rgba(34,197,94,0.15); border: 1px solid #22c55e; color: #86efac; }\n\n .error { background: rgba(239,68,68,0.15); border: 1px solid #ef4444; color: #fca5a5; }\n\n \n\n \/* FOOTER *\/\n\n .footer { text-align: center; font-size: 12px; color: #475569; margin-top: 30px; padding-top: 20px; border-top: 1px solid #1e293b; }\n\n \n\n \/* STEP VISIBILITY *\/\n\n .step { display: none; }\n\n .step.active { display: block; }\n\n \n\n @media print {\n\n body { background: #fff; color: #000; }\n\n .btn, .footer { display: none; }\n\n }\n\n<\/style>\n\n<\/head>\n\n<body>\n\n<div class=\"container\">\n\n \n\n \n\n <div class=\"header\">\n\n <div class=\"badge\">eTrainers.org | Premium Assessment<\/div>\n\n <h1>Leader Lens 360\u201a\u00d1\u00a2<\/h1>\n\n <p>AI-Powered Leadership Insight & Development Report<\/p>\n\n <\/div>\n\n \n\n \n\n <div class=\"step active\" id=\"step1\">\n\n \n\n <div class=\"card instructions\">\n\n <div class=\"section-title\">Instructions<\/div>\n\n <p>You have been selected to participate in a 360\u00ac\u221e leadership assessment using our <strong>Leader Lens 360\u201a\u00d1\u00a2<\/strong>.<\/p>\n\n <p>This process is designed to provide you with valuable insights into how others experience your leadership across key competency areas.<\/p>\n\n <p>Please enter your information below and invite individuals who can provide meaningful feedback \u201a\u00c4\u00ee your manager, a peer or direct report, and a client (if applicable).<\/p>\n\n <p>Once feedback is collected, you will receive a personalized report highlighting strengths, development opportunities, and a recommended learning path. This assessment typically takes 5\u201a\u00c4\u00ec7 minutes to complete.<\/p>\n\n <\/div>\n\n\n <div class=\"card\">\n\n <div class=\"section-title\">Your Information<\/div>\n\n <label>Your Full Name<\/label>\n\n <input type=\"text\" id=\"selfName\" placeholder=\"Enter your full name\">\n\n <label>Your Email Address<\/label>\n\n <input type=\"email\" id=\"selfEmail\" placeholder=\"Enter your email address\" autocomplete=\"email\">\n\n <div class=\"notice\">\u201a\u00f6\u2020 Your report will be delivered to this email address.<\/div>\n\n <\/div>\n\n \n\n <div class=\"card\">\n\n <div class=\"section-title\">Invite Your Raters<\/div>\n\n <p style=\"font-size:13px;color:#94a3b8;margin-bottom:16px;\">Enter the email addresses of the individuals you’d like to invite. Each will receive a confidential feedback link. Ratings are combined in the report; written comments may be included.<\/p>\n\n \n\n <label>Manager Email <span style=\"color:#ef4444;\">*<\/span><\/label>\n\n <input type=\"email\" id=\"mgrEmail\" placeholder=\"manager@company.com\" autocomplete=\"off\">\n\n \n\n <label style=\"margin-top:16px;\">Peer <em>or<\/em> Direct Report Email <span style=\"color:#ef4444;\">*<\/span><\/label>\n\n <div class=\"rater-row\">\n\n <select id=\"otherType\">\n\n <option value=\"peer\">Peer<\/option>\n\n <option value=\"direct_report\">Direct Report<\/option>\n\n <\/select>\n\n <input type=\"email\" id=\"otherEmail\" placeholder=\"colleague@company.com\" autocomplete=\"off\">\n\n <\/div>\n\n \n\n <label style=\"margin-top:16px;\">Client Email <em style=\"color:#94a3b8;\">(if applicable)<\/em><\/label>\n\n <input type=\"email\" id=\"clientEmail\" placeholder=\"client@company.com\" autocomplete=\"off\">\n\n <div class=\"notice\">\uf8ff\u00fc\u00ed\u00b0 Client feedback is highly recommended and provides unique external perspective.<\/div>\n\n <\/div>\n\n \n\n <button class=\"btn btn-primary\" onclick=\"goToSelf()\">Continue to Self Assessment \u201a\u00dc\u00ed<\/button>\n\n \n\n <\/div>\n\n \n\n \n\n <div class=\"step\" id=\"step2\">\n\n \n\n <div class=\"progress-label\" id=\"progressLabel\">Self Assessment<\/div>\n\n <div class=\"progress-bar-outer\"><div class=\"progress-bar-inner\" id=\"progressBar\" style=\"width:50%\"><\/div><\/div>\n\n\n <div class=\"card\">\n\n <div class=\"section-title\">Self Assessment<\/div>\n\n <p style=\"font-size:13px;color:#94a3b8;margin-bottom:4px;\">Rate yourself honestly across each leadership competency. Your self-ratings will be compared with feedback from others.<\/p>\n\n <div id=\"selfComps\"><\/div>\n\n <\/div>\n\n \n\n <div class=\"card\">\n\n <div class=\"section-title\">Actionable Feedback<\/div>\n\n <label>What is one thing you want to START, STOP, and CONTINUE in your leadership practice?<\/label>\n\n <textarea id=\"selfSSC\" placeholder=\"Start: ... Stop: ... Continue: ...\"><\/textarea>\n\n <\/div>\n\n \n\n <button class=\"btn btn-primary\" onclick=\"submitAll()\">Submit & Send Invitations<\/button>\n\n <button class=\"btn btn-secondary\" onclick=\"back()\">\u201a\u00dc\u00ea Back<\/button>\n\n <div id=\"statusMsg\"><\/div>\n\n \n\n <\/div>\n\n \n\n<\/div>\n\n \n\n\n\n<div class=\"footer\">\n\n \u00ac\u00a9 2026 eTrainers.org | Leader Lens 360\u201a\u00d1\u00a2 | All rights reserved.<br>\n\n Identify blind spots, align perceptions, and receive a personalized learning path in minutes.\n\n<\/div>\n\n \n\n<script>\n\nconst GS_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbyYCbivyFf5dCeM90tUj8eqr3bnSJQr89DN5PN_2z8irrV2lycD752_Y51vY4eIkpOA\/exec';\n\n \n\n\/\/ Published URL of the rater feedback form (Rater.html). After you publish the rater\n\n\/\/ form, paste its URL here and re-publish this file \u201a\u00c4\u00ee invitation links break without it.\n\nconst RATER_URL = 'https:\/\/etrainers.net\/?page_id=16';\n\n \n\nfunction getRaterBase() {\n\n if (RATER_URL && RATER_URL !== 'PASTE_PUBLISHED_RATER_URL_HERE') return RATER_URL.split('?')[0];\n\n \/\/ Local-file testing fallback: Rater.html sitting in the same folder\n\n if (window.location.protocol === 'file:') return window.location.href.split('?')[0].replace(\/[^\/]*$\/, 'Rater.html');\n\n return null;\n\n}\n\n \n\nconst COMPS = [\n\n { name: \"Leadership & Influence\", q: \"I positively influence others and inspire confidence in my direction and decisions.\" },\n\n { name: \"Communication & Feedback\", q: \"I communicate clearly and provide helpful, constructive feedback when needed.\" },\n\n { name: \"Coaching & Development\", q: \"I support the growth and development of others through guidance, feedback, or mentorship.\" },\n\n { name: \"Emotional Intelligence\", q: \"I demonstrate self-awareness and manage emotions effectively in professional interactions.\" },\n\n { name: \"Accountability & Ownership\", q: \"I take responsibility for my work and follow through on commitments.\" },\n\n { name: \"Change & Adaptability\", q: \"I adapt effectively to change and help others navigate transitions when needed.\" },\n\n { name: \"Conflict Resolution\", q: \"I address conflict constructively and work toward fair, productive resolutions.\" },\n\n { name: \"Inclusion & Collaboration\", q: \"I foster an inclusive environment and work effectively with diverse perspectives.\" },\n\n { name: \"Team Effectiveness\", q: \"I contribute to a positive, productive team environment and support shared goals.\" },\n\n { name: \"Strategic Thinking\", q: \"I demonstrate good judgment and consider broader impacts when making decisions.\" }\n\n];\n\n \n\nfunction buildComps(containerId, prefix) {\n\n const el = document.getElementById(containerId);\n\n COMPS.forEach((c, i) => {\n\n el.innerHTML += `\n\n <div class=\"comp-heading\">${i+1}. ${c.name}<\/div>\n\n <div class=\"comp-question\">${c.q}<\/div>\n\n <div class=\"likert-legend\"><span>Strongly Disagree<\/span><span>Strongly Agree<\/span><\/div>\n\n <div class=\"likert\">\n\n ${[1,2,3,4,5].map(v => `\n\n <input type=\"radio\" name=\"${prefix}_${i}\" id=\"${prefix}_${i}_${v}\" value=\"${v}\">\n\n <label for=\"${prefix}_${i}_${v}\">${v}<\/label>\n\n `).join('')}\n\n <\/div>\n\n <textarea id=\"${prefix}_comment_${i}\" placeholder=\"\uf8ff\u00fc\u00ed\u00a8 Optional comments or context...\"><\/textarea>\n\n `;\n\n });\n\n}\n\n \n\nbuildComps('selfComps', 'self');\n\n \n\nfunction getVal(prefix, i) {\n\n const el = document.querySelector(`input[name=\"${prefix}_${i}\"]:checked`);\n\n return el ? parseInt(el.value) : null;\n\n}\n\n \n\nfunction getComment(prefix, i) {\n\n const el = document.getElementById(`${prefix}_comment_${i}`);\n\n return el ? el.value.trim() : '';\n\n}\n\n \n\nfunction goToSelf() {\n\n const name = document.getElementById('selfName').value.trim();\n\n const email = document.getElementById('selfEmail').value.trim();\n\n const mgr = document.getElementById('mgrEmail').value.trim();\n\n const other = document.getElementById('otherEmail').value.trim();\n\n if (!name || !email || !mgr || !other) {\n\n alert('Please fill in your name, email, manager email, and peer\/direct report email before continuing.');\n\n return;\n\n }\n\n document.getElementById('step1').classList.remove('active');\n\n document.getElementById('step2').classList.add('active');\n\n window.scrollTo(0,0);\n\n}\n\n \n\nfunction back() {\n\n document.getElementById('step2').classList.remove('active');\n\n document.getElementById('step1').classList.add('active');\n\n window.scrollTo(0,0);\n\n}\n\n \n\nasync function submitAll() {\n\n const name = document.getElementById('selfName').value.trim();\n\n const email = document.getElementById('selfEmail').value.trim();\n\n const mgrEmail = document.getElementById('mgrEmail').value.trim();\n\n const otherEmail = document.getElementById('otherEmail').value.trim();\n\n const otherType = document.getElementById('otherType').value;\n\n const clientEmail = document.getElementById('clientEmail').value.trim();\n\n const ssc = document.getElementById('selfSSC').value.trim();\n\n const assessmentId = crypto.randomUUID();\n\n \n\n \/\/ Validate all ratings\n\n for (let i = 0; i < COMPS.length; i++) {\n\n if (!getVal('self', i)) {\n\n alert(`Please rate competency ${i+1}: ${COMPS[i].name}`);\n\n return;\n\n }\n\n }\n\n \n\n const selfScores = COMPS.map((c, i) => ({\n\n competency: c.name,\n\n score: getVal('self', i),\n\n comment: getComment('self', i)\n\n }));\n\n \n\n \/\/ Build rater link base\n\n const base = getRaterBase();\n\n const encodedName = encodeURIComponent(name);\n const encodedAssessmentId = encodeURIComponent(assessmentId);\n\n const mgrLink = `${base}?assessmentId=${encodedAssessmentId}&name=${encodedName}&type=manager`;\n const otherLink = `${base}?assessmentId=${encodedAssessmentId}&name=${encodedName}&type=${encodeURIComponent(otherType)}`;\n const clientLink = clientEmail\n ? `${base}?assessmentId=${encodedAssessmentId}&name=${encodedName}&type=client`\n : null;\n\n \n\n const payload = {\n\n assessmentId: assessmentId,\n \n type: 'self',\n\n participantName: name,\n\n participantEmail: email,\n\n assessmentType: 'Leader Lens 360 \u201a\u00c4\u00ec Self',\n\n selfScores,\n\n ssc,\n\n raters: {\n\n manager: mgrEmail,\n\n other: { type: otherType, email: otherEmail },\n\n client: clientEmail || null\n\n },\n\n raterLinks: { manager: mgrLink, other: otherLink, client: clientLink },\n\n sendEmail: true\n\n };\n\n \n\n \/\/ Build a confirmation email HTML\n\n const emailHtml = buildConfirmEmail(name, mgrLink, otherLink, clientLink, clientEmail);\n\n payload.emailHtml = emailHtml;\n\n \n\n const btn = document.querySelector('#step2 .btn-primary');\n\n btn.textContent = 'Sending...';\n\n btn.disabled = true;\n\n \n\n const msg = document.getElementById('statusMsg');\n\n msg.style.display = 'block';\n\n \n\n if (!base) {\n\n msg.className = 'error';\n\n msg.innerHTML = '\u201a\u00f6\u2020 Rater form link is not configured. Publish the rater form (Rater.html), paste its URL into RATER_URL at the top of this file, and re-publish this page.';\n\n btn.textContent = 'Submit & Send Invitations';\n\n btn.disabled = false;\n\n return;\n\n }\n\n \n\n if (!GS_URL || GS_URL === 'PASTE_YOUR_APPS_SCRIPT_URL_HERE') {\n\n msg.className = 'error';\n\n msg.innerHTML = '\u201a\u00f6\u2020 Email service not configured. Please add your Apps Script URL to this file.';\n\n btn.textContent = 'Submit & Send Invitations';\n\n btn.disabled = false;\n\n return;\n\n }\n\n \n\n try {\n\n await fetch(GS_URL, {\n\n method: 'POST', mode: 'no-cors',\n\n headers: { 'Content-Type': 'application\/json' },\n\n body: JSON.stringify(payload)\n\n });\n\n msg.className = 'success';\n\n msg.innerHTML = '\u201a\u00fa\u00d6 Submitted! Rater invitations are being sent. You will receive your full report once all responses are collected.';\n\n btn.textContent = '\u201a\u00fa\u00d6 Submitted';\n\n } catch(e) {\n\n msg.className = 'error';\n\n msg.innerHTML = '\u201a\u00f6\u2020 There was a problem submitting. Please try again.';\n\n btn.textContent = 'Submit & Send Invitations';\n\n btn.disabled = false;\n\n }\n\n}\n\n \n\nfunction buildConfirmEmail(name, mgrLink, otherLink, clientLink, clientEmail) {\n\n return `\n\n <div style=\"font-family:Arial,sans-serif;max-width:680px;margin:auto;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;\">\n\n <div style=\"background:linear-gradient(135deg,#3b82f6,#8b5cf6);padding:28px;text-align:center;color:#fff;\">\n\n <h2 style=\"margin:0;\">Leader Lens 360\u201a\u00d1\u00a2<\/h2>\n\n <p style=\"margin:6px 0 0;font-size:14px;opacity:0.85;\">eTrainers.org | AI-Powered Leadership Insight<\/p>\n\n <\/div>\n\n <div style=\"padding:28px;\">\n\n <p style=\"font-size:15px;\">Hi <strong>${name}<\/strong>,<\/p>\n\n <p>Your Leader Lens 360\u201a\u00d1\u00a2 assessment has been submitted. Invitations are being sent to your raters. Once all feedback is collected, you will receive your personalized development report.<\/p>\n\n <h3 style=\"color:#3b82f6;\">Rater Invitation Links<\/h3>\n\n <p>If any rater doesn't receive their email, you can share these links directly:<\/p>\n\n <p>\uf8ff\u00fc\u00ec\u00e3 <strong>Manager:<\/strong><br><a href=\"${mgrLink}\" style=\"color:#3b82f6;\">${mgrLink}<\/a><\/p>\n\n <p>\uf8ff\u00fc\u00ec\u00e3 <strong>Peer \/ Direct Report:<\/strong><br><a href=\"${otherLink}\" style=\"color:#3b82f6;\">${otherLink}<\/a><\/p>\n\n ${clientEmail ? `<p>\uf8ff\u00fc\u00ec\u00e3 <strong>Client:<\/strong><br><a href=\"${clientLink}\" style=\"color:#3b82f6;\">${clientLink}<\/a><\/p>` : ''}\n\n <\/div>\n\n <div style=\"background:#f8fafc;padding:16px;text-align:center;font-size:12px;color:#64748b;\">\n\n \u00ac\u00a9 2026 eTrainers.org | Leader Lens 360\u201a\u00d1\u00a2 | All rights reserved.\n\n <\/div>\n\n <\/div>`;\n\n}\n\n<\/script>\n\n<\/body>\n\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Leader Lens 360 | Self Assessment | eTrainers.org eTrainers.org | Premium Assessment Leader Lens 360\u201a\u00d1\u00a2 AI-Powered Leadership Insight & Development Report Instructions You have been selected to participate in a 360\u00ac\u221e leadership assessment using our Leader Lens 360\u201a\u00d1\u00a2. This process is designed to provide you with valuable insights into how others experience your leadership across […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/etrainers.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":9,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":7,"date":"2026-08-04T23:05:55","date_gmt":"2026-08-04T23:05:55","guid":{"rendered":"https:\/\/etrainers.net\/?page_id=7"},"modified":"2026-08-05T01:48:13","modified_gmt":"2026-08-05T01:48:13","slug":"ai-fluency-microsoft-365-copilot","status":"publish","type":"page","link":"https:\/\/etrainers.net\/?page_id=7","title":{"rendered":"Self Assessment"},"content":{"rendered":"\n\n\n\n\n\n\n\n\n\n\nLeader Lens 360 | Self Assessment | eTrainers.org<\/title>\n\n<style>\n\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body { font-family: 'Inter', Arial, sans-serif; background: #0f172a; color: #e2e8f0; padding: 20px; }\n\n .container { max-width: 860px; margin: auto; }\n\n \n\n \/* HEADER *\/\n\n .header { background: linear-gradient(135deg, #3b82f6, #8b5cf6); border-radius: 16px; padding: 32px; text-align: center; margin-bottom: 24px; }\n\n .header .badge { display: inline-block; background: rgba(255,255,255,0.15); border-radius: 20px; padding: 5px 14px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 12px; }\n\n .header h1 { font-size: 28px; font-weight: 700; margin-bottom: 6px; }\n\n .header p { font-size: 14px; opacity: 0.85; }\n\n \n\n \/* PROGRESS *\/\n\n .progress-bar-outer { background: #1e293b; border-radius: 8px; height: 6px; margin-bottom: 24px; }\n\n .progress-bar-inner { background: linear-gradient(90deg, #3b82f6, #8b5cf6); height: 6px; border-radius: 8px; transition: width 0.4s; }\n\n .progress-label { text-align: center; font-size: 12px; color: #94a3b8; margin-bottom: 8px; }\n\n \n\n \/* CARDS *\/\n\n .card { background: #1e293b; border-radius: 14px; padding: 24px; margin-bottom: 20px; border: 1px solid #334155; }\n\n \n\n \/* SECTION HEADINGS *\/\n\n .section-title {\n\n font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;\n\n background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n\n margin-bottom: 14px;\n\n }\n\n \n\n \/* INPUTS *\/\n\n label { display: block; font-size: 13px; color: #94a3b8; margin-bottom: 5px; margin-top: 12px; }\n\n input[type=text], input[type=email], input[type=number], textarea, select {\n\n width: 100%; padding: 10px 14px; border-radius: 8px;\n\n background: #0f172a; color: #e2e8f0;\n\n border: 1px solid #334155; font-size: 14px;\n\n transition: border 0.2s;\n\n }\n\n input:focus, textarea:focus, select:focus { outline: none; border-color: #3b82f6; }\n\n textarea { min-height: 70px; resize: vertical; }\n\n input[type=number] { -moz-appearance: textfield; }\n\n \n\n \/* COMPETENCY HEADINGS *\/\n\n .comp-heading {\n\n font-size: 14px; font-weight: 600;\n\n background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n\n margin: 20px 0 4px;\n\n }\n\n .comp-question { font-size: 13px; color: #cbd5e1; margin-bottom: 6px; }\n\n \n\n \/* BUTTONS *\/\n\n .btn { display: inline-block; width: 100%; padding: 14px; border: none; border-radius: 10px; font-size: 15px; font-weight: 600; cursor: pointer; transition: opacity 0.2s; }\n\n .btn-primary { background: linear-gradient(135deg, #3b82f6, #8b5cf6); color: #fff; }\n\n .btn-primary:hover { opacity: 0.9; }\n\n .btn-secondary { background: #334155; color: #e2e8f0; margin-top: 10px; }\n\n \n\n \/* RATER ROW *\/\n\n .rater-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: end; }\n\n \n\n \/* INSTRUCTIONS *\/\n\n .instructions p { font-size: 14px; color: #cbd5e1; line-height: 1.7; margin-bottom: 10px; }\n\n .instructions p:last-child { margin-bottom: 0; }\n\n \n\n \/* LIKERT *\/\n\n .likert { display: flex; gap: 8px; margin: 8px 0; }\n\n .likert label {\n\n flex: 1; text-align: center; background: #0f172a; border: 1px solid #334155;\n\n border-radius: 8px; padding: 8px 4px; cursor: pointer; font-size: 12px;\n\n color: #94a3b8; transition: all 0.2s; -webkit-text-fill-color: #94a3b8;\n\n }\n\n .likert input[type=radio] { display: none; }\n\n .likert input[type=radio]:checked + label { background: linear-gradient(135deg,#3b82f6,#8b5cf6); color: #fff; -webkit-text-fill-color: #fff; border-color: #3b82f6; }\n\n .likert-legend { display: flex; justify-content: space-between; font-size: 11px; color: #64748b; margin-bottom: 4px; }\n\n \n\n \/* NOTICE *\/\n\n .notice { background: rgba(59,130,246,0.1); border: 1px solid rgba(59,130,246,0.3); border-radius: 8px; padding: 12px 16px; font-size: 13px; color: #93c5fd; margin-top: 10px; }\n\n \n\n \/* STATUS *\/\n\n #statusMsg { margin-top: 14px; padding: 12px; border-radius: 8px; text-align: center; font-size: 14px; display: none; }\n\n .success { background: rgba(34,197,94,0.15); border: 1px solid #22c55e; color: #86efac; }\n\n .error { background: rgba(239,68,68,0.15); border: 1px solid #ef4444; color: #fca5a5; }\n\n \n\n \/* FOOTER *\/\n\n .footer { text-align: center; font-size: 12px; color: #475569; margin-top: 30px; padding-top: 20px; border-top: 1px solid #1e293b; }\n\n \n\n \/* STEP VISIBILITY *\/\n\n .step { display: none; }\n\n .step.active { display: block; }\n\n \n\n @media print {\n\n body { background: #fff; color: #000; }\n\n .btn, .footer { display: none; }\n\n }\n\n<\/style>\n\n<\/head>\n\n<body>\n\n<div class=\"container\">\n\n \n\n \n\n <div class=\"header\">\n\n <div class=\"badge\">eTrainers.org | Premium Assessment<\/div>\n\n <h1>Leader Lens 360\u201a\u00d1\u00a2<\/h1>\n\n <p>AI-Powered Leadership Insight & Development Report<\/p>\n\n <\/div>\n\n \n\n \n\n <div class=\"step active\" id=\"step1\">\n\n \n\n <div class=\"card instructions\">\n\n <div class=\"section-title\">Instructions<\/div>\n\n <p>You have been selected to participate in a 360\u00ac\u221e leadership assessment using our <strong>Leader Lens 360\u201a\u00d1\u00a2<\/strong>.<\/p>\n\n <p>This process is designed to provide you with valuable insights into how others experience your leadership across key competency areas.<\/p>\n\n <p>Please enter your information below and invite individuals who can provide meaningful feedback \u201a\u00c4\u00ee your manager, a peer or direct report, and a client (if applicable).<\/p>\n\n <p>Once feedback is collected, you will receive a personalized report highlighting strengths, development opportunities, and a recommended learning path. This assessment typically takes 5\u201a\u00c4\u00ec7 minutes to complete.<\/p>\n\n <\/div>\n\n\n <div class=\"card\">\n\n <div class=\"section-title\">Your Information<\/div>\n\n <label>Your Full Name<\/label>\n\n <input type=\"text\" id=\"selfName\" placeholder=\"Enter your full name\">\n\n <label>Your Email Address<\/label>\n\n <input type=\"email\" id=\"selfEmail\" placeholder=\"Enter your email address\" autocomplete=\"email\">\n\n <div class=\"notice\">\u201a\u00f6\u2020 Your report will be delivered to this email address.<\/div>\n\n <\/div>\n\n \n\n <div class=\"card\">\n\n <div class=\"section-title\">Invite Your Raters<\/div>\n\n <p style=\"font-size:13px;color:#94a3b8;margin-bottom:16px;\">Enter the email addresses of the individuals you’d like to invite. Each will receive a confidential feedback link. Ratings are combined in the report; written comments may be included.<\/p>\n\n \n\n <label>Manager Email <span style=\"color:#ef4444;\">*<\/span><\/label>\n\n <input type=\"email\" id=\"mgrEmail\" placeholder=\"manager@company.com\" autocomplete=\"off\">\n\n \n\n <label style=\"margin-top:16px;\">Peer <em>or<\/em> Direct Report Email <span style=\"color:#ef4444;\">*<\/span><\/label>\n\n <div class=\"rater-row\">\n\n <select id=\"otherType\">\n\n <option value=\"peer\">Peer<\/option>\n\n <option value=\"direct_report\">Direct Report<\/option>\n\n <\/select>\n\n <input type=\"email\" id=\"otherEmail\" placeholder=\"colleague@company.com\" autocomplete=\"off\">\n\n <\/div>\n\n \n\n <label style=\"margin-top:16px;\">Client Email <em style=\"color:#94a3b8;\">(if applicable)<\/em><\/label>\n\n <input type=\"email\" id=\"clientEmail\" placeholder=\"client@company.com\" autocomplete=\"off\">\n\n <div class=\"notice\">\uf8ff\u00fc\u00ed\u00b0 Client feedback is highly recommended and provides unique external perspective.<\/div>\n\n <\/div>\n\n \n\n <button class=\"btn btn-primary\" onclick=\"goToSelf()\">Continue to Self Assessment \u201a\u00dc\u00ed<\/button>\n\n \n\n <\/div>\n\n \n\n \n\n <div class=\"step\" id=\"step2\">\n\n \n\n <div class=\"progress-label\" id=\"progressLabel\">Self Assessment<\/div>\n\n <div class=\"progress-bar-outer\"><div class=\"progress-bar-inner\" id=\"progressBar\" style=\"width:50%\"><\/div><\/div>\n\n\n <div class=\"card\">\n\n <div class=\"section-title\">Self Assessment<\/div>\n\n <p style=\"font-size:13px;color:#94a3b8;margin-bottom:4px;\">Rate yourself honestly across each leadership competency. Your self-ratings will be compared with feedback from others.<\/p>\n\n <div id=\"selfComps\"><\/div>\n\n <\/div>\n\n \n\n <div class=\"card\">\n\n <div class=\"section-title\">Actionable Feedback<\/div>\n\n <label>What is one thing you want to START, STOP, and CONTINUE in your leadership practice?<\/label>\n\n <textarea id=\"selfSSC\" placeholder=\"Start: ... Stop: ... Continue: ...\"><\/textarea>\n\n <\/div>\n\n \n\n <button class=\"btn btn-primary\" onclick=\"submitAll()\">Submit & Send Invitations<\/button>\n\n <button class=\"btn btn-secondary\" onclick=\"back()\">\u201a\u00dc\u00ea Back<\/button>\n\n <div id=\"statusMsg\"><\/div>\n\n \n\n <\/div>\n\n \n\n<\/div>\n\n \n\n\n\n<div class=\"footer\">\n\n \u00ac\u00a9 2026 eTrainers.org | Leader Lens 360\u201a\u00d1\u00a2 | All rights reserved.<br>\n\n Identify blind spots, align perceptions, and receive a personalized learning path in minutes.\n\n<\/div>\n\n \n\n<script>\n\nconst GS_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbyYCbivyFf5dCeM90tUj8eqr3bnSJQr89DN5PN_2z8irrV2lycD752_Y51vY4eIkpOA\/exec';\n\n \n\n\/\/ Published URL of the rater feedback form (Rater.html). After you publish the rater\n\n\/\/ form, paste its URL here and re-publish this file \u201a\u00c4\u00ee invitation links break without it.\n\nconst RATER_URL = 'https:\/\/etrainers.net\/?page_id=16';\n\n \n\nfunction getRaterBase() {\n\n if (RATER_URL && RATER_URL !== 'PASTE_PUBLISHED_RATER_URL_HERE') return RATER_URL.split('?')[0];\n\n \/\/ Local-file testing fallback: Rater.html sitting in the same folder\n\n if (window.location.protocol === 'file:') return window.location.href.split('?')[0].replace(\/[^\/]*$\/, 'Rater.html');\n\n return null;\n\n}\n\n \n\nconst COMPS = [\n\n { name: \"Leadership & Influence\", q: \"I positively influence others and inspire confidence in my direction and decisions.\" },\n\n { name: \"Communication & Feedback\", q: \"I communicate clearly and provide helpful, constructive feedback when needed.\" },\n\n { name: \"Coaching & Development\", q: \"I support the growth and development of others through guidance, feedback, or mentorship.\" },\n\n { name: \"Emotional Intelligence\", q: \"I demonstrate self-awareness and manage emotions effectively in professional interactions.\" },\n\n { name: \"Accountability & Ownership\", q: \"I take responsibility for my work and follow through on commitments.\" },\n\n { name: \"Change & Adaptability\", q: \"I adapt effectively to change and help others navigate transitions when needed.\" },\n\n { name: \"Conflict Resolution\", q: \"I address conflict constructively and work toward fair, productive resolutions.\" },\n\n { name: \"Inclusion & Collaboration\", q: \"I foster an inclusive environment and work effectively with diverse perspectives.\" },\n\n { name: \"Team Effectiveness\", q: \"I contribute to a positive, productive team environment and support shared goals.\" },\n\n { name: \"Strategic Thinking\", q: \"I demonstrate good judgment and consider broader impacts when making decisions.\" }\n\n];\n\n \n\nfunction buildComps(containerId, prefix) {\n\n const el = document.getElementById(containerId);\n\n COMPS.forEach((c, i) => {\n\n el.innerHTML += `\n\n <div class=\"comp-heading\">${i+1}. ${c.name}<\/div>\n\n <div class=\"comp-question\">${c.q}<\/div>\n\n <div class=\"likert-legend\"><span>Strongly Disagree<\/span><span>Strongly Agree<\/span><\/div>\n\n <div class=\"likert\">\n\n ${[1,2,3,4,5].map(v => `\n\n <input type=\"radio\" name=\"${prefix}_${i}\" id=\"${prefix}_${i}_${v}\" value=\"${v}\">\n\n <label for=\"${prefix}_${i}_${v}\">${v}<\/label>\n\n `).join('')}\n\n <\/div>\n\n <textarea id=\"${prefix}_comment_${i}\" placeholder=\"\uf8ff\u00fc\u00ed\u00a8 Optional comments or context...\"><\/textarea>\n\n `;\n\n });\n\n}\n\n \n\nbuildComps('selfComps', 'self');\n\n \n\nfunction getVal(prefix, i) {\n\n const el = document.querySelector(`input[name=\"${prefix}_${i}\"]:checked`);\n\n return el ? parseInt(el.value) : null;\n\n}\n\n \n\nfunction getComment(prefix, i) {\n\n const el = document.getElementById(`${prefix}_comment_${i}`);\n\n return el ? el.value.trim() : '';\n\n}\n\n \n\nfunction goToSelf() {\n\n const name = document.getElementById('selfName').value.trim();\n\n const email = document.getElementById('selfEmail').value.trim();\n\n const mgr = document.getElementById('mgrEmail').value.trim();\n\n const other = document.getElementById('otherEmail').value.trim();\n\n if (!name || !email || !mgr || !other) {\n\n alert('Please fill in your name, email, manager email, and peer\/direct report email before continuing.');\n\n return;\n\n }\n\n document.getElementById('step1').classList.remove('active');\n\n document.getElementById('step2').classList.add('active');\n\n window.scrollTo(0,0);\n\n}\n\n \n\nfunction back() {\n\n document.getElementById('step2').classList.remove('active');\n\n document.getElementById('step1').classList.add('active');\n\n window.scrollTo(0,0);\n\n}\n\n \n\nasync function submitAll() {\n\n const name = document.getElementById('selfName').value.trim();\n\n const email = document.getElementById('selfEmail').value.trim();\n\n const mgrEmail = document.getElementById('mgrEmail').value.trim();\n\n const otherEmail = document.getElementById('otherEmail').value.trim();\n\n const otherType = document.getElementById('otherType').value;\n\n const clientEmail = document.getElementById('clientEmail').value.trim();\n\n const ssc = document.getElementById('selfSSC').value.trim();\n\n const assessmentId = crypto.randomUUID();\n\n \n\n \/\/ Validate all ratings\n\n for (let i = 0; i < COMPS.length; i++) {\n\n if (!getVal('self', i)) {\n\n alert(`Please rate competency ${i+1}: ${COMPS[i].name}`);\n\n return;\n\n }\n\n }\n\n \n\n const selfScores = COMPS.map((c, i) => ({\n\n competency: c.name,\n\n score: getVal('self', i),\n\n comment: getComment('self', i)\n\n }));\n\n \n\n \/\/ Build rater link base\n\n const base = getRaterBase();\n\n const encodedName = encodeURIComponent(name);\n const encodedAssessmentId = encodeURIComponent(assessmentId);\n\n const mgrLink = `${base}?assessmentId=${encodedAssessmentId}&name=${encodedName}&type=manager`;\n const otherLink = `${base}?assessmentId=${encodedAssessmentId}&name=${encodedName}&type=${encodeURIComponent(otherType)}`;\n const clientLink = clientEmail\n ? `${base}?assessmentId=${encodedAssessmentId}&name=${encodedName}&type=client`\n : null;\n\n \n\n const payload = {\n\n assessmentId: assessmentId,\n \n type: 'self',\n\n participantName: name,\n\n participantEmail: email,\n\n assessmentType: 'Leader Lens 360 \u201a\u00c4\u00ec Self',\n\n selfScores,\n\n ssc,\n\n raters: {\n\n manager: mgrEmail,\n\n other: { type: otherType, email: otherEmail },\n\n client: clientEmail || null\n\n },\n\n raterLinks: { manager: mgrLink, other: otherLink, client: clientLink },\n\n sendEmail: true\n\n };\n\n \n\n \/\/ Build a confirmation email HTML\n\n const emailHtml = buildConfirmEmail(name, mgrLink, otherLink, clientLink, clientEmail);\n\n payload.emailHtml = emailHtml;\n\n \n\n const btn = document.querySelector('#step2 .btn-primary');\n\n btn.textContent = 'Sending...';\n\n btn.disabled = true;\n\n \n\n const msg = document.getElementById('statusMsg');\n\n msg.style.display = 'block';\n\n \n\n if (!base) {\n\n msg.className = 'error';\n\n msg.innerHTML = '\u201a\u00f6\u2020 Rater form link is not configured. Publish the rater form (Rater.html), paste its URL into RATER_URL at the top of this file, and re-publish this page.';\n\n btn.textContent = 'Submit & Send Invitations';\n\n btn.disabled = false;\n\n return;\n\n }\n\n \n\n if (!GS_URL || GS_URL === 'PASTE_YOUR_APPS_SCRIPT_URL_HERE') {\n\n msg.className = 'error';\n\n msg.innerHTML = '\u201a\u00f6\u2020 Email service not configured. Please add your Apps Script URL to this file.';\n\n btn.textContent = 'Submit & Send Invitations';\n\n btn.disabled = false;\n\n return;\n\n }\n\n \n\n try {\n\n await fetch(GS_URL, {\n\n method: 'POST', mode: 'no-cors',\n\n headers: { 'Content-Type': 'application\/json' },\n\n body: JSON.stringify(payload)\n\n });\n\n msg.className = 'success';\n\n msg.innerHTML = '\u201a\u00fa\u00d6 Submitted! Rater invitations are being sent. You will receive your full report once all responses are collected.';\n\n btn.textContent = '\u201a\u00fa\u00d6 Submitted';\n\n } catch(e) {\n\n msg.className = 'error';\n\n msg.innerHTML = '\u201a\u00f6\u2020 There was a problem submitting. Please try again.';\n\n btn.textContent = 'Submit & Send Invitations';\n\n btn.disabled = false;\n\n }\n\n}\n\n \n\nfunction buildConfirmEmail(name, mgrLink, otherLink, clientLink, clientEmail) {\n\n return `\n\n <div style=\"font-family:Arial,sans-serif;max-width:680px;margin:auto;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;\">\n\n <div style=\"background:linear-gradient(135deg,#3b82f6,#8b5cf6);padding:28px;text-align:center;color:#fff;\">\n\n <h2 style=\"margin:0;\">Leader Lens 360\u201a\u00d1\u00a2<\/h2>\n\n <p style=\"margin:6px 0 0;font-size:14px;opacity:0.85;\">eTrainers.org | AI-Powered Leadership Insight<\/p>\n\n <\/div>\n\n <div style=\"padding:28px;\">\n\n <p style=\"font-size:15px;\">Hi <strong>${name}<\/strong>,<\/p>\n\n <p>Your Leader Lens 360\u201a\u00d1\u00a2 assessment has been submitted. Invitations are being sent to your raters. Once all feedback is collected, you will receive your personalized development report.<\/p>\n\n <h3 style=\"color:#3b82f6;\">Rater Invitation Links<\/h3>\n\n <p>If any rater doesn't receive their email, you can share these links directly:<\/p>\n\n <p>\uf8ff\u00fc\u00ec\u00e3 <strong>Manager:<\/strong><br><a href=\"${mgrLink}\" style=\"color:#3b82f6;\">${mgrLink}<\/a><\/p>\n\n <p>\uf8ff\u00fc\u00ec\u00e3 <strong>Peer \/ Direct Report:<\/strong><br><a href=\"${otherLink}\" style=\"color:#3b82f6;\">${otherLink}<\/a><\/p>\n\n ${clientEmail ? `<p>\uf8ff\u00fc\u00ec\u00e3 <strong>Client:<\/strong><br><a href=\"${clientLink}\" style=\"color:#3b82f6;\">${clientLink}<\/a><\/p>` : ''}\n\n <\/div>\n\n <div style=\"background:#f8fafc;padding:16px;text-align:center;font-size:12px;color:#64748b;\">\n\n \u00ac\u00a9 2026 eTrainers.org | Leader Lens 360\u201a\u00d1\u00a2 | All rights reserved.\n\n <\/div>\n\n <\/div>`;\n\n}\n\n<\/script>\n\n<\/body>\n\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Leader Lens 360 | Self Assessment | eTrainers.org eTrainers.org | Premium Assessment Leader Lens 360\u201a\u00d1\u00a2 AI-Powered Leadership Insight & Development Report Instructions You have been selected to participate in a 360\u00ac\u221e leadership assessment using our Leader Lens 360\u201a\u00d1\u00a2. This process is designed to provide you with valuable insights into how others experience your leadership across […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/etrainers.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":9,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}