Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Discover Your Leadership Archetype</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 20px;
      padding: 0;
      background-color: #f4f4f4;
    }
    .container {
      max-width: 600px;
      margin: 0 auto;
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    h1 {
      text-align: center;
      color: #333;
    }
    .question {
      margin-bottom: 15px;
    }
    .question h3 {
      margin: 0 0 10px;
    }
    .options {
      margin-bottom: 20px;
    }
    .options label {
      display: block;
      margin-bottom: 5px;
    }
    button {
      display: block;
      width: 100%;
      background-color: #007BFF;
      color: white;
      border: none;
      padding: 10px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }
    button:hover {
      background-color: #0056b3;
    }
    .result {
      margin-top: 20px;
      font-size: 18px;
      text-align: center;
      color: #333;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Discover Your Leadership Archetype</h1>
    <form id="archetypeQuiz">
      <div class="question">
        <h3>1. What motivates you as a leader?</h3>
        <div class="options">
          <label><input type="radio" name="q1" value="A"> Inspiring others with a compelling vision.</label>
          <label><input type="radio" name="q1" value="B"> Building a supportive and collaborative team.</label>
          <label><input type="radio" name="q1" value="C"> Solving complex problems and achieving results.</label>
          <label><input type="radio" name="q1" value="D"> Taking decisive actions to overcome challenges.</label>
        </div>
      </div>

      <div class="question">
        <h3>2. How do you approach decision-making?</h3>
        <div class="options">
          <label><input type="radio" name="q2" value="A"> I focus on long-term impact and alignment with the big picture.</label>
          <label><input type="radio" name="q2" value="B"> I consider how decisions affect people emotionally and socially.</label>
          <label><input type="radio" name="q2" value="C"> I analyze all available data and make logical choices.</label>
          <label><input type="radio" name="q2" value="D"> I trust my instincts and act quickly under pressure.</label>
        </div>
      </div>

      <div class="question">
        <h3>3. What is your biggest strength as a leader?</h3>
        <div class="options">
          <label><input type="radio" name="q3" value="A"> Creativity and innovation.</label>
          <label><input type="radio" name="q3" value="B"> Empathy and emotional intelligence.</label>
          <label><input type="radio" name="q3" value="C"> Strategic thinking and planning.</label>
          <label><input type="radio" name="q3" value="D"> Courage and adaptability.</label>
        </div>
      </div>

      <div class="question">
        <h3>4. How do you define success?</h3>
        <div class="options">
          <label><input type="radio" name="q4" value="A"> Creating a lasting impact or legacy.</label>
          <label><input type="radio" name="q4" value="B"> Fostering strong relationships and team harmony.</label>
          <label><input type="radio" name="q4" value="C"> Achieving measurable goals and efficient results.</label>
          <label><input type="radio" name="q4" value="D"> Overcoming significant challenges and achieving ambitious goals.</label>
        </div>
      </div>

      <button type="button" onclick="calculateResult()">Submit</button>
    </form>
    <div id="result" class="result"></div>
  </div>

  <script>
    function calculateResult() {
      const answers = Array.from(document.querySelectorAll('input[type="radio"]:checked')).map(input => input.value);
      if (answers.length < 4) {
        document.getElementById('result').innerText = "Please answer all the questions.";
        return;
      }
      
      const counts = { A: 0, B: 0, C: 0, D: 0 };
      answers.forEach(answer => counts[answer]++);

      const max = Math.max(counts.A, counts.B, counts.C, counts.D);
      let archetype = "";

      if (counts.A === max) archetype = "The Visionary: A creative and inspiring leader.";
      if (counts.B === max) archetype = "The Nurturer: An empathetic and supportive leader.";
      if (counts.C === max) archetype = "The Strategist: A logical and goal-oriented leader.";
      if (counts.D === max) archetype = "The Warrior: A bold and decisive leader.";

      document.getElementById('result').innerText = `Your Leadership Archetype: ${archetype}`;
    }
  </script>
</body>
</html>

Forever Jung LLC

Jungian Psychology | Coaching | Courses | Research 

Discover Your Archetype

1. Which image inspires you the most?

2. Which setting feels most like home?

3. Which symbol speaks to your soul?

Discover Your Leadership Archetype

1. What motivates you as a leader?

2. How do you approach decision-making?

3. What is your biggest strength as a leader?

4. How do you define success?