From 623bfae73e31890b3ea458ba6fbe17f81834e6d7 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Thu, 11 Apr 2024 18:55:17 +0300
Subject: [PATCH 01/32] Added a new page and basic interactivity

---
 advisor.html | 97 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 index.html   | 19 ++++++++++
 2 files changed, 116 insertions(+)
 create mode 100644 advisor.html

diff --git a/advisor.html b/advisor.html
new file mode 100644
index 000000000..0e025fe6a
--- /dev/null
+++ b/advisor.html
@@ -0,0 +1,97 @@
+---
+layout: default
+title: License Advisor
+permalink: /advisor/
+---
+
+<div class="main-content">
+    <p>This interactive quiz will help you find the open source license best suited for your project.</p>
+
+    <div id="quizDialog" class="quiz-dialog">
+        <p>Do you prefer permissive or copyleft licenses?</p>
+        <button data-filter="permissive">Permissive</button>
+        <button data-filter="copyleft">Copyleft</button>
+        <button data-filter="any">Any</button>
+    </div>
+    
+    
+    <!-- Filter UI -->
+    <div id="licenseFilters">
+        <label><input type="checkbox" name="filter" value="permissive"> Permissive</label>
+        <label><input type="checkbox" name="filter" value="copyleft"> Copyleft</label>
+        <label><input type="checkbox" name="filter" value="patent-protection"> Patent Protection</label>
+        <!-- Add more filters as needed -->
+    </div>
+    
+    <!-- License Sections -->
+    <div class="license" data-type="permissive" data-patent-protection="false">
+        {% include license-overview.html license-id="mit" %}
+    </div>
+    <div class="license" data-type="copyleft" data-patent-protection="true">
+        {% include license-overview.html license-id="gpl-3.0" %}
+    </div>
+    <div class="license" data-type="permissive" data-patent-protection="true">
+        {% include license-overview.html license-id="apache-2.0" %}
+    </div>
+    <!-- Add more licenses as needed -->
+</div>
+
+<script>
+document.addEventListener("DOMContentLoaded", function() {
+    // Handle quiz dialog interactions
+    document.querySelectorAll('#quizDialog button').forEach(button => {
+        button.addEventListener('click', function() {
+            const filter = this.getAttribute('data-filter');
+            applyFilters(filter);
+            // Hide the dialog and potentially show the next question
+            document.getElementById('quizDialog').style.display = 'none';
+            // If implementing multiple questions, here you would set up the next question
+        });
+    });
+
+    // Adjusted to take an optional filter parameter
+    function applyFilters(selectedFilter = 'any') {
+        const filters = document.querySelectorAll('#licenseFilters input[type="checkbox"]');
+        if (selectedFilter !== 'any') {
+            filters.forEach(filter => {
+                filter.checked = filter.value === selectedFilter;
+            });
+        } else {
+            filters.forEach(filter => filter.checked = false);
+        }
+
+        // Trigger the filtering logic
+        const selectedFilters = Array.from(filters)
+            .filter(filter => filter.checked)
+            .map(filter => filter.value);
+        
+        document.querySelectorAll('.license').forEach(license => {
+            const type = license.getAttribute('data-type');
+            const patentProtection = license.getAttribute('data-patent-protection') === 'true';
+            let show = selectedFilters.length === 0 || selectedFilters.includes(type) || (selectedFilters.includes('patent-protection') && patentProtection);
+            license.style.display = show ? '' : 'none';
+        });
+    }
+});
+
+</script>
+
+<style>
+
+    .quiz-dialog {
+    border: 1px solid #ccc;
+    padding: 20px;
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+.quiz-dialog p {
+    margin: 20px 0;
+}
+
+.quiz-dialog button {
+    margin: 0 10px;
+    padding: 5px 15px;
+}
+
+</style>
\ No newline at end of file
diff --git a/index.html b/index.html
index b8d343a43..1616c685b 100644
--- a/index.html
+++ b/index.html
@@ -51,6 +51,25 @@ <h3>I care about sharing improvements.</h3>
     </p>
   </li>
 </ul>
+
+
+
+
+<h2>
+  <span>{</span>
+  Want a personalized answer? Try License Advisor
+  <span>}</span>
+</h2>
+<a href="advisor/">
+  <h2>I want it simple and comprehensive answer!</h2>
+</a>
+<p>
+  The License Advisor is an interactive quiz that will give you the answer tailored to your needs
+</p>
+
+
+
+
 <h2>
   <span>{</span>
   What if none of these work for me?

From 0ef01a4451732768ce730aaa6036c88997dae32d Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Sat, 13 Apr 2024 11:06:12 +0300
Subject: [PATCH 02/32] Update

---
 advisor.html | 169 +++++++++++++++++++++++++++++++++------------------
 1 file changed, 109 insertions(+), 60 deletions(-)

diff --git a/advisor.html b/advisor.html
index 0e025fe6a..7a0d62fe7 100644
--- a/advisor.html
+++ b/advisor.html
@@ -5,80 +5,128 @@
 ---
 
 <div class="main-content">
-    <p>This interactive quiz will help you find the open source license best suited for your project.</p>
 
+    <!-- Quiz Dialog -->
+    <p>Answer the following questions to find the open source license best suited for your project.</p>
     <div id="quizDialog" class="quiz-dialog">
-        <p>Do you prefer permissive or copyleft licenses?</p>
-        <button data-filter="permissive">Permissive</button>
-        <button data-filter="copyleft">Copyleft</button>
-        <button data-filter="any">Any</button>
+        <!-- Quiz questions will be dynamically inserted here -->
     </div>
-    
-    
-    <!-- Filter UI -->
-    <div id="licenseFilters">
-        <label><input type="checkbox" name="filter" value="permissive"> Permissive</label>
-        <label><input type="checkbox" name="filter" value="copyleft"> Copyleft</label>
-        <label><input type="checkbox" name="filter" value="patent-protection"> Patent Protection</label>
-        <!-- Add more filters as needed -->
-    </div>
-    
-    <!-- License Sections -->
-    <div class="license" data-type="permissive" data-patent-protection="false">
-        {% include license-overview.html license-id="mit" %}
-    </div>
-    <div class="license" data-type="copyleft" data-patent-protection="true">
-        {% include license-overview.html license-id="gpl-3.0" %}
+
+    <!-- Filters (hidden by default, will be shown after quiz is completed) -->
+    <div id="licenseFilters" class="quiz-dialog">
+        <label><input type="checkbox" name="filter" value="permissive" onchange="updateFilters()"> Permissive</label>
+        <label><input type="checkbox" name="filter" value="copyleft" onchange="updateFilters()"> Copyleft</label>
+        <label><input type="checkbox" name="filter" value="patent" onchange="updateFilters()"> Patent</label>
+        <label><input type="checkbox" name="filter" value="liability" onchange="updateFilters()"> Liability</label>
+        <label><input type="checkbox" name="filter" value="trademark" onchange="updateFilters()"> Trademark Use</label>
+        <label><input type="checkbox" name="filter" value="warranty" onchange="updateFilters()"> Warranty</label>
+        <label><input type="checkbox" name="filter" value="documentation" onchange="updateFilters()"> Changes</label>
     </div>
-    <div class="license" data-type="permissive" data-patent-protection="true">
-        {% include license-overview.html license-id="apache-2.0" %}
+
+    <!-- License List (hidden by default, will be shown after quiz is completed) -->
+    <div id="license-list">
+        <!-- Dynamic license entries will be inserted here based on filters -->
+        <div class="license" data-type="permissive" data-patent="no" data-liability="yes" data-trademark="no" data-warranty="yes" data-documentation="no">
+            {% include license-overview.html license-id="mit" %}
+        </div>
+        <div class="license" data-type="copyleft" data-patent="yes" data-liability="yes" data-trademark="no" data-warranty="yes" data-documentation="yes">
+            {% include license-overview.html license-id="gpl-3.0" %}
+        </div>
+        <div class="license" data-type="permissive" data-patent="yes" data-liability="yes" data-trademark="yes" data-warranty="yes" data-documentation="yes">
+            {% include license-overview.html license-id="apache-2.0" %}
+        </div>
+        <div class="license" data-type="permissive" data-patent="no" data-liability="yes" data-trademark="no" data-warranty="yes" data-documentation="no">
+            {% include license-overview.html license-id="bsd-2-clause" %}
+        </div>
+        <div class="license" data-type="permissive" data-patent="no" data-liability="yes" data-trademark="no" data-warranty="yes" data-documentation="no">
+            {% include license-overview.html license-id="bsd-3-clause" %}
+        </div>
+        <div class="license" data-type="permissive" data-patent="no" data-liability="yes" data-trademark="no" data-warranty="yes" data-documentation="no">
+            {% include license-overview.html license-id="unlicense" %}
+        </div>
     </div>
-    <!-- Add more licenses as needed -->
 </div>
 
 <script>
-document.addEventListener("DOMContentLoaded", function() {
-    // Handle quiz dialog interactions
-    document.querySelectorAll('#quizDialog button').forEach(button => {
-        button.addEventListener('click', function() {
-            const filter = this.getAttribute('data-filter');
-            applyFilters(filter);
-            // Hide the dialog and potentially show the next question
-            document.getElementById('quizDialog').style.display = 'none';
-            // If implementing multiple questions, here you would set up the next question
+    const quizQuestions = [
+        { question: "Do you work in a community or team?", filter: "community" },
+        { question: "Do you use existing code as a base or some libraries?", filter: "existing-code" },
+        { question: "Do you prefer Permissive or Copyleft licenses?", filter: "permissive", secondaryFilter: "copyleft" },
+        { question: "Do you want to patent your code?", filter: "patent" },
+        { question: "Do you want to protect yourself by clearly having a limitation of liability?", filter: "liability" },
+        { question: "Do you want to protect yourself by clearly prohibiting use of Trademark?", filter: "trademark" },
+        { question: "Do you want to protect yourself by clearly not providing any warranty?", filter: "warranty" },
+        { question: "Do you mind documenting the changes you made?", filter: "documentation" }
+    ];
+    
+    let currentQuestionIndex = 0;
+    
+    function displayQuestion() {
+        const quizDialog = document.getElementById('quizDialog');
+        const questionObj = quizQuestions[currentQuestionIndex];
+        let buttonsHTML = `<button onclick="applyFilter('${questionObj.filter}')">Yes</button>`;
+        if (questionObj.secondaryFilter) {
+            buttonsHTML += `<button onclick="applyFilter('${questionObj.secondaryFilter}')">No</button>`;
+        }
+        quizDialog.innerHTML = `<p>${questionObj.question}</p>` + buttonsHTML + `<button onclick="nextQuestion()">Skip</button>`;
+    }
+    
+    function applyFilter(filterValue) {
+        const filters = document.getElementById('licenseFilters').querySelectorAll('input[type="checkbox"]');
+        filters.forEach(filter => {
+            filter.checked = filter.value === filterValue;
         });
-    });
-
-    // Adjusted to take an optional filter parameter
-    function applyFilters(selectedFilter = 'any') {
-        const filters = document.querySelectorAll('#licenseFilters input[type="checkbox"]');
-        if (selectedFilter !== 'any') {
+        updateFilters();
+        nextQuestion();
+    }
+    
+    function nextQuestion() {
+        currentQuestionIndex++;
+        displayQuestion();
+    }
+    
+    function showResults() {
+        document.getElementById('quizDialog').style.display = 'none';
+        document.getElementById('licenseFilters').style.display = 'block';
+        document.getElementById('license-list').style.display = 'block';
+    }
+    
+    function updateFilters() {
+        const filters = document.getElementById('licenseFilters').querySelectorAll('input[type="checkbox"]');
+        const licenses = document.getElementById('license-list').querySelectorAll('.license');
+        licenses.forEach(license => {
+            const isPermissive = license.getAttribute('data-type') === 'permissive';
+            const isCopyleft = license.getAttribute('data-type') === 'copyleft';
+            let isMatch = true;
             filters.forEach(filter => {
-                filter.checked = filter.value === selectedFilter;
+                if (filter.checked) {
+                    switch (filter.value) {
+                        case 'permissive':
+                            if (!isPermissive) isMatch = false;
+                            break;
+                        case 'copyleft':
+                            if (!isCopyleft) isMatch = false;
+                            break;
+                        default:
+                            if (license.getAttribute('data-' + filter.value) !== 'yes') {
+                                isMatch = false;
+                            }
+                            break;
+                    }
+                }
             });
-        } else {
-            filters.forEach(filter => filter.checked = false);
-        }
-
-        // Trigger the filtering logic
-        const selectedFilters = Array.from(filters)
-            .filter(filter => filter.checked)
-            .map(filter => filter.value);
-        
-        document.querySelectorAll('.license').forEach(license => {
-            const type = license.getAttribute('data-type');
-            const patentProtection = license.getAttribute('data-patent-protection') === 'true';
-            let show = selectedFilters.length === 0 || selectedFilters.includes(type) || (selectedFilters.includes('patent-protection') && patentProtection);
-            license.style.display = show ? '' : 'none';
+            license.style.display = isMatch ? 'block' : 'none';
         });
+        if (currentQuestionIndex >= quizQuestions.length) showResults();
     }
-});
-
-</script>
+    
+    // Start the quiz
+    displayQuestion();
+    </script>
+    
 
 <style>
-
-    .quiz-dialog {
+.quiz-dialog {
     border: 1px solid #ccc;
     padding: 20px;
     margin-bottom: 20px;
@@ -94,4 +142,5 @@
     padding: 5px 15px;
 }
 
-</style>
\ No newline at end of file
+/* Additional styles can go here */
+</style>

From 0e491756e9852a1c90b0b3d14cb7fb0b927dcda9 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Sat, 13 Apr 2024 17:50:31 +0300
Subject: [PATCH 03/32] Properly working filters logic

---
 advisor.html | 187 +++++++++++++++------------------------------------
 1 file changed, 55 insertions(+), 132 deletions(-)

diff --git a/advisor.html b/advisor.html
index 7a0d62fe7..b95464d83 100644
--- a/advisor.html
+++ b/advisor.html
@@ -3,144 +3,67 @@
 title: License Advisor
 permalink: /advisor/
 ---
-
-<div class="main-content">
-
-    <!-- Quiz Dialog -->
-    <p>Answer the following questions to find the open source license best suited for your project.</p>
-    <div id="quizDialog" class="quiz-dialog">
-        <!-- Quiz questions will be dynamically inserted here -->
-    </div>
-
-    <!-- Filters (hidden by default, will be shown after quiz is completed) -->
-    <div id="licenseFilters" class="quiz-dialog">
-        <label><input type="checkbox" name="filter" value="permissive" onchange="updateFilters()"> Permissive</label>
-        <label><input type="checkbox" name="filter" value="copyleft" onchange="updateFilters()"> Copyleft</label>
-        <label><input type="checkbox" name="filter" value="patent" onchange="updateFilters()"> Patent</label>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>License Selector</title>
+    <style>
+        .license {
+            border: 1px solid #ccc;
+            margin: 10px;
+            padding: 10px;
+        }
+    </style>
+</head>
+<body>
+    <div>
+        <!-- Permissions -->
+        <label><input type="checkbox" name="filter" value="patent-use" onchange="updateFilters()"> Patent Use</label>
+        <!-- Conditions -->
+        <label><input type="checkbox" name="filter" value="include-copyright" onchange="updateFilters()"> Include Copyright</label>
+        <label><input type="checkbox" name="filter" value="disclose-source" onchange="updateFilters()"> Disclose Source</label>
+        <label><input type="checkbox" name="filter" value="document-changes" onchange="updateFilters()"> Document Changes</label>
+        <label><input type="checkbox" name="filter" value="network-use-disclose" onchange="updateFilters()"> Network Use Disclose</label>
+        <label><input type="checkbox" name="filter" value="same-license" onchange="updateFilters()"> Same License</label>
+        <!-- Limitations -->
+        <label><input type="checkbox" name="filter" value="trademark-use" onchange="updateFilters()"> Trademark Use</label>
         <label><input type="checkbox" name="filter" value="liability" onchange="updateFilters()"> Liability</label>
-        <label><input type="checkbox" name="filter" value="trademark" onchange="updateFilters()"> Trademark Use</label>
         <label><input type="checkbox" name="filter" value="warranty" onchange="updateFilters()"> Warranty</label>
-        <label><input type="checkbox" name="filter" value="documentation" onchange="updateFilters()"> Changes</label>
     </div>
 
-    <!-- License List (hidden by default, will be shown after quiz is completed) -->
-    <div id="license-list">
-        <!-- Dynamic license entries will be inserted here based on filters -->
-        <div class="license" data-type="permissive" data-patent="no" data-liability="yes" data-trademark="no" data-warranty="yes" data-documentation="no">
-            {% include license-overview.html license-id="mit" %}
-        </div>
-        <div class="license" data-type="copyleft" data-patent="yes" data-liability="yes" data-trademark="no" data-warranty="yes" data-documentation="yes">
-            {% include license-overview.html license-id="gpl-3.0" %}
-        </div>
-        <div class="license" data-type="permissive" data-patent="yes" data-liability="yes" data-trademark="yes" data-warranty="yes" data-documentation="yes">
-            {% include license-overview.html license-id="apache-2.0" %}
-        </div>
-        <div class="license" data-type="permissive" data-patent="no" data-liability="yes" data-trademark="no" data-warranty="yes" data-documentation="no">
-            {% include license-overview.html license-id="bsd-2-clause" %}
-        </div>
-        <div class="license" data-type="permissive" data-patent="no" data-liability="yes" data-trademark="no" data-warranty="yes" data-documentation="no">
-            {% include license-overview.html license-id="bsd-3-clause" %}
-        </div>
-        <div class="license" data-type="permissive" data-patent="no" data-liability="yes" data-trademark="no" data-warranty="yes" data-documentation="no">
-            {% include license-overview.html license-id="unlicense" %}
-        </div>
-    </div>
-</div>
+    <!-- Example Licenses (This should be the output from Jekyll) -->
+    <div class="license">{% include license-overview.html license-id="mit" %}</div>
+    <div class="license">{% include license-overview.html license-id="gpl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="apache-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsd-2-clause" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsd-3-clause" %}</div>
+    <div class="license">{% include license-overview.html license-id="unlicense" %}</div>
 
-<script>
-    const quizQuestions = [
-        { question: "Do you work in a community or team?", filter: "community" },
-        { question: "Do you use existing code as a base or some libraries?", filter: "existing-code" },
-        { question: "Do you prefer Permissive or Copyleft licenses?", filter: "permissive", secondaryFilter: "copyleft" },
-        { question: "Do you want to patent your code?", filter: "patent" },
-        { question: "Do you want to protect yourself by clearly having a limitation of liability?", filter: "liability" },
-        { question: "Do you want to protect yourself by clearly prohibiting use of Trademark?", filter: "trademark" },
-        { question: "Do you want to protect yourself by clearly not providing any warranty?", filter: "warranty" },
-        { question: "Do you mind documenting the changes you made?", filter: "documentation" }
-    ];
-    
-    let currentQuestionIndex = 0;
-    
-    function displayQuestion() {
-        const quizDialog = document.getElementById('quizDialog');
-        const questionObj = quizQuestions[currentQuestionIndex];
-        let buttonsHTML = `<button onclick="applyFilter('${questionObj.filter}')">Yes</button>`;
-        if (questionObj.secondaryFilter) {
-            buttonsHTML += `<button onclick="applyFilter('${questionObj.secondaryFilter}')">No</button>`;
-        }
-        quizDialog.innerHTML = `<p>${questionObj.question}</p>` + buttonsHTML + `<button onclick="nextQuestion()">Skip</button>`;
-    }
-    
-    function applyFilter(filterValue) {
-        const filters = document.getElementById('licenseFilters').querySelectorAll('input[type="checkbox"]');
-        filters.forEach(filter => {
-            filter.checked = filter.value === filterValue;
-        });
-        updateFilters();
-        nextQuestion();
-    }
-    
-    function nextQuestion() {
-        currentQuestionIndex++;
-        displayQuestion();
-    }
-    
-    function showResults() {
-        document.getElementById('quizDialog').style.display = 'none';
-        document.getElementById('licenseFilters').style.display = 'block';
-        document.getElementById('license-list').style.display = 'block';
-    }
-    
-    function updateFilters() {
-        const filters = document.getElementById('licenseFilters').querySelectorAll('input[type="checkbox"]');
-        const licenses = document.getElementById('license-list').querySelectorAll('.license');
-        licenses.forEach(license => {
-            const isPermissive = license.getAttribute('data-type') === 'permissive';
-            const isCopyleft = license.getAttribute('data-type') === 'copyleft';
-            let isMatch = true;
-            filters.forEach(filter => {
-                if (filter.checked) {
-                    switch (filter.value) {
-                        case 'permissive':
-                            if (!isPermissive) isMatch = false;
-                            break;
-                        case 'copyleft':
-                            if (!isCopyleft) isMatch = false;
-                            break;
-                        default:
-                            if (license.getAttribute('data-' + filter.value) !== 'yes') {
-                                isMatch = false;
-                            }
-                            break;
-                    }
-                }
-            });
-            license.style.display = isMatch ? 'block' : 'none';
-        });
-        if (currentQuestionIndex >= quizQuestions.length) showResults();
-    }
-    
-    // Start the quiz
-    displayQuestion();
-    </script>
-    
+    <script>
+        function updateFilters() {
+            console.log("Updating filters...");
+            const filters = Array.from(document.querySelectorAll('input[name="filter"]:checked')).map(el => el.value);
+            console.log("Active filters:", filters);
+            const licenses = document.querySelectorAll('.license');
 
-<style>
-.quiz-dialog {
-    border: 1px solid #ccc;
-    padding: 20px;
-    margin-bottom: 20px;
-    text-align: center;
-}
+            licenses.forEach(license => {
+                console.log("Checking license:", license);
+                const permissions = Array.from(license.querySelectorAll('.license-permissions li')).map(li => li.className);
+                const conditions = Array.from(license.querySelectorAll('.license-conditions li')).map(li => li.className);
+                const limitations = Array.from(license.querySelectorAll('.license-limitations li')).map(li => li.className);
 
-.quiz-dialog p {
-    margin: 20px 0;
-}
+                let showLicense = filters.every(filter =>
+                    permissions.includes(filter) || conditions.includes(filter) || limitations.includes(filter)
+                );
 
-.quiz-dialog button {
-    margin: 0 10px;
-    padding: 5px 15px;
-}
+                console.log("Show License:", showLicense, "for", license);
+                license.style.display = showLicense ? 'block' : 'none';
+            });
+        }
 
-/* Additional styles can go here */
-</style>
+        // Initial filter update on page load
+        document.addEventListener('DOMContentLoaded', updateFilters);
+    </script>
+</body>
+</html>

From 759d06cf654f08984f195e57870516e1863b3eac Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Sun, 14 Apr 2024 15:37:30 +0300
Subject: [PATCH 04/32] Made filters working finally, but had to remove Quiz
 for now

---
 advisor.html | 181 ++++++++++++++++++++++++++++++++++++++-------------
 1 file changed, 137 insertions(+), 44 deletions(-)

diff --git a/advisor.html b/advisor.html
index b95464d83..055814d8b 100644
--- a/advisor.html
+++ b/advisor.html
@@ -8,62 +8,155 @@
 <head>
     <meta charset="UTF-8">
     <title>License Selector</title>
-    <style>
-        .license {
-            border: 1px solid #ccc;
-            margin: 10px;
-            padding: 10px;
-        }
-    </style>
+    
 </head>
 <body>
-    <div>
-        <!-- Permissions -->
-        <label><input type="checkbox" name="filter" value="patent-use" onchange="updateFilters()"> Patent Use</label>
-        <!-- Conditions -->
-        <label><input type="checkbox" name="filter" value="include-copyright" onchange="updateFilters()"> Include Copyright</label>
-        <label><input type="checkbox" name="filter" value="disclose-source" onchange="updateFilters()"> Disclose Source</label>
-        <label><input type="checkbox" name="filter" value="document-changes" onchange="updateFilters()"> Document Changes</label>
-        <label><input type="checkbox" name="filter" value="network-use-disclose" onchange="updateFilters()"> Network Use Disclose</label>
-        <label><input type="checkbox" name="filter" value="same-license" onchange="updateFilters()"> Same License</label>
-        <!-- Limitations -->
-        <label><input type="checkbox" name="filter" value="trademark-use" onchange="updateFilters()"> Trademark Use</label>
-        <label><input type="checkbox" name="filter" value="liability" onchange="updateFilters()"> Liability</label>
-        <label><input type="checkbox" name="filter" value="warranty" onchange="updateFilters()"> Warranty</label>
+    <div class="filters"><div>
+    <tr>
+        <td>
+            <ul class="license-permissions">
+                <li>
+                    <span class="license-sprite"></span>
+                    <!-- Permissions -->
+                    <label for="patent-use-filter">Patent Use:</label>
+                    <select id="patent-use-filter" onchange="updateFilters()">
+                        <option value="all">any</option>
+                        <option value="include">Include Patent Use</option>
+                        <option value="exclude">Exclude Patent Use</option>
+                    </select>
+                </li>    
+            </ul>
+        </td>     
+        <td>
+            <ul class="license-conditions">
+                <li>
+                    <span class="license-sprite"></span>
+                    <!-- Conditions -->
+                    <label for="same-license-filter">same license:</label>
+                    <select id="same-license-filter" onchange="updateFilters()">
+                        <option value="all">any</option>
+                        <option value="include">Include same license</option>
+                        <option value="exclude">Exclude same license</option>
+                    </select>
+                </li>
+                <li></li>
+                    <span class="license-sprite"></span>
+                    <label for="document-changes-filter">Document Changes:</label>
+                    <select id="document-changes-filter" onchange="updateFilters()">
+                        <option value="all">any</option>
+                        <option value="include">Include Document Changes</option>
+                        <option value="exclude">Exclude Document Changes</option>
+                    </select>
+                </li>
+            </ul>
+        </td>
+        <td>
+            <ul class="license-limitations">
+            <!-- Limitations -->
+
+                <li>
+                  <span class="license-sprite"></span>
+                  <label for="liability-filter">Liability:</label>
+                  <select id="liability-filter" onchange="updateFilters()">
+                      <option value="all">any</option>
+                      <option value="include">Include Liability</option>
+                      <option value="exclude">Exclude Liability</option>
+                  </select>
+                </li>
+                <li>
+                  <span class="license-sprite"></span>
+                  <label for="warranty-filter">Warranty:</label>
+                  <select id="warranty-filter" onchange="updateFilters()">
+                      <option value="all">any</option>
+                      <option value="include">Include Warranty</option>
+                      <option value="exclude">Exclude Warranty</option>
+                  </select>
+                </li>
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="trademark-use-filter">Trademark:</label>
+                    <select id="trademark-use-filter" onchange="updateFilters()">
+                        <option value="all">any</option>
+                        <option value="include">Include Trademark</option>
+                        <option value="exclude">Exclude Trademark</option>
+                    </select>
+                </li>
+            </ul>
+        </td>
+    </tr>
     </div>
 
-    <!-- Example Licenses (This should be the output from Jekyll) -->
-    <div class="license">{% include license-overview.html license-id="mit" %}</div>
-    <div class="license">{% include license-overview.html license-id="gpl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="0bsd" %}</div>
+    <div class="license">{% include license-overview.html license-id="afl-3.0" %}</div>
     <div class="license">{% include license-overview.html license-id="apache-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="artistic-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="blueoak-1.0.0" %}</div>
     <div class="license">{% include license-overview.html license-id="bsd-2-clause" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsd-2-clause-patent" %}</div>
     <div class="license">{% include license-overview.html license-id="bsd-3-clause" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsd-3-clause-clear" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsd-4-clause" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsl-1.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="cc0-1.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="cc-by-4.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="cc-by-sa-4.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="cecill-2.1" %}</div>
+    <div class="license">{% include license-overview.html license-id="cern-ohl-p-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="cern-ohl-s-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="cern-ohl-w-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="ecl-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="epl-1.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="epl-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="eupl-1.1" %}</div>
+    <div class="license">{% include license-overview.html license-id="eupl-1.2" %}</div>
+    <div class="license">{% include license-overview.html license-id="gfdl-1.3" %}</div>
+    <div class="license">{% include license-overview.html license-id="agpl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="gpl-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="gpl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="lgpl-2.1" %}</div>
+    <div class="license">{% include license-overview.html license-id="lgpl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="isc" %}</div>
+    <div class="license">{% include license-overview.html license-id="lppl-1.3c" %}</div>
+    <div class="license">{% include license-overview.html license-id="mit" %}</div>
+    <div class="license">{% include license-overview.html license-id="mit-0" %}</div>
+    <div class="license">{% include license-overview.html license-id="mpl-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="ms-pl" %}</div>
+    <div class="license">{% include license-overview.html license-id="ms-rl" %}</div>
+    <div class="license">{% include license-overview.html license-id="mulanpsl-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="ncsa" %}</div>
     <div class="license">{% include license-overview.html license-id="unlicense" %}</div>
-
+    <div class="license">{% include license-overview.html license-id="zlib" %}</div>
+    <div class="license">{% include license-overview.html license-id="postgresql" %}</div>
+    <div class="license">{% include license-overview.html license-id="ofl-1.1" %}</div>
+    <div class="license">{% include license-overview.html license-id="osl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="wtfpl" %}</div>
+    <div class="license">{% include license-overview.html license-id="odbl-1.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="upl-1.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="vim" %}</div>
+    
     <script>
-        function updateFilters() {
-            console.log("Updating filters...");
-            const filters = Array.from(document.querySelectorAll('input[name="filter"]:checked')).map(el => el.value);
-            console.log("Active filters:", filters);
-            const licenses = document.querySelectorAll('.license');
-
-            licenses.forEach(license => {
-                console.log("Checking license:", license);
-                const permissions = Array.from(license.querySelectorAll('.license-permissions li')).map(li => li.className);
-                const conditions = Array.from(license.querySelectorAll('.license-conditions li')).map(li => li.className);
-                const limitations = Array.from(license.querySelectorAll('.license-limitations li')).map(li => li.className);
+function updateFilters() {
+    const licenses = document.querySelectorAll('.license');
 
-                let showLicense = filters.every(filter =>
-                    permissions.includes(filter) || conditions.includes(filter) || limitations.includes(filter)
-                );
+    licenses.forEach(license => {
+        let isDisplayed = true;
 
-                console.log("Show License:", showLicense, "for", license);
-                license.style.display = showLicense ? 'block' : 'none';
-            });
-        }
+        // Handle general filters
+        document.querySelectorAll('select').forEach(select => {
+            const value = select.value; // "include", "exclude", or "all"
+            const filterName = select.id.replace('-filter', ''); // e.g., "trademark", "liability"
+            const conditions = Array.from(license.querySelectorAll('.' + filterName)).map(li => li.textContent.trim().toLowerCase());
 
-        // Initial filter update on page load
-        document.addEventListener('DOMContentLoaded', updateFilters);
+            if (value === 'include' && !conditions.length) {
+                isDisplayed = false;
+            } else if (value === 'exclude' && conditions.length) {
+                isDisplayed = false;
+            }
+        });
+        license.style.display = isDisplayed ? 'block' : 'none';
+    });
+}
+document.addEventListener('DOMContentLoaded', updateFilters);
     </script>
 </body>
 </html>

From fb278932ae61c4ff1d26c03a84430b35da46429a Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Mon, 15 Apr 2024 13:55:52 +0300
Subject: [PATCH 05/32] Filter functionality done

---
 advisor.html | 199 +++++++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 178 insertions(+), 21 deletions(-)

diff --git a/advisor.html b/advisor.html
index 055814d8b..d32d86402 100644
--- a/advisor.html
+++ b/advisor.html
@@ -8,9 +8,62 @@
 <head>
     <meta charset="UTF-8">
     <title>License Selector</title>
-    
+    <style>
+        #quiz {
+    width: 100%;
+    margin: 20px auto;
+    padding: 20px;
+    background-color: #272727;
+    border: 2px solid #5c5c5c;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+    border-radius: 8px;
+    text-align: center;
+    }
+
+    #quiz p {
+        font-size: 24px; /* Larger text for questions */
+        color: #ffffff;
+        margin-top: 0;
+        margin-bottom: 20px;
+    }
+
+    #quiz button {
+        padding: 10px 20px;
+        font-size: 16px;
+        color: white;
+        background-color: #007bff;
+        border: none;
+        border-radius: 5px;
+        cursor: pointer;
+        margin: 5px;
+        transition: background-color 0.3s;
+    }
+
+    #quiz button:hover {
+        background-color: #0056b3;
+    }
+
+    #quiz button:focus {
+        outline: none;
+        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5);
+    }
+
+    #quiz .detail {
+    font-size: 16px; 
+    color: #c7c7c7;
+    margin-top: 5px;
+    margin-bottom: 20px;
+    }
+
+
+    </style>
 </head>
 <body>
+
+    <div id="quiz"></div>
+
+
+
     <div class="filters"><div>
     <tr>
         <td>
@@ -135,28 +188,132 @@
     <div class="license">{% include license-overview.html license-id="vim" %}</div>
     
     <script>
-function updateFilters() {
-    const licenses = document.querySelectorAll('.license');
-
-    licenses.forEach(license => {
-        let isDisplayed = true;
-
-        // Handle general filters
-        document.querySelectorAll('select').forEach(select => {
-            const value = select.value; // "include", "exclude", or "all"
-            const filterName = select.id.replace('-filter', ''); // e.g., "trademark", "liability"
-            const conditions = Array.from(license.querySelectorAll('.' + filterName)).map(li => li.textContent.trim().toLowerCase());
-
-            if (value === 'include' && !conditions.length) {
-                isDisplayed = false;
-            } else if (value === 'exclude' && conditions.length) {
-                isDisplayed = false;
-            }
-        });
-        license.style.display = isDisplayed ? 'block' : 'none';
+
+const quizQuestions = [
+    { 
+        question: "1. Do you work in a community?",
+        detail: "If you’re contributing to or extending an existing project, it’s almost always easiest to continue using that project’s license.",
+        valueYes: "Yes", 
+        valueNo: "No, I work alone"
+    },
+    { 
+        question: "2. Do you use copyleft external code base or libraries?",
+        detail: "If you're using code that's under a copyleft license, your project also has to be licensed under same license or similar terms to comply with those licenses conditions.",
+        filter: "same-license-filter", 
+        valueYes: "Yes", 
+        valueNo: "No, I use code with permissive license / I write from scratch"
+    },
+    { 
+        question: "3. Do you prefer permissive or copyleft licenses?",
+        detail: "Your preference will affect how restrictive the licensing is regarding how others can use, modify, and redistribute your code. <br>Copyleft license only allows users to use your code with copyleft license as well. Permissive license has no restrictions",
+        filter: "same-license-filter", 
+        valueYes: "Copyleft", 
+        valueNo: "Permissive"
+    },
+    { 
+        question: "4. Do you want to specify state of patent license for users?",
+        detail: "Clarifying the patent rights clause can protect you and your users from potential legal issues regarding the use of patents in your project",
+        filter: "patent-use-filter", 
+        valueYes: "I want to give up my patent rights to users", 
+        valueNo: "I don't want to clearly state this clause"
+    },
+    { 
+        question: "5. Do you mind documenting the changes you made?",
+        detail: "Documenting changes is crucial for licenses that require source code modifications to be noted.",
+        filter: "document-changes-filter", 
+        valueYes: "Yes, I'll document", 
+        valueNo: "No, I won't"
+    },
+    // Add more questions as needed
+];
+
+    let currentQuestionIndex = 0;
+
+    function displayQuestion() {
+    const quizDialog = document.getElementById('quiz');
+    const questionObj = quizQuestions[currentQuestionIndex];
+    let buttonsHTML = `
+        <button onclick="applyFilter('${questionObj.filter}', 'include')">${questionObj.valueYes}</button>
+        <button onclick="applyFilter('${questionObj.filter}', 'exclude')">${questionObj.valueNo}</button>
+    `;
+    quizDialog.innerHTML = `<p>${questionObj.question}</p><p class="detail">${questionObj.detail}</p>` + buttonsHTML;
+}
+
+
+function applyFilter(filterId, value) {
+    if (currentQuestionIndex === 0) { // Check if it's the first question
+        if (value === 'include') { // User answers "Yes" for working in a community
+            showCommunityMessage();
+        } else { // User answers "No"
+            nextQuestion();
+        }
+    } else {
+        const filterElement = document.getElementById(filterId);
+        if (filterElement) {
+            filterElement.value = value;
+            updateFilters();
+        }
+        nextQuestion();
+    }
+}
+
+
+function nextQuestion() {
+    currentQuestionIndex++;
+    if (currentQuestionIndex < quizQuestions.length) {
+        displayQuestion();
+    } else {
+        const quizDialog = document.getElementById('quiz');
+        quizDialog.innerHTML = "<p>End of Quiz. Filters are set according to your answers.</p><button onclick='restartQuiz()'>Restart Quiz</button>";
+    }
+}
+
+function restartQuiz() {
+    const selects = document.querySelectorAll('select');
+    selects.forEach(select => {
+        select.value = 'all'; // Assuming 'all' is the default state
     });
+    updateFilters(); // Update the filters based on reset values
+    currentQuestionIndex = 0; // Reset the index to the first question
+    displayQuestion(); // Display the first question again
+}
+
+function showCommunityMessage() {
+    const quizDialog = document.getElementById('quiz');
+    quizDialog.innerHTML = `
+        <p>If you work in a community, it's best to continue using that project's license.</p>
+        <button onclick='restartQuiz()'>Restart Quiz</button>
+    `;
 }
-document.addEventListener('DOMContentLoaded', updateFilters);
+
+
+    function updateFilters() {
+        const licenses = document.querySelectorAll('.license');
+
+        licenses.forEach(license => {
+            let isDisplayed = true;
+
+            // Handle general filters
+            document.querySelectorAll('select').forEach(select => {
+                const value = select.value; // "include", "exclude", or "all"
+                const filterName = select.id.replace('-filter', ''); // e.g., "trademark", "liability"
+                const conditions = Array.from(license.querySelectorAll('.' + filterName)).map(li => li.textContent.trim().toLowerCase());
+
+                if (value === 'include' && !conditions.length) {
+                    isDisplayed = false;
+                } else if (value === 'exclude' && conditions.length) {
+                    isDisplayed = false;
+                }
+            });
+            license.style.display = isDisplayed ? 'block' : 'none';
+        });
+    }
+    document.addEventListener('DOMContentLoaded', displayQuestion);
+    document.addEventListener('DOMContentLoaded', updateFilters);
+    document.addEventListener('DOMContentLoaded', () => {
+        displayQuestion();  // Start the quiz
+    });
+
     </script>
 </body>
 </html>

From 78400ec87ba6ab6bf1eed4a7dfea9b14ce1cf969 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Mon, 15 Apr 2024 20:20:08 +0300
Subject: [PATCH 06/32] Updated functionality and added google forms survey

---
 advisor.html | 70 +++++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 58 insertions(+), 12 deletions(-)

diff --git a/advisor.html b/advisor.html
index d32d86402..419fd692d 100644
--- a/advisor.html
+++ b/advisor.html
@@ -60,6 +60,7 @@
 </head>
 <body>
 
+    This quiz is designed to help you identify the most suitable software license for your project. Answer the questions to narrow down your options based on your specific requirements. You can skip questions if you prefer. To see a table of all licenses, visit <a href="appendix/">appendix</a> Page.
     <div id="quiz"></div>
 
 
@@ -187,12 +188,13 @@
     <div class="license">{% include license-overview.html license-id="upl-1.0" %}</div>
     <div class="license">{% include license-overview.html license-id="vim" %}</div>
     
+    <iframe src="https://docs.google.com/forms/d/e/1FAIpQLScTT_mlS3JKLFyoO2-mtEPyr1Mh0ruu2_RrIENsVzR_KEOSTQ/viewform?embedded=true" width="800" height="640" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
     <script>
 
 const quizQuestions = [
     { 
         question: "1. Do you work in a community?",
-        detail: "If you’re contributing to or extending an existing project, it’s almost always easiest to continue using that project’s license.",
+        detail: "If you are contributing to or extending an existing project, it is almost always easiest to continue using that projects license. ",
         valueYes: "Yes", 
         valueNo: "No, I work alone"
     },
@@ -214,7 +216,7 @@
         question: "4. Do you want to specify state of patent license for users?",
         detail: "Clarifying the patent rights clause can protect you and your users from potential legal issues regarding the use of patents in your project",
         filter: "patent-use-filter", 
-        valueYes: "I want to give up my patent rights to users", 
+        valueYes: "I want to clearly allow or forbid this clause", 
         valueNo: "I don't want to clearly state this clause"
     },
     { 
@@ -224,6 +226,27 @@
         valueYes: "Yes, I'll document", 
         valueNo: "No, I won't"
     },
+    { 
+        question: "6. Do you want to protect yourself by clearly having a limitation of liability?",
+        detail: "Documenting changes is crucial for licenses that require source code modifications to be noted.",
+        filter: "liability-filter", 
+        valueYes: "Yes, I will state that I am not liable for potential issues", 
+        valueNo: "No, I I don't want to state anything"
+    },
+    { 
+        question: "7. Do you want to protect yourself by clearly not providing any warranty?",
+        detail: "Documenting changes is crucial for licenses that require source code modifications to be noted.",
+        filter: "warranty-filter", 
+        valueYes: "Yes, I will state that I don't provide warranty", 
+        valueNo: "No, I I don't want to state anything"
+    },
+    { 
+        question: "8. Do you want to protect your IP by clearly prohibiting use of Trademark?",
+        detail: "Documenting changes is crucial for licenses that require source code modifications to be noted.",
+        filter: "trademark-use-filter", 
+        valueYes: "Yes, I'll state that I protect my Intellectual property", 
+        valueNo: "No, I I don't want to state anything"
+    },
     // Add more questions as needed
 ];
 
@@ -235,39 +258,60 @@
     let buttonsHTML = `
         <button onclick="applyFilter('${questionObj.filter}', 'include')">${questionObj.valueYes}</button>
         <button onclick="applyFilter('${questionObj.filter}', 'exclude')">${questionObj.valueNo}</button>
+        <button onclick="skipQuestion()">Skip</button>
     `;
     quizDialog.innerHTML = `<p>${questionObj.question}</p><p class="detail">${questionObj.detail}</p>` + buttonsHTML;
 }
 
 
 function applyFilter(filterId, value) {
-    if (currentQuestionIndex === 0) { // Check if it's the first question
-        if (value === 'include') { // User answers "Yes" for working in a community
+    if (currentQuestionIndex === 0) {
+        if (value === 'include') {
             showCommunityMessage();
-        } else { // User answers "No"
+        } else {
             nextQuestion();
         }
     } else {
-        const filterElement = document.getElementById(filterId);
-        if (filterElement) {
-            filterElement.value = value;
-            updateFilters();
+        if (filterId) { // Only apply the filter if the filterId is provided
+            const filterElement = document.getElementById(filterId);
+            if (filterElement) {
+                filterElement.value = value;
+                updateFilters();
+            }
+        }
+        if (currentQuestionIndex === 1 && value === 'include') {
+            // Specific logic for skipping Question 3 if "Yes" in Question 2
+            currentQuestionIndex++;
         }
         nextQuestion();
     }
 }
 
 
+function skipQuestion() {
+    nextQuestion();
+}
+
+
 function nextQuestion() {
     currentQuestionIndex++;
     if (currentQuestionIndex < quizQuestions.length) {
         displayQuestion();
     } else {
         const quizDialog = document.getElementById('quiz');
-        quizDialog.innerHTML = "<p>End of Quiz. Filters are set according to your answers.</p><button onclick='restartQuiz()'>Restart Quiz</button>";
+        quizDialog.innerHTML = "<p>End of Quiz. Filters are set according to your answers.</p><button onclick='restartQuiz()'>Restart Quiz</button> ";
     }
 }
 
+function showCommunityMessage() {
+    const quizDialog = document.getElementById('quiz');
+    quizDialog.innerHTML = `
+        <p>If you work in a community, it's best to continue using that project's license.</p>
+        <button onclick='restartQuiz()'>Restart Quiz</button>
+    `;
+}
+
+
 function restartQuiz() {
     const selects = document.querySelectorAll('select');
     selects.forEach(select => {
@@ -311,8 +355,10 @@
     document.addEventListener('DOMContentLoaded', displayQuestion);
     document.addEventListener('DOMContentLoaded', updateFilters);
     document.addEventListener('DOMContentLoaded', () => {
-        displayQuestion();  // Start the quiz
-    });
+    displayQuestion(); // Start the quiz
+    updateFilters(); // Set initial state for filters
+});
+
 
     </script>
 </body>

From ef703ef2e94fdb3248e8e718f9d5d715710782fb Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Mon, 15 Apr 2024 22:33:22 +0300
Subject: [PATCH 07/32] Edited layout, added a few more filters and questions,
 but still need to work on text

---
 advisor.html | 162 ++++++++++++++++++++++++++++++---------------------
 1 file changed, 94 insertions(+), 68 deletions(-)

diff --git a/advisor.html b/advisor.html
index 419fd692d..4f8f5652f 100644
--- a/advisor.html
+++ b/advisor.html
@@ -17,7 +17,6 @@
     border: 2px solid #5c5c5c;
     box-shadow: 0 2px 5px rgba(0,0,0,0.1);
     border-radius: 8px;
-    text-align: center;
     }
 
     #quiz p {
@@ -31,7 +30,7 @@
         padding: 10px 20px;
         font-size: 16px;
         color: white;
-        background-color: #007bff;
+        background-color: #1699d2;
         border: none;
         border-radius: 5px;
         cursor: pointer;
@@ -55,90 +54,117 @@
     margin-bottom: 20px;
     }
 
+    .filters {
+    display: flex;
+    justify-content: space-between; /* This will space the columns evenly */
+    }
+
+    .filter-column {
+        flex: 1; /* Each column takes up equal space */
+        padding: 10px; /* Add some padding around each column */
+    }
+
 
     </style>
 </head>
 <body>
 
-    This quiz is designed to help you identify the most suitable software license for your project. Answer the questions to narrow down your options based on your specific requirements. You can skip questions if you prefer. To see a table of all licenses, visit <a href="appendix/">appendix</a> Page.
-    <div id="quiz"></div>
+    This advisor is designed to help you identify the most suitable open source license for your project. Answer the questions to narrow down your options based on your specific requirements. You can skip questions if you prefer. To see a table of all licenses, visit <a href="/appendix">appendix</a> Page.
+    <p>All open source licenses grant to the public <span class="license-permissions"><span class="license-sprite"></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might otherwise disallow.<br>
+    Most open source licenses' grants of permissions are subject to compliance with <span class="license-conditions"><span class="license-sprite"></span></span> <b>conditions</b>.<br>
+    Most open source licenses have <span class="license-limitations"><span class="license-sprite"></span></span> <b>limitations</b> that disclaim warranty and liability, or expressly exclude patents or trademarks from licenses' grants.</p>
 
+    <div id="quiz"></div>
 
+    
 
-    <div class="filters"><div>
-    <tr>
-        <td>
-            <ul class="license-permissions">
-                <li>
-                    <span class="license-sprite"></span>
-                    <!-- Permissions -->
-                    <label for="patent-use-filter">Patent Use:</label>
-                    <select id="patent-use-filter" onchange="updateFilters()">
-                        <option value="all">any</option>
-                        <option value="include">Include Patent Use</option>
-                        <option value="exclude">Exclude Patent Use</option>
-                    </select>
-                </li>    
-            </ul>
-        </td>     
-        <td>
+    <div class="filters" id="quiz">
+        <div class="filter-column">
+            <!-- Conditions -->
             <ul class="license-conditions">
                 <li>
                     <span class="license-sprite"></span>
-                    <!-- Conditions -->
-                    <label for="same-license-filter">same license:</label>
+                    <label for="same-license-filter">Same license:</label>
                     <select id="same-license-filter" onchange="updateFilters()">
-                        <option value="all">any</option>
+                        <option value="all">Any</option>
                         <option value="include">Include same license</option>
                         <option value="exclude">Exclude same license</option>
                     </select>
                 </li>
-                <li></li>
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="network-use-disclose-filter">Network use:</label>
+                    <select id="network-use-disclose-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Network use</option>
+                        <option value="exclude">Exclude Network use</option>
+                    </select>
+                </li>
+                <li>
                     <span class="license-sprite"></span>
-                    <label for="document-changes-filter">Document Changes:</label>
+                    <label for="document-changes-filter">State Changes:</label>
                     <select id="document-changes-filter" onchange="updateFilters()">
-                        <option value="all">any</option>
-                        <option value="include">Include Document Changes</option>
-                        <option value="exclude">Exclude Document Changes</option>
+                        <option value="all">Any</option>
+                        <option value="include">Include State Changes</option>
+                        <option value="exclude">Exclude State Changes</option>
+                    </select>
+                </li>
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="include-copyright-filter">Copyright notice:</label>
+                    <select id="include-copyright-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Copyright notice</option>
+                        <option value="exclude">Exclude Copyright notice</option>
                     </select>
                 </li>
             </ul>
-        </td>
-        <td>
+        </div>
+        <div class="filter-column">
+            <!-- Permissions and Limitations -->
+            <ul class="license-permissions">
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="patent-use-filter">Patent Use:</label>
+                    <select id="patent-use-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Patent Use</option>
+                        <option value="exclude">Exclude Patent Use</option>
+                    </select>
+                </li>    
+            </ul>
             <ul class="license-limitations">
-            <!-- Limitations -->
-
                 <li>
-                  <span class="license-sprite"></span>
-                  <label for="liability-filter">Liability:</label>
-                  <select id="liability-filter" onchange="updateFilters()">
-                      <option value="all">any</option>
-                      <option value="include">Include Liability</option>
-                      <option value="exclude">Exclude Liability</option>
-                  </select>
+                    <span class="license-sprite"></span>
+                    <label for="liability-filter">Liability:</label>
+                    <select id="liability-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Liability</option>
+                        <option value="exclude">Exclude Liability</option>
+                    </select>
                 </li>
                 <li>
-                  <span class="license-sprite"></span>
-                  <label for="warranty-filter">Warranty:</label>
-                  <select id="warranty-filter" onchange="updateFilters()">
-                      <option value="all">any</option>
-                      <option value="include">Include Warranty</option>
-                      <option value="exclude">Exclude Warranty</option>
-                  </select>
+                    <span class="license-sprite"></span>
+                    <label for="warranty-filter">Warranty:</label>
+                    <select id="warranty-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Warranty</option>
+                        <option value="exclude">Exclude Warranty</option>
+                    </select>
                 </li>
                 <li>
                     <span class="license-sprite"></span>
                     <label for="trademark-use-filter">Trademark:</label>
                     <select id="trademark-use-filter" onchange="updateFilters()">
-                        <option value="all">any</option>
+                        <option value="all">Any</option>
                         <option value="include">Include Trademark</option>
                         <option value="exclude">Exclude Trademark</option>
                     </select>
                 </li>
             </ul>
-        </td>
-    </tr>
+        </div>
     </div>
+    
 
     <div class="license">{% include license-overview.html license-id="0bsd" %}</div>
     <div class="license">{% include license-overview.html license-id="afl-3.0" %}</div>
@@ -194,12 +220,12 @@
 const quizQuestions = [
     { 
         question: "1. Do you work in a community?",
-        detail: "If you are contributing to or extending an existing project, it is almost always easiest to continue using that projects license. ",
-        valueYes: "Yes", 
+        detail: "Workiing in community means working on some already existing projects, or working with a team. <a href='/community'>read more</a>",
+        valueYes: "Yes, I work in a community", 
         valueNo: "No, I work alone"
     },
     { 
-        question: "2. Do you use copyleft external code base or libraries?",
+        question: "2. Do you use copyleft code base or libraries?",
         detail: "If you're using code that's under a copyleft license, your project also has to be licensed under same license or similar terms to comply with those licenses conditions.",
         filter: "same-license-filter", 
         valueYes: "Yes", 
@@ -213,35 +239,42 @@
         valueNo: "Permissive"
     },
     { 
-        question: "4. Do you want to specify state of patent license for users?",
+        question: "4. If you develop a web project, do you mind giving online users access to source code?",
+        detail: "Defining network use as distribution extends the rights and responsibilities associated with the software to those using it over a network. This means that even remote users can access the source code, preserving the open nature of the software",
+        filter: "network-use-disclose-filter", 
+        valueYes: "Yes, I will provide access to source code", 
+        valueNo: "No, I don't want to"
+    },
+    { 
+        question: "5. Do you want to specify state of patent license for users?",
         detail: "Clarifying the patent rights clause can protect you and your users from potential legal issues regarding the use of patents in your project",
         filter: "patent-use-filter", 
         valueYes: "I want to clearly allow or forbid this clause", 
         valueNo: "I don't want to clearly state this clause"
     },
     { 
-        question: "5. Do you mind documenting the changes you made?",
+        question: "6. Do you mind documenting the changes you made?",
         detail: "Documenting changes is crucial for licenses that require source code modifications to be noted.",
         filter: "document-changes-filter", 
         valueYes: "Yes, I'll document", 
         valueNo: "No, I won't"
     },
     { 
-        question: "6. Do you want to protect yourself by clearly having a limitation of liability?",
+        question: "7. Do you want to protect yourself by clearly having a limitation of liability?",
         detail: "Documenting changes is crucial for licenses that require source code modifications to be noted.",
         filter: "liability-filter", 
         valueYes: "Yes, I will state that I am not liable for potential issues", 
         valueNo: "No, I I don't want to state anything"
     },
     { 
-        question: "7. Do you want to protect yourself by clearly not providing any warranty?",
+        question: "8. Do you want to protect yourself by clearly not providing any warranty?",
         detail: "Documenting changes is crucial for licenses that require source code modifications to be noted.",
         filter: "warranty-filter", 
         valueYes: "Yes, I will state that I don't provide warranty", 
         valueNo: "No, I I don't want to state anything"
     },
     { 
-        question: "8. Do you want to protect your IP by clearly prohibiting use of Trademark?",
+        question: "9. Do you want to protect your IP by clearly prohibiting use of Trademark?",
         detail: "Documenting changes is crucial for licenses that require source code modifications to be noted.",
         filter: "trademark-use-filter", 
         valueYes: "Yes, I'll state that I protect my Intellectual property", 
@@ -256,9 +289,10 @@
     const quizDialog = document.getElementById('quiz');
     const questionObj = quizQuestions[currentQuestionIndex];
     let buttonsHTML = `
+        <button onclick="skipQuestion()">Skip</button>
         <button onclick="applyFilter('${questionObj.filter}', 'include')">${questionObj.valueYes}</button>
         <button onclick="applyFilter('${questionObj.filter}', 'exclude')">${questionObj.valueNo}</button>
-        <button onclick="skipQuestion()">Skip</button>
+
     `;
     quizDialog.innerHTML = `<p>${questionObj.question}</p><p class="detail">${questionObj.detail}</p>` + buttonsHTML;
 }
@@ -306,7 +340,7 @@
 function showCommunityMessage() {
     const quizDialog = document.getElementById('quiz');
     quizDialog.innerHTML = `
-        <p>If you work in a community, it's best to continue using that project's license.</p>
+        <p>If you are contributing to community, it is easier to continue using that project's license. <a href='/community'>Read more</a> about community and finding what license it uses.</p>
         <button onclick='restartQuiz()'>Restart Quiz</button>
     `;
 }
@@ -322,14 +356,6 @@
     displayQuestion(); // Display the first question again
 }
 
-function showCommunityMessage() {
-    const quizDialog = document.getElementById('quiz');
-    quizDialog.innerHTML = `
-        <p>If you work in a community, it's best to continue using that project's license.</p>
-        <button onclick='restartQuiz()'>Restart Quiz</button>
-    `;
-}
-
 
     function updateFilters() {
         const licenses = document.querySelectorAll('.license');

From ad16a7f48d8b93ec33080b3ab662470418802c7c Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Mon, 15 Apr 2024 23:15:28 +0300
Subject: [PATCH 08/32] More changes

---
 advisor.html | 30 +++++++++++++++---------------
 index.html   | 33 +++++++++++++++------------------
 2 files changed, 30 insertions(+), 33 deletions(-)

diff --git a/advisor.html b/advisor.html
index 4f8f5652f..e03cc3c67 100644
--- a/advisor.html
+++ b/advisor.html
@@ -177,13 +177,13 @@
     <div class="license">{% include license-overview.html license-id="bsd-3-clause-clear" %}</div>
     <div class="license">{% include license-overview.html license-id="bsd-4-clause" %}</div>
     <div class="license">{% include license-overview.html license-id="bsl-1.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="cc0-1.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="cc-by-4.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="cc-by-sa-4.0" %}</div>
+    <!-- <div class="license">{% include license-overview.html license-id="cc0-1.0" %}</div> -->
+    <!-- <div class="license">{% include license-overview.html license-id="cc-by-4.0" %}</div> -->
+    <!-- <div class="license">{% include license-overview.html license-id="cc-by-sa-4.0" %}</div> -->
     <div class="license">{% include license-overview.html license-id="cecill-2.1" %}</div>
-    <div class="license">{% include license-overview.html license-id="cern-ohl-p-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="cern-ohl-s-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="cern-ohl-w-2.0" %}</div>
+    <!-- <div class="license">{% include license-overview.html license-id="cern-ohl-p-2.0" %}</div> -->
+    <!-- <div class="license">{% include license-overview.html license-id="cern-ohl-s-2.0" %}</div> -->
+    <!-- <div class="license">{% include license-overview.html license-id="cern-ohl-w-2.0" %}</div> -->
     <div class="license">{% include license-overview.html license-id="ecl-2.0" %}</div>
     <div class="license">{% include license-overview.html license-id="epl-1.0" %}</div>
     <div class="license">{% include license-overview.html license-id="epl-2.0" %}</div>
@@ -207,7 +207,7 @@
     <div class="license">{% include license-overview.html license-id="unlicense" %}</div>
     <div class="license">{% include license-overview.html license-id="zlib" %}</div>
     <div class="license">{% include license-overview.html license-id="postgresql" %}</div>
-    <div class="license">{% include license-overview.html license-id="ofl-1.1" %}</div>
+    <!-- <div class="license">{% include license-overview.html license-id="ofl-1.1" %}</div> -->
     <div class="license">{% include license-overview.html license-id="osl-3.0" %}</div>
     <div class="license">{% include license-overview.html license-id="wtfpl" %}</div>
     <div class="license">{% include license-overview.html license-id="odbl-1.0" %}</div>
@@ -246,19 +246,19 @@
         valueNo: "No, I don't want to"
     },
     { 
-        question: "5. Do you want to specify state of patent license for users?",
-        detail: "Clarifying the patent rights clause can protect you and your users from potential legal issues regarding the use of patents in your project",
-        filter: "patent-use-filter", 
-        valueYes: "I want to clearly allow or forbid this clause", 
-        valueNo: "I don't want to clearly state this clause"
-    },
-    { 
-        question: "6. Do you mind documenting the changes you made?",
+        question: "5. Do you mind documenting the changes you made?",
         detail: "Documenting changes is crucial for licenses that require source code modifications to be noted.",
         filter: "document-changes-filter", 
         valueYes: "Yes, I'll document", 
         valueNo: "No, I won't"
     },
+    { 
+        question: "6. Do you want to specify state of patent license for users?",
+        detail: "Clarifying the patent rights clause can protect you and your users from potential legal issues regarding the use of patents in your project",
+        filter: "patent-use-filter", 
+        valueYes: "I want to clearly allow or forbid this clause", 
+        valueNo: "I don't want to clearly state this clause"
+    },
     { 
         question: "7. Do you want to protect yourself by clearly having a limitation of liability?",
         detail: "Documenting changes is crucial for licenses that require source code modifications to be noted.",
diff --git a/index.html b/index.html
index 1616c685b..0535eb58d 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,21 @@
 
 <p>An open source license protects contributors and users. Businesses and savvy developers won’t touch a project without this protection.</p>
 
+
+<h2>
+  <span>{</span>
+    <a href="advisor/"></a>
+  Want a personalized answer? Try License Advisor
+  <span>}</span>
+</h2>
+<a href="advisor/">
+  <span class="triptych-sprite three-arrows"></span>
+<a href="advisor/">
+  <h3>License Advisor - personalized and simple answer</h3>
+</a>
+
+
+
 <h2>
   <span>{</span>
   Which of the following best describes your situation?
@@ -52,24 +67,6 @@ <h3>I care about sharing improvements.</h3>
   </li>
 </ul>
 
-
-
-
-<h2>
-  <span>{</span>
-  Want a personalized answer? Try License Advisor
-  <span>}</span>
-</h2>
-<a href="advisor/">
-  <h2>I want it simple and comprehensive answer!</h2>
-</a>
-<p>
-  The License Advisor is an interactive quiz that will give you the answer tailored to your needs
-</p>
-
-
-
-
 <h2>
   <span>{</span>
   What if none of these work for me?

From fb87a03e73228dd03313ca066b0cc95f3941f9cf Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Tue, 16 Apr 2024 17:30:53 +0300
Subject: [PATCH 09/32] Edited all questions to have proper details, added a
 link to source

---
 advisor.html | 61 ++++++++++++++++++++++++++--------------------------
 1 file changed, 31 insertions(+), 30 deletions(-)

diff --git a/advisor.html b/advisor.html
index e03cc3c67..b24e3c8fc 100644
--- a/advisor.html
+++ b/advisor.html
@@ -7,7 +7,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>License Selector</title>
+    <title>License Advisor</title>
     <style>
         #quiz {
     width: 100%;
@@ -56,7 +56,6 @@
 
     .filters {
     display: flex;
-    justify-content: space-between; /* This will space the columns evenly */
     }
 
     .filter-column {
@@ -64,21 +63,28 @@
         padding: 10px; /* Add some padding around each column */
     }
 
+    #filters p {
+        font-size: 24px; /* Larger text for questions */
+        color: #ffffff;
+        margin-top: 0;
+        margin-bottom: 20px;
+    }
+
 
     </style>
 </head>
 <body>
 
-    This advisor is designed to help you identify the most suitable open source license for your project. Answer the questions to narrow down your options based on your specific requirements. You can skip questions if you prefer. To see a table of all licenses, visit <a href="/appendix">appendix</a> Page.
+    This advisor is designed to help beginner developers identify the most suitable open source license for your project. Answer the questions to narrow down your options based on your specific requirements. You can skip questions if you prefer. To see a table of all licenses, visit <a href="/appendix">appendix</a> Page. <br>You can also check out the <a href=https://github.com/TGRRRR/choosealicense.com>source code of this site</a>.
+
     <p>All open source licenses grant to the public <span class="license-permissions"><span class="license-sprite"></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might otherwise disallow.<br>
-    Most open source licenses' grants of permissions are subject to compliance with <span class="license-conditions"><span class="license-sprite"></span></span> <b>conditions</b>.<br>
-    Most open source licenses have <span class="license-limitations"><span class="license-sprite"></span></span> <b>limitations</b> that disclaim warranty and liability, or expressly exclude patents or trademarks from licenses' grants.</p>
+        Most open source licenses' grants of permissions are subject to compliance with <span class="license-conditions"><span class="license-sprite"></span></span> <b>conditions</b>.<br>
+        Most open source licenses have <span class="license-limitations"><span class="license-sprite"></span></span> <b>limitations</b> that disclaim warranty and liability, or expressly exclude patents or trademarks from licenses' grants.</p>
 
     <div id="quiz"></div>
 
-    
-
     <div class="filters" id="quiz">
+        
         <div class="filter-column">
             <!-- Conditions -->
             <ul class="license-conditions">
@@ -164,7 +170,6 @@
             </ul>
         </div>
     </div>
-    
 
     <div class="license">{% include license-overview.html license-id="0bsd" %}</div>
     <div class="license">{% include license-overview.html license-id="afl-3.0" %}</div>
@@ -177,17 +182,10 @@
     <div class="license">{% include license-overview.html license-id="bsd-3-clause-clear" %}</div>
     <div class="license">{% include license-overview.html license-id="bsd-4-clause" %}</div>
     <div class="license">{% include license-overview.html license-id="bsl-1.0" %}</div>
-    <!-- <div class="license">{% include license-overview.html license-id="cc0-1.0" %}</div> -->
-    <!-- <div class="license">{% include license-overview.html license-id="cc-by-4.0" %}</div> -->
-    <!-- <div class="license">{% include license-overview.html license-id="cc-by-sa-4.0" %}</div> -->
     <div class="license">{% include license-overview.html license-id="cecill-2.1" %}</div>
-    <!-- <div class="license">{% include license-overview.html license-id="cern-ohl-p-2.0" %}</div> -->
-    <!-- <div class="license">{% include license-overview.html license-id="cern-ohl-s-2.0" %}</div> -->
-    <!-- <div class="license">{% include license-overview.html license-id="cern-ohl-w-2.0" %}</div> -->
     <div class="license">{% include license-overview.html license-id="ecl-2.0" %}</div>
     <div class="license">{% include license-overview.html license-id="epl-1.0" %}</div>
     <div class="license">{% include license-overview.html license-id="epl-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="eupl-1.1" %}</div>
     <div class="license">{% include license-overview.html license-id="eupl-1.2" %}</div>
     <div class="license">{% include license-overview.html license-id="gfdl-1.3" %}</div>
     <div class="license">{% include license-overview.html license-id="agpl-3.0" %}</div>
@@ -207,7 +205,6 @@
     <div class="license">{% include license-overview.html license-id="unlicense" %}</div>
     <div class="license">{% include license-overview.html license-id="zlib" %}</div>
     <div class="license">{% include license-overview.html license-id="postgresql" %}</div>
-    <!-- <div class="license">{% include license-overview.html license-id="ofl-1.1" %}</div> -->
     <div class="license">{% include license-overview.html license-id="osl-3.0" %}</div>
     <div class="license">{% include license-overview.html license-id="wtfpl" %}</div>
     <div class="license">{% include license-overview.html license-id="odbl-1.0" %}</div>
@@ -233,49 +230,49 @@
     },
     { 
         question: "3. Do you prefer permissive or copyleft licenses?",
-        detail: "Your preference will affect how restrictive the licensing is regarding how others can use, modify, and redistribute your code. <br>Copyleft license only allows users to use your code with copyleft license as well. Permissive license has no restrictions",
+        detail: "It will affect how restrictive the licensing is regarding how others can use, modify, and redistribute your code. <br>Copyleft license only allows users to use your code with copyleft license as well, which means all modifications will also remain free and open source and no commercial or closed source fork is allowed. <br>Permissive license has no restrictions, so anyone can take your code and use it in their project, be it commercial or open source",
         filter: "same-license-filter", 
         valueYes: "Copyleft", 
         valueNo: "Permissive"
     },
     { 
-        question: "4. If you develop a web project, do you mind giving online users access to source code?",
-        detail: "Defining network use as distribution extends the rights and responsibilities associated with the software to those using it over a network. This means that even remote users can access the source code, preserving the open nature of the software",
+        question: "4. If you develop a web copyleft project, do you want to make giving online users access to source code mandatory?",
+        detail: "This clause prohibits users of your code from modifying it and then using it online as a closed source web project, as even remote users should have access to the source code, preserving the open nature of the software",
         filter: "network-use-disclose-filter", 
         valueYes: "Yes, I will provide access to source code", 
         valueNo: "No, I don't want to"
     },
     { 
-        question: "5. Do you mind documenting the changes you made?",
-        detail: "Documenting changes is crucial for licenses that require source code modifications to be noted.",
+        question: "5. Do you want to force users to document the changes they made in your code?",
+        detail: "If you want any change (by users who modify and redestribute your work) in your work to be documented (so that is clear where is your original code is and where the user changes are) you can choose a license with this requirement.",
         filter: "document-changes-filter", 
         valueYes: "Yes, I'll document", 
         valueNo: "No, I won't"
     },
     { 
         question: "6. Do you want to specify state of patent license for users?",
-        detail: "Clarifying the patent rights clause can protect you and your users from potential legal issues regarding the use of patents in your project",
+        detail: "Clarifying the patent rights clause can clearly allow or prohibit users to use a patented tech from your project in their projects. Allowing it can protect your users from potential lawsuits from you or contributors of your project",
         filter: "patent-use-filter", 
         valueYes: "I want to clearly allow or forbid this clause", 
         valueNo: "I don't want to clearly state this clause"
     },
     { 
         question: "7. Do you want to protect yourself by clearly having a limitation of liability?",
-        detail: "Documenting changes is crucial for licenses that require source code modifications to be noted.",
+        detail: "Basically, you will not be liable for any potential issues caused by your code. <br><br>Including a limitation of liability clause can protect you from lawsuits for damages caused by the use of your software. This clause is important when users rely on your software for critical functions, as it specifies that you are not liable for any resulting issues.",
         filter: "liability-filter", 
         valueYes: "Yes, I will state that I am not liable for potential issues", 
         valueNo: "No, I I don't want to state anything"
     },
     { 
         question: "8. Do you want to protect yourself by clearly not providing any warranty?",
-        detail: "Documenting changes is crucial for licenses that require source code modifications to be noted.",
+        detail: "Basically, you will not promise users of your code anything about its performance, quality, or suitability. <br><br>Stating that you do not provide any warranty with your software is crucial to manage user expectations and legal risks. This clause informs users that they are using the software at their own risk and that you do not guarantee its performance, quality, or suitability.",
         filter: "warranty-filter", 
         valueYes: "Yes, I will state that I don't provide warranty", 
         valueNo: "No, I I don't want to state anything"
     },
     { 
         question: "9. Do you want to protect your IP by clearly prohibiting use of Trademark?",
-        detail: "Documenting changes is crucial for licenses that require source code modifications to be noted.",
+        detail: "Basically, people who modify and distribute your application are not allowed to use your app name, logo, slogan, etc. <br><br>Prohibiting the use of your trademark by others is important to protect your brand identity and intellectual property. This clause helps prevent confusion and misuse of your trademark, ensuring that only authorized use associated with your direct products is allowed.",
         filter: "trademark-use-filter", 
         valueYes: "Yes, I'll state that I protect my Intellectual property", 
         valueNo: "No, I I don't want to state anything"
@@ -313,10 +310,18 @@
                 updateFilters();
             }
         }
+
+        // Adjustments to handle specific skips based on answers
         if (currentQuestionIndex === 1 && value === 'include') {
-            // Specific logic for skipping Question 3 if "Yes" in Question 2
+            // Skips Question 3 if "Yes" in Question 2
             currentQuestionIndex++;
         }
+
+        if (currentQuestionIndex === 2 && value === 'exclude') {
+            // Skips Question 4 about network use if "Permissive" is selected in Question 3
+            currentQuestionIndex++;
+        }
+
         nextQuestion();
     }
 }
@@ -326,7 +331,6 @@
     nextQuestion();
 }
 
-
 function nextQuestion() {
     currentQuestionIndex++;
     if (currentQuestionIndex < quizQuestions.length) {
@@ -345,7 +349,6 @@
     `;
 }
 
-
 function restartQuiz() {
     const selects = document.querySelectorAll('select');
     selects.forEach(select => {
@@ -356,7 +359,6 @@
     displayQuestion(); // Display the first question again
 }
 
-
     function updateFilters() {
         const licenses = document.querySelectorAll('.license');
 
@@ -385,7 +387,6 @@
     updateFilters(); // Set initial state for filters
 });
 
-
     </script>
 </body>
 </html>

From 090ffaa2ffdd9860440a14d6db845a3c4ed1a818 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Tue, 16 Apr 2024 18:39:56 +0300
Subject: [PATCH 10/32] Final changes before I send it to review

---
 advisor.html | 27 +++++++++------------------
 1 file changed, 9 insertions(+), 18 deletions(-)

diff --git a/advisor.html b/advisor.html
index b24e3c8fc..0d1c03b96 100644
--- a/advisor.html
+++ b/advisor.html
@@ -63,19 +63,11 @@
         padding: 10px; /* Add some padding around each column */
     }
 
-    #filters p {
-        font-size: 24px; /* Larger text for questions */
-        color: #ffffff;
-        margin-top: 0;
-        margin-bottom: 20px;
-    }
-
-
     </style>
 </head>
 <body>
 
-    This advisor is designed to help beginner developers identify the most suitable open source license for your project. Answer the questions to narrow down your options based on your specific requirements. You can skip questions if you prefer. To see a table of all licenses, visit <a href="/appendix">appendix</a> Page. <br>You can also check out the <a href=https://github.com/TGRRRR/choosealicense.com>source code of this site</a>.
+    This advisor is designed to help beginner developers identify the most suitable open source license for their project. Answer the questions to narrow down your options based on your specific requirements. You can skip questions if you are not sure. To see a table of all licenses, visit <a href="/appendix">appendix</a> Page. <br> Read more <a href=https://choosealicense.com/about>about the purpose</a> of this site. Also check out the <a href=https://github.com/TGRRRR/choosealicense.com>source code of this site</a>.
 
     <p>All open source licenses grant to the public <span class="license-permissions"><span class="license-sprite"></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might otherwise disallow.<br>
         Most open source licenses' grants of permissions are subject to compliance with <span class="license-conditions"><span class="license-sprite"></span></span> <b>conditions</b>.<br>
@@ -217,7 +209,7 @@
 const quizQuestions = [
     { 
         question: "1. Do you work in a community?",
-        detail: "Workiing in community means working on some already existing projects, or working with a team. <a href='/community'>read more</a>",
+        detail: "Workiing in community means working on some already existing projects as a contributor, or working with a team. <a href='/community'>read more</a>",
         valueYes: "Yes, I work in a community", 
         valueNo: "No, I work alone"
     },
@@ -239,22 +231,22 @@
         question: "4. If you develop a web copyleft project, do you want to make giving online users access to source code mandatory?",
         detail: "This clause prohibits users of your code from modifying it and then using it online as a closed source web project, as even remote users should have access to the source code, preserving the open nature of the software",
         filter: "network-use-disclose-filter", 
-        valueYes: "Yes, I will provide access to source code", 
-        valueNo: "No, I don't want to"
+        valueYes: "Yes, I will require access to source code even for network users", 
+        valueNo: "No, network use is not distribution"
     },
     { 
         question: "5. Do you want to force users to document the changes they made in your code?",
         detail: "If you want any change (by users who modify and redestribute your work) in your work to be documented (so that is clear where is your original code is and where the user changes are) you can choose a license with this requirement.",
         filter: "document-changes-filter", 
-        valueYes: "Yes, I'll document", 
-        valueNo: "No, I won't"
+        valueYes: "Yes, I want all the changes to my code be documented", 
+        valueNo: "No, I don't mind undocumented changes"
     },
     { 
         question: "6. Do you want to specify state of patent license for users?",
         detail: "Clarifying the patent rights clause can clearly allow or prohibit users to use a patented tech from your project in their projects. Allowing it can protect your users from potential lawsuits from you or contributors of your project",
         filter: "patent-use-filter", 
-        valueYes: "I want to clearly allow or forbid this clause", 
-        valueNo: "I don't want to clearly state this clause"
+        valueYes: "I want to clearly allow or forbid patent use", 
+        valueNo: "I don't want to clearly state patent use"
     },
     { 
         question: "7. Do you want to protect yourself by clearly having a limitation of liability?",
@@ -294,7 +286,6 @@
     quizDialog.innerHTML = `<p>${questionObj.question}</p><p class="detail">${questionObj.detail}</p>` + buttonsHTML;
 }
 
-
 function applyFilter(filterId, value) {
     if (currentQuestionIndex === 0) {
         if (value === 'include') {
@@ -337,7 +328,7 @@
         displayQuestion();
     } else {
         const quizDialog = document.getElementById('quiz');
-        quizDialog.innerHTML = "<p>End of Quiz. Filters are set according to your answers.</p><button onclick='restartQuiz()'>Restart Quiz</button> ";
+        quizDialog.innerHTML = "<p>End of Quiz. Filters are set according to your answers. <br>If you still haven't found what you need, at least you now clearly know what to look for. Visit <a href=https://joinup.ec.europa.eu/collection/eupl/solution/joinup-licensing-assistant/jla-find-and-compare-software-licenses>europa.eu</a> or <a href=https://opensource.org/license>opensource.org</a> for more comprehensive database. </p><button onclick='restartQuiz()'>Restart Quiz</button> ";
     }
 }
 

From 262de1bce55313e7165a95f626de1fa869159ad7 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Mon, 29 Apr 2024 15:22:05 +0300
Subject: [PATCH 11/32] Feedback small fixes

---
 advisor.html | 35 ++++++++++++++++++++---------------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/advisor.html b/advisor.html
index 0d1c03b96..cad21d739 100644
--- a/advisor.html
+++ b/advisor.html
@@ -73,13 +73,18 @@
         Most open source licenses' grants of permissions are subject to compliance with <span class="license-conditions"><span class="license-sprite"></span></span> <b>conditions</b>.<br>
         Most open source licenses have <span class="license-limitations"><span class="license-sprite"></span></span> <b>limitations</b> that disclaim warranty and liability, or expressly exclude patents or trademarks from licenses' grants.</p>
 
-    <div id="quiz"></div>
+    <h2>License Wizard</h2>
+    <p>If you don't know anything about licenses, then you can go through this wizard and it will fill in the filter values based on your answers</p>
+        <div id="quiz"></div>
+
+    <h2>Filters</h2>
+    <p>If you understand what all these filters mean, then use these filters and you can skip the wizard</p>
 
     <div class="filters" id="quiz">
-        
         <div class="filter-column">
             <!-- Conditions -->
             <ul class="license-conditions">
+                <h3>Conditions</h3>
                 <li>
                     <span class="license-sprite"></span>
                     <label for="same-license-filter">Same license:</label>
@@ -119,6 +124,7 @@
             </ul>
         </div>
         <div class="filter-column">
+            <h3>Permission and Limitations</h3>
             <!-- Permissions and Limitations -->
             <ul class="license-permissions">
                 <li>
@@ -162,6 +168,7 @@
             </ul>
         </div>
     </div>
+    <h2>Below is a list of licenses that match your needs:</h2>
 
     <div class="license">{% include license-overview.html license-id="0bsd" %}</div>
     <div class="license">{% include license-overview.html license-id="afl-3.0" %}</div>
@@ -179,7 +186,6 @@
     <div class="license">{% include license-overview.html license-id="epl-1.0" %}</div>
     <div class="license">{% include license-overview.html license-id="epl-2.0" %}</div>
     <div class="license">{% include license-overview.html license-id="eupl-1.2" %}</div>
-    <div class="license">{% include license-overview.html license-id="gfdl-1.3" %}</div>
     <div class="license">{% include license-overview.html license-id="agpl-3.0" %}</div>
     <div class="license">{% include license-overview.html license-id="gpl-2.0" %}</div>
     <div class="license">{% include license-overview.html license-id="gpl-3.0" %}</div>
@@ -203,67 +209,66 @@
     <div class="license">{% include license-overview.html license-id="upl-1.0" %}</div>
     <div class="license">{% include license-overview.html license-id="vim" %}</div>
     
-    <iframe src="https://docs.google.com/forms/d/e/1FAIpQLScTT_mlS3JKLFyoO2-mtEPyr1Mh0ruu2_RrIENsVzR_KEOSTQ/viewform?embedded=true" width="800" height="640" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
     <script>
 
 const quizQuestions = [
     { 
-        question: "1. Do you work in a community?",
+        question: "Start the wizard?",
         detail: "Workiing in community means working on some already existing projects as a contributor, or working with a team. <a href='/community'>read more</a>",
-        valueYes: "Yes, I work in a community", 
-        valueNo: "No, I work alone"
+        valueYes: "Yes", 
+        valueNo: "I work alone, start wizard"
     },
     { 
-        question: "2. Do you use copyleft code base or libraries?",
+        question: "1/8 Do you use copyleft code base or libraries?",
         detail: "If you're using code that's under a copyleft license, your project also has to be licensed under same license or similar terms to comply with those licenses conditions.",
         filter: "same-license-filter", 
         valueYes: "Yes", 
         valueNo: "No, I use code with permissive license / I write from scratch"
     },
     { 
-        question: "3. Do you prefer permissive or copyleft licenses?",
+        question: "2/8 Do you prefer permissive or copyleft licenses?",
         detail: "It will affect how restrictive the licensing is regarding how others can use, modify, and redistribute your code. <br>Copyleft license only allows users to use your code with copyleft license as well, which means all modifications will also remain free and open source and no commercial or closed source fork is allowed. <br>Permissive license has no restrictions, so anyone can take your code and use it in their project, be it commercial or open source",
         filter: "same-license-filter", 
         valueYes: "Copyleft", 
         valueNo: "Permissive"
     },
     { 
-        question: "4. If you develop a web copyleft project, do you want to make giving online users access to source code mandatory?",
+        question: "3/8 If you develop a web copyleft project, do you want to make giving online users access to source code mandatory?",
         detail: "This clause prohibits users of your code from modifying it and then using it online as a closed source web project, as even remote users should have access to the source code, preserving the open nature of the software",
         filter: "network-use-disclose-filter", 
         valueYes: "Yes, I will require access to source code even for network users", 
         valueNo: "No, network use is not distribution"
     },
     { 
-        question: "5. Do you want to force users to document the changes they made in your code?",
+        question: "4/8 Do you want to force users to document the changes they made in your code?",
         detail: "If you want any change (by users who modify and redestribute your work) in your work to be documented (so that is clear where is your original code is and where the user changes are) you can choose a license with this requirement.",
         filter: "document-changes-filter", 
         valueYes: "Yes, I want all the changes to my code be documented", 
         valueNo: "No, I don't mind undocumented changes"
     },
     { 
-        question: "6. Do you want to specify state of patent license for users?",
+        question: "5/8 Do you want to specify state of patent license for users?",
         detail: "Clarifying the patent rights clause can clearly allow or prohibit users to use a patented tech from your project in their projects. Allowing it can protect your users from potential lawsuits from you or contributors of your project",
         filter: "patent-use-filter", 
         valueYes: "I want to clearly allow or forbid patent use", 
         valueNo: "I don't want to clearly state patent use"
     },
     { 
-        question: "7. Do you want to protect yourself by clearly having a limitation of liability?",
+        question: "6/8 Do you want to protect yourself by clearly having a limitation of liability?",
         detail: "Basically, you will not be liable for any potential issues caused by your code. <br><br>Including a limitation of liability clause can protect you from lawsuits for damages caused by the use of your software. This clause is important when users rely on your software for critical functions, as it specifies that you are not liable for any resulting issues.",
         filter: "liability-filter", 
         valueYes: "Yes, I will state that I am not liable for potential issues", 
         valueNo: "No, I I don't want to state anything"
     },
     { 
-        question: "8. Do you want to protect yourself by clearly not providing any warranty?",
+        question: "7/8 Do you want to protect yourself by clearly not providing any warranty?",
         detail: "Basically, you will not promise users of your code anything about its performance, quality, or suitability. <br><br>Stating that you do not provide any warranty with your software is crucial to manage user expectations and legal risks. This clause informs users that they are using the software at their own risk and that you do not guarantee its performance, quality, or suitability.",
         filter: "warranty-filter", 
         valueYes: "Yes, I will state that I don't provide warranty", 
         valueNo: "No, I I don't want to state anything"
     },
     { 
-        question: "9. Do you want to protect your IP by clearly prohibiting use of Trademark?",
+        question: "8/8 Do you want to protect your IP by clearly prohibiting use of Trademark?",
         detail: "Basically, people who modify and distribute your application are not allowed to use your app name, logo, slogan, etc. <br><br>Prohibiting the use of your trademark by others is important to protect your brand identity and intellectual property. This clause helps prevent confusion and misuse of your trademark, ensuring that only authorized use associated with your direct products is allowed.",
         filter: "trademark-use-filter", 
         valueYes: "Yes, I'll state that I protect my Intellectual property", 

From c9a38aa1791cdc5485223f8880ef01411b9d937e Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Mon, 29 Apr 2024 18:00:15 +0300
Subject: [PATCH 12/32] A lot of edits

---
 advisor.html | 181 +++++++++++++++++++++------------------------------
 1 file changed, 74 insertions(+), 107 deletions(-)

diff --git a/advisor.html b/advisor.html
index cad21d739..8a0f89dca 100644
--- a/advisor.html
+++ b/advisor.html
@@ -9,7 +9,7 @@
     <meta charset="UTF-8">
     <title>License Advisor</title>
     <style>
-        #quiz {
+    #quiz {
     width: 100%;
     margin: 20px auto;
     padding: 20px;
@@ -43,8 +43,7 @@
     }
 
     #quiz button:focus {
-        outline: none;
-        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5);
+        background-color: green; /* Selected state color */
     }
 
     #quiz .detail {
@@ -63,16 +62,17 @@
         padding: 10px; /* Add some padding around each column */
     }
 
+    .active {
+  background-color: green; /* Selected state color */
+    }
+
+    .inactive {
+    background-color: red; /* Unselected state color */
+    }
+
     </style>
 </head>
 <body>
-
-    This advisor is designed to help beginner developers identify the most suitable open source license for their project. Answer the questions to narrow down your options based on your specific requirements. You can skip questions if you are not sure. To see a table of all licenses, visit <a href="/appendix">appendix</a> Page. <br> Read more <a href=https://choosealicense.com/about>about the purpose</a> of this site. Also check out the <a href=https://github.com/TGRRRR/choosealicense.com>source code of this site</a>.
-
-    <p>All open source licenses grant to the public <span class="license-permissions"><span class="license-sprite"></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might otherwise disallow.<br>
-        Most open source licenses' grants of permissions are subject to compliance with <span class="license-conditions"><span class="license-sprite"></span></span> <b>conditions</b>.<br>
-        Most open source licenses have <span class="license-limitations"><span class="license-sprite"></span></span> <b>limitations</b> that disclaim warranty and liability, or expressly exclude patents or trademarks from licenses' grants.</p>
-
     <h2>License Wizard</h2>
     <p>If you don't know anything about licenses, then you can go through this wizard and it will fill in the filter values based on your answers</p>
         <div id="quiz"></div>
@@ -208,15 +208,11 @@ <h2>Below is a list of licenses that match your needs:</h2>
     <div class="license">{% include license-overview.html license-id="odbl-1.0" %}</div>
     <div class="license">{% include license-overview.html license-id="upl-1.0" %}</div>
     <div class="license">{% include license-overview.html license-id="vim" %}</div>
-    
-    <script>
+<script>
 
 const quizQuestions = [
     { 
-        question: "Start the wizard?",
-        detail: "Workiing in community means working on some already existing projects as a contributor, or working with a team. <a href='/community'>read more</a>",
-        valueYes: "Yes", 
-        valueNo: "I work alone, start wizard"
+        question: "0/8 hardcode",
     },
     { 
         question: "1/8 Do you use copyleft code base or libraries?",
@@ -237,7 +233,7 @@ <h2>Below is a list of licenses that match your needs:</h2>
         detail: "This clause prohibits users of your code from modifying it and then using it online as a closed source web project, as even remote users should have access to the source code, preserving the open nature of the software",
         filter: "network-use-disclose-filter", 
         valueYes: "Yes, I will require access to source code even for network users", 
-        valueNo: "No, network use is not distribution"
+        valueNo: "No, I don't want"
     },
     { 
         question: "4/8 Do you want to force users to document the changes they made in your code?",
@@ -274,115 +270,86 @@ <h2>Below is a list of licenses that match your needs:</h2>
         valueYes: "Yes, I'll state that I protect my Intellectual property", 
         valueNo: "No, I I don't want to state anything"
     },
-    // Add more questions as needed
-];
+    ];
 
-    let currentQuestionIndex = 0;
+let currentQuestionIndex = 0;
 
-    function displayQuestion() {
+function nextQuestion() {
+    currentQuestionIndex++; 
+    displayQuestion();
+}
+
+function backQuestion() {
+    currentQuestionIndex--; 
+    displayQuestion();
+}
+
+function displayQuestion() {
     const quizDialog = document.getElementById('quiz');
     const questionObj = quizQuestions[currentQuestionIndex];
     let buttonsHTML = `
-        <button onclick="skipQuestion()">Skip</button>
-        <button onclick="applyFilter('${questionObj.filter}', 'include')">${questionObj.valueYes}</button>
-        <button onclick="applyFilter('${questionObj.filter}', 'exclude')">${questionObj.valueNo}</button>
-
+        <button onclick="backQuestion()">↤ Back</button>
+        <button id="myButton" onclick="updateFilters('${questionObj.filter}', 'include')">${questionObj.valueYes}</button>
+        <button id="myButton" onclick="updateFilters('${questionObj.filter}', 'exclude')">${questionObj.valueNo}</button>
     `;
-    quizDialog.innerHTML = `<p>${questionObj.question}</p><p class="detail">${questionObj.detail}</p>` + buttonsHTML;
-}
-
-function applyFilter(filterId, value) {
     if (currentQuestionIndex === 0) {
-        if (value === 'include') {
-            showCommunityMessage();
-        } else {
-            nextQuestion();
-        }
-    } else {
-        if (filterId) { // Only apply the filter if the filterId is provided
-            const filterElement = document.getElementById(filterId);
-            if (filterElement) {
-                filterElement.value = value;
-                updateFilters();
-            }
-        }
-
-        // Adjustments to handle specific skips based on answers
-        if (currentQuestionIndex === 1 && value === 'include') {
-            // Skips Question 3 if "Yes" in Question 2
-            currentQuestionIndex++;
-        }
-
-        if (currentQuestionIndex === 2 && value === 'exclude') {
-            // Skips Question 4 about network use if "Permissive" is selected in Question 3
-            currentQuestionIndex++;
-        }
-
-        nextQuestion();
+        quizDialog.innerHTML = "<h1>Start the wizard?</h1>If you are contributing to community, it is easier to continue using that project's license. <a href='/community'>Read more</a> about community and finding what license it uses. <br><br>This advisor is designed to help beginner developers identify the most suitable open source license for their project. Answer the questions to narrow down your options based on your specific requirements. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/appendix'>appendix</a> Page. <br> Read more <a href=https://choosealicense.com/about>about the purpose</a> of this site. Also check out the <a href=https://github.com/TGRRRR/choosealicense.com>source code of this site</a>.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might otherwise disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or expressly exclude patents or trademarks from licenses' grants.<br><button onclick='nextQuestion()'>Start quiz</button>";
+    }
+    else if (currentQuestionIndex === 7) {
+        quizDialog.innerHTML = `<h2>${questionObj.question}</h2><p class="detail">${questionObj.detail}</p>` + buttonsHTML;
     }
+    else {
+        quizDialog.innerHTML = `<h2>${questionObj.question}</h2><p class="detail">${questionObj.detail}</p>` + buttonsHTML + '<button onclick="nextQuestion()">Next ↦</button>';
+    }
+    updateButton(filterValue);
 }
 
+function updateButton(filterValue) {
+    const button = document.getElementById('myButton');
 
-function skipQuestion() {
-    nextQuestion();
-}
+    // Remove existing classes
+    button.classList.remove('active', 'inactive');
 
-function nextQuestion() {
-    currentQuestionIndex++;
-    if (currentQuestionIndex < quizQuestions.length) {
-        displayQuestion();
+    // Add class based on filter value
+    if (filterValue === 'include') {
+    button.classList.add('active');
     } else {
-        const quizDialog = document.getElementById('quiz');
-        quizDialog.innerHTML = "<p>End of Quiz. Filters are set according to your answers. <br>If you still haven't found what you need, at least you now clearly know what to look for. Visit <a href=https://joinup.ec.europa.eu/collection/eupl/solution/joinup-licensing-assistant/jla-find-and-compare-software-licenses>europa.eu</a> or <a href=https://opensource.org/license>opensource.org</a> for more comprehensive database. </p><button onclick='restartQuiz()'>Restart Quiz</button> ";
+    button.classList.add('inactive');
     }
 }
 
-function showCommunityMessage() {
-    const quizDialog = document.getElementById('quiz');
-    quizDialog.innerHTML = `
-        <p>If you are contributing to community, it is easier to continue using that project's license. <a href='/community'>Read more</a> about community and finding what license it uses.</p>
-        <button onclick='restartQuiz()'>Restart Quiz</button>
-    `;
-}
-
-function restartQuiz() {
-    const selects = document.querySelectorAll('select');
-    selects.forEach(select => {
-        select.value = 'all'; // Assuming 'all' is the default state
+function updateFilters(filterId, value) {
+    const filterElement = document.getElementById(filterId);
+    if (filterElement) {
+        filterElement.value = value;
+        updateFilters();
+    }
+    const licenses = document.querySelectorAll('.license');
+    licenses.forEach(license => {
+        let isDisplayed = true;
+
+        // Handle general filters
+        document.querySelectorAll('select').forEach(select => {
+            const value = select.value; // "include", "exclude", or "all"
+            const filterName = select.id.replace('-filter', ''); // e.g., "trademark", "liability"
+            const conditions = Array.from(license.querySelectorAll('.' + filterName)).map(li => li.textContent.trim().toLowerCase());
+
+            if (value === 'include' && !conditions.length) {
+                isDisplayed = false;
+            } else if (value === 'exclude' && conditions.length) {
+                isDisplayed = false;
+            }
+        });
+        license.style.display = isDisplayed ? 'block' : 'none';
     });
-    updateFilters(); // Update the filters based on reset values
-    currentQuestionIndex = 0; // Reset the index to the first question
-    displayQuestion(); // Display the first question again
 }
-
-    function updateFilters() {
-        const licenses = document.querySelectorAll('.license');
-
-        licenses.forEach(license => {
-            let isDisplayed = true;
-
-            // Handle general filters
-            document.querySelectorAll('select').forEach(select => {
-                const value = select.value; // "include", "exclude", or "all"
-                const filterName = select.id.replace('-filter', ''); // e.g., "trademark", "liability"
-                const conditions = Array.from(license.querySelectorAll('.' + filterName)).map(li => li.textContent.trim().toLowerCase());
-
-                if (value === 'include' && !conditions.length) {
-                    isDisplayed = false;
-                } else if (value === 'exclude' && conditions.length) {
-                    isDisplayed = false;
-                }
-            });
-            license.style.display = isDisplayed ? 'block' : 'none';
-        });
-    }
-    document.addEventListener('DOMContentLoaded', displayQuestion);
-    document.addEventListener('DOMContentLoaded', updateFilters);
-    document.addEventListener('DOMContentLoaded', () => {
-    displayQuestion(); // Start the quiz
-    updateFilters(); // Set initial state for filters
+document.addEventListener('DOMContentLoaded', displayQuestion);
+document.addEventListener('DOMContentLoaded', updateFilters);
+document.addEventListener('DOMContentLoaded', () => {
+displayQuestion(); // Start the quiz
+updateFilters(); // Set initial state for filters
 });
 
-    </script>
+</script>
 </body>
 </html>

From 4758be7d4bb7f08d291fc63b1a83ea1c060b52c4 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Tue, 30 Apr 2024 17:45:54 +0300
Subject: [PATCH 13/32] Redesign of the script

---
 advisor copy.html | 456 +++++++++++++++++++++++++++++++++++
 advisor.html      | 598 ++++++++++++++++++++++++----------------------
 2 files changed, 769 insertions(+), 285 deletions(-)
 create mode 100644 advisor copy.html

diff --git a/advisor copy.html b/advisor copy.html
new file mode 100644
index 000000000..cede2eef8
--- /dev/null
+++ b/advisor copy.html	
@@ -0,0 +1,456 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>License Advisor</title>
+    <style>
+    #quiz {
+    background-color: #272727;
+    border: 2px solid #5c5c5c;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+    border-radius: 8px;
+    }
+
+    #quiz p {
+        font-size: 24px; /* Larger text for questions */
+        color: #ffffff;
+        margin-top: 0;
+        margin-bottom: 20px;
+    }
+
+    #quiz button {
+        padding: 10px 20px;
+        font-size: 16px;
+        color: white;
+        background-color: #1699d2;
+        border: none;
+        border-radius: 5px;
+        cursor: pointer;
+        margin: 5px;
+        transition: background-color 0.3s;
+    }
+
+    #quiz button:hover {
+        background-color: #0056b3;
+    }
+
+    #quiz button:focus {
+        background-color: green; /* Selected state color */
+    }
+
+    #quiz .detail {
+    font-size: 16px; 
+    color: #c7c7c7;
+    margin-top: 5px;
+    margin-bottom: 20px;
+    }
+
+    .filters {
+    display: flex;
+    }
+
+    .filter-column {
+        flex: 1; /* Each column takes up equal space */
+        padding: 10px; /* Add some padding around each column */
+    }
+
+    .active {
+  background-color: green; /* Selected state color */
+    }
+
+    .inactive {
+    background-color: red; /* Unselected state color */
+    }
+
+    /* Style the form */
+#regForm {
+  background-color: #ffffff;
+  margin: 100px auto;
+  padding: 40px;
+  width: 70%;
+  min-width: 300px;
+}
+
+/* Style the input fields */
+input {
+  padding: 10px;
+  width: 100%;
+  font-size: 17px;
+  font-family: Raleway;
+  border: 1px solid #aaaaaa;
+}
+
+/* Mark input boxes that gets an error on validation: */
+input.invalid {
+  background-color: #ffdddd;
+}
+
+/* Hide all steps by default: */
+.tab {
+  display: none;
+}
+
+/* Make circles that indicate the steps of the form: */
+.step {
+  height: 15px;
+  width: 15px;
+  margin: 0 2px;
+  background-color: #bbbbbb;
+  border: none;
+  border-radius: 50%;
+  display: inline-block;
+  opacity: 0.5;
+}
+
+/* Mark the active step: */
+.step.active {
+  opacity: 1;
+}
+
+/* Mark the steps that are finished and valid: */
+.step.finish {
+  background-color: #04AA6D;
+}
+
+    </style>
+</head>
+<body>
+    <h2>License Wizard</h2>
+    <p>If you don't know anything about licenses, then you can go through this wizard and it will fill in the filter values based on your answers</p>
+        <div id="quiz"></div>
+
+    <h2>Filters</h2>
+    <p>If you understand what all these filters mean, then use these filters and you can skip the wizard</p>
+
+    <div class="filters" id="quiz">
+        <div class="filter-column">
+            <!-- Conditions -->
+            <ul class="license-conditions">
+                <h3>Conditions</h3>
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="same-license-filter">Same license:</label>
+                    <select id="same-license-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include same license</option>
+                        <option value="exclude">Exclude same license</option>
+                    </select>
+                </li>
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="network-use-disclose-filter">Network use:</label>
+                    <select id="network-use-disclose-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Network use</option>
+                        <option value="exclude">Exclude Network use</option>
+                    </select>
+                </li>
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="document-changes-filter">State Changes:</label>
+                    <select id="document-changes-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include State Changes</option>
+                        <option value="exclude">Exclude State Changes</option>
+                    </select>
+                </li>
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="include-copyright-filter">Copyright notice:</label>
+                    <select id="include-copyright-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Copyright notice</option>
+                        <option value="exclude">Exclude Copyright notice</option>
+                    </select>
+                </li>
+            </ul>
+        </div>
+        <div class="filter-column">
+            <h3>Permission and Limitations</h3>
+            <!-- Permissions and Limitations -->
+            <ul class="license-permissions">
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="patent-use-filter">Patent Use:</label>
+                    <select id="patent-use-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Patent Use</option>
+                        <option value="exclude">Exclude Patent Use</option>
+                    </select>
+                </li>    
+            </ul>
+            <ul class="license-limitations">
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="liability-filter">Liability:</label>
+                    <select id="liability-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Liability</option>
+                        <option value="exclude">Exclude Liability</option>
+                    </select>
+                </li>
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="warranty-filter">Warranty:</label>
+                    <select id="warranty-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Warranty</option>
+                        <option value="exclude">Exclude Warranty</option>
+                    </select>
+                </li>
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="trademark-use-filter">Trademark:</label>
+                    <select id="trademark-use-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Trademark</option>
+                        <option value="exclude">Exclude Trademark</option>
+                    </select>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <h2>Below is a list of licenses that match your needs:</h2>
+
+    <div class="license">{% include license-overview.html license-id="0bsd" %}</div>
+    <div class="license">{% include license-overview.html license-id="afl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="apache-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="artistic-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="blueoak-1.0.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsd-2-clause" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsd-2-clause-patent" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsd-3-clause" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsd-3-clause-clear" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsd-4-clause" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsl-1.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="cecill-2.1" %}</div>
+    <div class="license">{% include license-overview.html license-id="ecl-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="epl-1.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="epl-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="eupl-1.2" %}</div>
+    <div class="license">{% include license-overview.html license-id="agpl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="gpl-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="gpl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="lgpl-2.1" %}</div>
+    <div class="license">{% include license-overview.html license-id="lgpl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="isc" %}</div>
+    <div class="license">{% include license-overview.html license-id="lppl-1.3c" %}</div>
+    <div class="license">{% include license-overview.html license-id="mit" %}</div>
+    <div class="license">{% include license-overview.html license-id="mit-0" %}</div>
+    <div class="license">{% include license-overview.html license-id="mpl-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="ms-pl" %}</div>
+    <div class="license">{% include license-overview.html license-id="ms-rl" %}</div>
+    <div class="license">{% include license-overview.html license-id="mulanpsl-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="ncsa" %}</div>
+    <div class="license">{% include license-overview.html license-id="unlicense" %}</div>
+    <div class="license">{% include license-overview.html license-id="zlib" %}</div>
+    <div class="license">{% include license-overview.html license-id="postgresql" %}</div>
+    <div class="license">{% include license-overview.html license-id="osl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="wtfpl" %}</div>
+    <div class="license">{% include license-overview.html license-id="odbl-1.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="upl-1.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="vim" %}</div>
+<script>
+
+const quizQuestions = [
+
+    { 
+        question: "1/8 Do you use copyleft code base or libraries?",
+        detail: "If you're using code that's under a copyleft license, your project also has to be licensed under same license or similar terms to comply with those licenses conditions.",
+        filter: "same-license-filter", 
+
+    },
+    { 
+        question: "2/8 Do you prefer permissive or copyleft licenses?",
+        detail: "It will affect how restrictive the licensing is regarding how others can use, modify, and redistribute your code. <br>Copyleft license only allows users to use your code with copyleft license as well, which means all modifications will also remain free and open source and no commercial or closed source fork is allowed. <br>Permissive license has no restrictions, so anyone can take your code and use it in their project, be it commercial or open source",
+        filter: "same-license-filter", 
+
+    },
+    { 
+        question: "3/8 If you develop a web copyleft project, do you want to make giving online users access to source code mandatory?",
+        detail: "This clause prohibits users of your code from modifying it and then using it online as a closed source web project, as even remote users should have access to the source code, preserving the open nature of the software",
+        filter: "network-use-disclose-filter", 
+
+    },
+    { 
+        question: "4/8 Do you want to force users to document the changes they made in your code?",
+        detail: "If you want any change (by users who modify and redestribute your work) in your work to be documented (so that is clear where is your original code is and where the user changes are) you can choose a license with this requirement.",
+        filter: "document-changes-filter", 
+
+    },
+    { 
+        question: "5/8 Do you want to specify state of patent license for users?",
+        detail: "Clarifying the patent rights clause can clearly allow or prohibit users to use a patented tech from your project in their projects. Allowing it can protect your users from potential lawsuits from you or contributors of your project",
+        filter: "patent-use-filter", 
+  
+    },
+    { 
+        question: "6/8 Do you want to protect yourself by clearly having a limitation of liability?",
+        detail: "Basically, you will not be liable for any potential issues caused by your code. <br><br>Including a limitation of liability clause can protect you from lawsuits for damages caused by the use of your software. This clause is important when users rely on your software for critical functions, as it specifies that you are not liable for any resulting issues.",
+        filter: "liability-filter", 
+ 
+    },
+    { 
+        question: "7/8 Do you want to protect yourself by clearly not providing any warranty?",
+        detail: "Basically, you will not promise users of your code anything about its performance, quality, or suitability. <br><br>Stating that you do not provide any warranty with your software is crucial to manage user expectations and legal risks. This clause informs users that they are using the software at their own risk and that you do not guarantee its performance, quality, or suitability.",
+        filter: "warranty-filter", 
+     
+    },
+    { 
+        question: "8/8 Do you want to protect your IP by clearly prohibiting use of Trademark?",
+        detail: "Basically, people who modify and distribute your application are not allowed to use your app name, logo, slogan, etc. <br><br>Prohibiting the use of your trademark by others is important to protect your brand identity and intellectual property. This clause helps prevent confusion and misuse of your trademark, ensuring that only authorized use associated with your direct products is allowed.",
+        filter: "trademark-use-filter", 
+
+    },
+    ];
+
+let currentQuestionIndex = 0;
+
+function nextQuestion() {
+    currentQuestionIndex++; 
+    displayQuestion();
+}
+
+function backQuestion() {
+    currentQuestionIndex--; 
+    displayQuestion();
+}
+
+function displayQuestion() {
+    const quizDialog = document.getElementById('quiz');
+    const questionObj = quizQuestions[currentQuestionIndex];
+    let buttonsHTML = `
+        <button onclick="backQuestion()">↤ Back</button>
+        <button id="myButton" onclick="updateFilters('${questionObj.filter}', 'include')">${questionObj.valueYes}</button>
+        <button id="myButton" onclick="updateFilters('${questionObj.filter}', 'exclude')">${questionObj.valueNo}</button>
+    `;
+    if (currentQuestionIndex === 0) {
+        quizDialog.innerHTML = "<h1>Start the wizard?</h1>If you are contributing to community, it is easier to continue using that project's license. <a href='/community'>Read more</a> about community and finding what license it uses. <br><br>This advisor is designed to help beginner developers identify the most suitable open source license for their project. Answer the questions to narrow down your options based on your specific requirements. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/appendix'>appendix</a> Page. <br> Read more <a href=https://choosealicense.com/about>about the purpose</a> of this site. Also check out the <a href=https://github.com/TGRRRR/choosealicense.com>source code of this site</a>.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might otherwise disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or expressly exclude patents or trademarks from licenses' grants.<br><button onclick='nextQuestion()'>Start quiz</button>";
+    }
+    else if (currentQuestionIndex === 8) {
+        quizDialog.innerHTML = `<h2>${questionObj.question}</h2><p class="detail">${questionObj.detail}</p>` + buttonsHTML;
+    }
+    else {
+        quizDialog.innerHTML = `<h2>${questionObj.question}</h2><p class="detail">${questionObj.detail}</p>` + buttonsHTML + '<button onclick="nextQuestion()">Next ↦</button>';
+    }
+    updateButton(filterValue);
+}
+
+function updateButton(filterValue) {
+    const button = document.getElementById('myButton');
+
+    // Add class based on filter value
+    if (filterValue === 'include') {
+    button.classList.add('active');
+    } else {
+    button.classList.add('inactive');
+    }
+}
+
+function updateFilters(filterId, value) {
+    const filterElement = document.getElementById(filterId);
+    if (filterElement) {
+        filterElement.value = value;
+        updateFilters();
+    }
+    const licenses = document.querySelectorAll('.license');
+    licenses.forEach(license => {
+        let isDisplayed = true;
+
+        // Handle general filters
+        document.querySelectorAll('select').forEach(select => {
+            const value = select.value; // "include", "exclude", or "all"
+            const filterName = select.id.replace('-filter', ''); // e.g., "trademark", "liability"
+            const conditions = Array.from(license.querySelectorAll('.' + filterName)).map(li => li.textContent.trim().toLowerCase());
+
+            if (value === 'include' && !conditions.length) {
+                isDisplayed = false;
+            } else if (value === 'exclude' && conditions.length) {
+                isDisplayed = false;
+            }
+        });
+        license.style.display = isDisplayed ? 'block' : 'none';
+    });
+}
+document.addEventListener('DOMContentLoaded', displayQuestion);
+document.addEventListener('DOMContentLoaded', updateFilters);
+
+</script>
+
+<script>
+    var currentTab = 0; // Current tab is set to be the first tab (0)
+showTab(currentTab); // Display the current tab
+
+function showTab(n) {
+  // This function will display the specified tab of the form ...
+  var x = document.getElementsByClassName("tab");
+  x[n].style.display = "block";
+  // ... and fix the Previous/Next buttons:
+  if (n == 0) {
+    document.getElementById("prevBtn").style.display = "none";
+  } else {
+    document.getElementById("prevBtn").style.display = "inline";
+  }
+  if (n == (x.length - 1)) {
+    document.getElementById("nextBtn").innerHTML = "Submit";
+  } else {
+    document.getElementById("nextBtn").innerHTML = "Next";
+  }
+  // ... and run a function that displays the correct step indicator:
+  fixStepIndicator(n)
+}
+
+function nextPrev(n) {
+  // This function will figure out which tab to display
+  var x = document.getElementsByClassName("tab");
+  // Exit the function if any field in the current tab is invalid:
+  if (n == 1 && !validateForm()) return false;
+  // Hide the current tab:
+  x[currentTab].style.display = "none";
+  // Increase or decrease the current tab by 1:
+  currentTab = currentTab + n;
+  // if you have reached the end of the form... :
+  if (currentTab >= x.length) {
+    //...the form gets submitted:
+    document.getElementById("regForm").submit();
+    return false;
+  }
+  // Otherwise, display the correct tab:
+  showTab(currentTab);
+}
+
+function validateForm() {
+  // This function deals with validation of the form fields
+  var x, y, i, valid = true;
+  x = document.getElementsByClassName("tab");
+  y = x[currentTab].getElementsByTagName("input");
+  // A loop that checks every input field in the current tab:
+  for (i = 0; i < y.length; i++) {
+    // If a field is empty...
+    if (y[i].value == "") {
+      // add an "invalid" class to the field:
+      y[i].className += " invalid";
+      // and set the current valid status to false:
+      valid = false;
+    }
+  }
+  // If the valid status is true, mark the step as finished and valid:
+  if (valid) {
+    document.getElementsByClassName("step")[currentTab].className += " finish";
+  }
+  return valid; // return the valid status
+}
+
+function fixStepIndicator(n) {
+  // This function removes the "active" class of all steps...
+  var i, x = document.getElementsByClassName("step");
+  for (i = 0; i < x.length; i++) {
+    x[i].className = x[i].className.replace(" active", "");
+  }
+  //... and adds the "active" class to the current step:
+  x[n].className += " active";
+}
+</script>
+</body>
+</html>
diff --git a/advisor.html b/advisor.html
index 8a0f89dca..87cf9b685 100644
--- a/advisor.html
+++ b/advisor.html
@@ -6,319 +6,350 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <title>License Advisor</title>
-    <style>
-    #quiz {
-    width: 100%;
-    margin: 20px auto;
-    padding: 20px;
-    background-color: #272727;
-    border: 2px solid #5c5c5c;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-    border-radius: 8px;
+<meta charset="UTF-8">
+<title>License Advisor</title>
+<style>
+    body {
+        font-family: Arial, sans-serif;
+        background-color: #f4f4f4;
+        margin: 0;
+        padding: 20px;
     }
-
-    #quiz p {
-        font-size: 24px; /* Larger text for questions */
-        color: #ffffff;
-        margin-top: 0;
-        margin-bottom: 20px;
+    #starterScreen, #wizard {
+        background-color: rgb(56, 56, 56);
+        border-radius: 5px;
+        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+        padding: 20px;
+        margin: auto;
+        width: 80%;
+        max-width: 600px;
+        text-align: center;
+        display: none;
     }
-
-    #quiz button {
+    #starterScreen.active, #wizard.active {
+        display: block;
+    }
+    #indicators {
+        display: flex;
+        justify-content: center;
+        padding: 10px;
+    }
+    #indicators .indicator {
+        width: 20px;
+        height: 20px;
+        border-radius: 50%;
+        background-color: #3d3d3d;
+        cursor: pointer;
+        margin: 0 5px;
+    }
+    #indicators .active {
+        background-color: #007bff;
+    }
+    #questionBox {
+        margin: 20px 0;
+    }
+    #buttons button {
         padding: 10px 20px;
-        font-size: 16px;
-        color: white;
-        background-color: #1699d2;
         border: none;
         border-radius: 5px;
+        color: white;
+        font-size: 16px;
         cursor: pointer;
-        margin: 5px;
-        transition: background-color 0.3s;
+        margin-right: 10px;
+        outline: none;
+        transition: background-color 0.3s, box-shadow 0.3s;
     }
-
-    #quiz button:hover {
-        background-color: #0056b3;
+    #buttons button:hover {
+        box-shadow: 0 2px 8px rgba(0,0,0,0.2);
     }
-
-    #quiz button:focus {
-        background-color: green; /* Selected state color */
+    #buttons button.active {
+        background-color: #28a745; /* Green */
     }
-
-    #quiz .detail {
-    font-size: 16px; 
-    color: #c7c7c7;
-    margin-top: 5px;
-    margin-bottom: 20px;
+    #buttons #backBtn, #buttons #nextBtn {
+        background-color: #007bff; /* Blue */
+    }
+    #buttons #yesBtn, #buttons #noBtn {
+        background-color: #dc3545; /* Red */
     }
-
     .filters {
-    display: flex;
+        display: flex;
+        background: #3f3f3f;
+        padding: 10px;
+        border-radius: 5px;
+        margin-top: 20px;
     }
-
     .filter-column {
-        flex: 1; /* Each column takes up equal space */
-        padding: 10px; /* Add some padding around each column */
-    }
-
-    .active {
-  background-color: green; /* Selected state color */
-    }
-
-    .inactive {
-    background-color: red; /* Unselected state color */
+        flex: 1;
+        padding: 10px;
     }
-
-    </style>
+</style>
 </head>
 <body>
-    <h2>License Wizard</h2>
-    <p>If you don't know anything about licenses, then you can go through this wizard and it will fill in the filter values based on your answers</p>
-        <div id="quiz"></div>
+<div id="starterScreen" class="active">
+    <h2>Welcome to the License Wizard!</h2>
+    <p>This wizard will guide you through a series of questions. Click start when you're ready!</p>
+    <button id="startBtn">Start</button>
+</div>
 
-    <h2>Filters</h2>
-    <p>If you understand what all these filters mean, then use these filters and you can skip the wizard</p>
+<div id="wizard">
+    <div id="indicators"></div>
+    <div id="questionBox">
+        <h2 id="questionTitle"></h2>
+        <p id="questionDetail"></p>
+    </div>
+    <div id="buttons">
+        <button id="backBtn">Back</button>
+        <button id="nextBtn">Next</button>
+        <button id="yesBtn">Yes</button>
+        <button id="noBtn">No</button>
+    </div>
+</div>
 
-    <div class="filters" id="quiz">
-        <div class="filter-column">
-            <!-- Conditions -->
-            <ul class="license-conditions">
-                <h3>Conditions</h3>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="same-license-filter">Same license:</label>
-                    <select id="same-license-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include same license</option>
-                        <option value="exclude">Exclude same license</option>
-                    </select>
-                </li>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="network-use-disclose-filter">Network use:</label>
-                    <select id="network-use-disclose-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Network use</option>
-                        <option value="exclude">Exclude Network use</option>
-                    </select>
-                </li>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="document-changes-filter">State Changes:</label>
-                    <select id="document-changes-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include State Changes</option>
-                        <option value="exclude">Exclude State Changes</option>
-                    </select>
-                </li>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="include-copyright-filter">Copyright notice:</label>
-                    <select id="include-copyright-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Copyright notice</option>
-                        <option value="exclude">Exclude Copyright notice</option>
-                    </select>
-                </li>
-            </ul>
-        </div>
-        <div class="filter-column">
-            <h3>Permission and Limitations</h3>
-            <!-- Permissions and Limitations -->
-            <ul class="license-permissions">
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="patent-use-filter">Patent Use:</label>
-                    <select id="patent-use-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Patent Use</option>
-                        <option value="exclude">Exclude Patent Use</option>
-                    </select>
-                </li>    
-            </ul>
-            <ul class="license-limitations">
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="liability-filter">Liability:</label>
-                    <select id="liability-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Liability</option>
-                        <option value="exclude">Exclude Liability</option>
-                    </select>
-                </li>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="warranty-filter">Warranty:</label>
-                    <select id="warranty-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Warranty</option>
-                        <option value="exclude">Exclude Warranty</option>
-                    </select>
-                </li>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="trademark-use-filter">Trademark:</label>
-                    <select id="trademark-use-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Trademark</option>
-                        <option value="exclude">Exclude Trademark</option>
-                    </select>
-                </li>
-            </ul>
-        </div>
+<h2>Filters</h2>
+<p>If you understand what all these filters mean, then use these filters and you can skip the wizard</p>
+
+<div class="filters" id="quiz">
+    <div class="filter-column">
+        <!-- Conditions -->
+        <ul class="license-conditions">
+            <h3>Conditions</h3>
+            <li>
+                <span class="license-sprite"></span>
+                <label for="same-license-filter">Same license:</label>
+                <select id="same-license-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include same license</option>
+                    <option value="exclude">Exclude same license</option>
+                </select>
+            </li>
+            <li>
+                <span class="license-sprite"></span>
+                <label for="network-use-disclose-filter">Network use:</label>
+                <select id="network-use-disclose-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include Network use</option>
+                    <option value="exclude">Exclude Network use</option>
+                </select>
+            </li>
+            <li>
+                <span class="license-sprite"></span>
+                <label for="document-changes-filter">State Changes:</label>
+                <select id="document-changes-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include State Changes</option>
+                    <option value="exclude">Exclude State Changes</option>
+                </select>
+            </li>
+            <li>
+                <span class="license-sprite"></span>
+                <label for="include-copyright-filter">Copyright notice:</label>
+                <select id="include-copyright-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include Copyright notice</option>
+                    <option value="exclude">Exclude Copyright notice</option>
+                </select>
+            </li>
+        </ul>
+    </div>
+    <div class="filter-column">
+        <h3>Permission and Limitations</h3>
+        <!-- Permissions and Limitations -->
+        <ul class="license-permissions">
+            <li>
+                <span class="license-sprite"></span>
+                <label for="patent-use-filter">Patent Use:</label>
+                <select id="patent-use-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include Patent Use</option>
+                    <option value="exclude">Exclude Patent Use</option>
+                </select>
+            </li>    
+        </ul>
+        <ul class="license-limitations">
+            <li>
+                <span class="license-sprite"></span>
+                <label for="liability-filter">Liability:</label>
+                <select id="liability-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include Liability</option>
+                    <option value="exclude">Exclude Liability</option>
+                </select>
+            </li>
+            <li>
+                <span class="license-sprite"></span>
+                <label for="warranty-filter">Warranty:</label>
+                <select id="warranty-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include Warranty</option>
+                    <option value="exclude">Exclude Warranty</option>
+                </select>
+            </li>
+            <li>
+                <span class="license-sprite"></span>
+                <label for="trademark-use-filter">Trademark:</label>
+                <select id="trademark-use-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include Trademark</option>
+                    <option value="exclude">Exclude Trademark</option>
+                </select>
+            </li>
+        </ul>
     </div>
-    <h2>Below is a list of licenses that match your needs:</h2>
+</div>
+<h2>Below is a list of licenses that match your needs:</h2>
 
-    <div class="license">{% include license-overview.html license-id="0bsd" %}</div>
-    <div class="license">{% include license-overview.html license-id="afl-3.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="apache-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="artistic-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="blueoak-1.0.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="bsd-2-clause" %}</div>
-    <div class="license">{% include license-overview.html license-id="bsd-2-clause-patent" %}</div>
-    <div class="license">{% include license-overview.html license-id="bsd-3-clause" %}</div>
-    <div class="license">{% include license-overview.html license-id="bsd-3-clause-clear" %}</div>
-    <div class="license">{% include license-overview.html license-id="bsd-4-clause" %}</div>
-    <div class="license">{% include license-overview.html license-id="bsl-1.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="cecill-2.1" %}</div>
-    <div class="license">{% include license-overview.html license-id="ecl-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="epl-1.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="epl-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="eupl-1.2" %}</div>
-    <div class="license">{% include license-overview.html license-id="agpl-3.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="gpl-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="gpl-3.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="lgpl-2.1" %}</div>
-    <div class="license">{% include license-overview.html license-id="lgpl-3.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="isc" %}</div>
-    <div class="license">{% include license-overview.html license-id="lppl-1.3c" %}</div>
-    <div class="license">{% include license-overview.html license-id="mit" %}</div>
-    <div class="license">{% include license-overview.html license-id="mit-0" %}</div>
-    <div class="license">{% include license-overview.html license-id="mpl-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="ms-pl" %}</div>
-    <div class="license">{% include license-overview.html license-id="ms-rl" %}</div>
-    <div class="license">{% include license-overview.html license-id="mulanpsl-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="ncsa" %}</div>
-    <div class="license">{% include license-overview.html license-id="unlicense" %}</div>
-    <div class="license">{% include license-overview.html license-id="zlib" %}</div>
-    <div class="license">{% include license-overview.html license-id="postgresql" %}</div>
-    <div class="license">{% include license-overview.html license-id="osl-3.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="wtfpl" %}</div>
-    <div class="license">{% include license-overview.html license-id="odbl-1.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="upl-1.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="vim" %}</div>
-<script>
+<div class="license">{% include license-overview.html license-id="0bsd" %}</div>
+<div class="license">{% include license-overview.html license-id="afl-3.0" %}</div>
+<div class="license">{% include license-overview.html license-id="apache-2.0" %}</div>
+<div class="license">{% include license-overview.html license-id="artistic-2.0" %}</div>
+<div class="license">{% include license-overview.html license-id="blueoak-1.0.0" %}</div>
+<div class="license">{% include license-overview.html license-id="bsd-2-clause" %}</div>
+<div class="license">{% include license-overview.html license-id="bsd-2-clause-patent" %}</div>
+<div class="license">{% include license-overview.html license-id="bsd-3-clause" %}</div>
+<div class="license">{% include license-overview.html license-id="bsd-3-clause-clear" %}</div>
+<div class="license">{% include license-overview.html license-id="bsd-4-clause" %}</div>
+<div class="license">{% include license-overview.html license-id="bsl-1.0" %}</div>
+<div class="license">{% include license-overview.html license-id="cecill-2.1" %}</div>
+<div class="license">{% include license-overview.html license-id="ecl-2.0" %}</div>
+<div class="license">{% include license-overview.html license-id="epl-1.0" %}</div>
+<div class="license">{% include license-overview.html license-id="epl-2.0" %}</div>
+<div class="license">{% include license-overview.html license-id="eupl-1.2" %}</div>
+<div class="license">{% include license-overview.html license-id="agpl-3.0" %}</div>
+<div class="license">{% include license-overview.html license-id="gpl-2.0" %}</div>
+<div class="license">{% include license-overview.html license-id="gpl-3.0" %}</div>
+<div class="license">{% include license-overview.html license-id="lgpl-2.1" %}</div>
+<div class="license">{% include license-overview.html license-id="lgpl-3.0" %}</div>
+<div class="license">{% include license-overview.html license-id="isc" %}</div>
+<div class="license">{% include license-overview.html license-id="lppl-1.3c" %}</div>
+<div class="license">{% include license-overview.html license-id="mit" %}</div>
+<div class="license">{% include license-overview.html license-id="mit-0" %}</div>
+<div class="license">{% include license-overview.html license-id="mpl-2.0" %}</div>
+<div class="license">{% include license-overview.html license-id="ms-pl" %}</div>
+<div class="license">{% include license-overview.html license-id="ms-rl" %}</div>
+<div class="license">{% include license-overview.html license-id="mulanpsl-2.0" %}</div>
+<div class="license">{% include license-overview.html license-id="ncsa" %}</div>
+<div class="license">{% include license-overview.html license-id="unlicense" %}</div>
+<div class="license">{% include license-overview.html license-id="zlib" %}</div>
+<div class="license">{% include license-overview.html license-id="postgresql" %}</div>
+<div class="license">{% include license-overview.html license-id="osl-3.0" %}</div>
+<div class="license">{% include license-overview.html license-id="wtfpl" %}</div>
+<div class="license">{% include license-overview.html license-id="odbl-1.0" %}</div>
+<div class="license">{% include license-overview.html license-id="upl-1.0" %}</div>
+<div class="license">{% include license-overview.html license-id="vim" %}</div>
 
-const quizQuestions = [
-    { 
-        question: "0/8 hardcode",
-    },
-    { 
-        question: "1/8 Do you use copyleft code base or libraries?",
-        detail: "If you're using code that's under a copyleft license, your project also has to be licensed under same license or similar terms to comply with those licenses conditions.",
-        filter: "same-license-filter", 
-        valueYes: "Yes", 
-        valueNo: "No, I use code with permissive license / I write from scratch"
-    },
-    { 
-        question: "2/8 Do you prefer permissive or copyleft licenses?",
-        detail: "It will affect how restrictive the licensing is regarding how others can use, modify, and redistribute your code. <br>Copyleft license only allows users to use your code with copyleft license as well, which means all modifications will also remain free and open source and no commercial or closed source fork is allowed. <br>Permissive license has no restrictions, so anyone can take your code and use it in their project, be it commercial or open source",
-        filter: "same-license-filter", 
-        valueYes: "Copyleft", 
-        valueNo: "Permissive"
-    },
-    { 
-        question: "3/8 If you develop a web copyleft project, do you want to make giving online users access to source code mandatory?",
-        detail: "This clause prohibits users of your code from modifying it and then using it online as a closed source web project, as even remote users should have access to the source code, preserving the open nature of the software",
-        filter: "network-use-disclose-filter", 
-        valueYes: "Yes, I will require access to source code even for network users", 
-        valueNo: "No, I don't want"
-    },
-    { 
-        question: "4/8 Do you want to force users to document the changes they made in your code?",
-        detail: "If you want any change (by users who modify and redestribute your work) in your work to be documented (so that is clear where is your original code is and where the user changes are) you can choose a license with this requirement.",
-        filter: "document-changes-filter", 
-        valueYes: "Yes, I want all the changes to my code be documented", 
-        valueNo: "No, I don't mind undocumented changes"
-    },
-    { 
-        question: "5/8 Do you want to specify state of patent license for users?",
-        detail: "Clarifying the patent rights clause can clearly allow or prohibit users to use a patented tech from your project in their projects. Allowing it can protect your users from potential lawsuits from you or contributors of your project",
-        filter: "patent-use-filter", 
-        valueYes: "I want to clearly allow or forbid patent use", 
-        valueNo: "I don't want to clearly state patent use"
-    },
-    { 
-        question: "6/8 Do you want to protect yourself by clearly having a limitation of liability?",
-        detail: "Basically, you will not be liable for any potential issues caused by your code. <br><br>Including a limitation of liability clause can protect you from lawsuits for damages caused by the use of your software. This clause is important when users rely on your software for critical functions, as it specifies that you are not liable for any resulting issues.",
-        filter: "liability-filter", 
-        valueYes: "Yes, I will state that I am not liable for potential issues", 
-        valueNo: "No, I I don't want to state anything"
-    },
-    { 
-        question: "7/8 Do you want to protect yourself by clearly not providing any warranty?",
-        detail: "Basically, you will not promise users of your code anything about its performance, quality, or suitability. <br><br>Stating that you do not provide any warranty with your software is crucial to manage user expectations and legal risks. This clause informs users that they are using the software at their own risk and that you do not guarantee its performance, quality, or suitability.",
-        filter: "warranty-filter", 
-        valueYes: "Yes, I will state that I don't provide warranty", 
-        valueNo: "No, I I don't want to state anything"
-    },
-    { 
-        question: "8/8 Do you want to protect your IP by clearly prohibiting use of Trademark?",
-        detail: "Basically, people who modify and distribute your application are not allowed to use your app name, logo, slogan, etc. <br><br>Prohibiting the use of your trademark by others is important to protect your brand identity and intellectual property. This clause helps prevent confusion and misuse of your trademark, ensuring that only authorized use associated with your direct products is allowed.",
-        filter: "trademark-use-filter", 
-        valueYes: "Yes, I'll state that I protect my Intellectual property", 
-        valueNo: "No, I I don't want to state anything"
-    },
-    ];
 
-let currentQuestionIndex = 0;
+    <script>
+        let currentScreen = "start";
+        const questions = [
+            { title: "1/8 Do you use copyleft code base or libraries?", detail: "If you're using code that's under a copyleft license, your project also has to be licensed under same license or similar terms to comply with those licenses conditions." },
+            { title: "2/8 Do you prefer permissive or copyleft licenses?", detail: "It will affect how restrictive the licensing is regarding how others can use, modify, and redistribute your code. Copyleft license only allows users to use your code with copyleft license as well, which means all modifications will also remain free and open source and no commercial or closed source fork is allowed. Permissive license has no restrictions, so anyone can take your code and use it in their project, be it commercial or open source." },
+            { title: "3/8 If you develop a web copyleft project, do you want to make giving online users access to source code mandatory?", detail: "Basically, you will not be liable for any potential issues caused by your code. Including a limitation of liability clause can protect you from lawsuits for damages caused by the use of your software. This clause is important when users rely on your software for critical functions, as it specifies that you are not liable for any resulting issues." },
+            { title: "4/8 Do you want to force users to document the changes they made in your code?", detail: "This clause prohibits users of your code from modifying it and then using it online as a closed source web project, as even remote users should have access to the source code, preserving the open nature of the software." },
+            { title: "5/8 Do you want to specify state of patent license for users?", detail: "If you want any change (by users who modify and redistribute your work) in your work to be documented (so that is clear where is your original code is and where the user changes are) you can choose a license with this requirement." },
+            { title: "6/8 Do you want to protect yourself by clearly having a limitation of liability?", detail: "Clarifying the patent rights clause can clearly allow or prohibit users to use a patented tech from your project in their projects. Allowing it can protect your users from potential lawsuits from you or contributors of your project." },
+            { title: "7/8 Do you want to protect yourself by clearly not providing any warranty?", detail: "Basically, you will not promise users of your code anything about its performance, quality, or suitability. Stating that you do not provide any warranty with your software is crucial to manage user expectations and legal risks. This clause informs users that they are using the software at their own risk and that you do not guarantee its performance, quality, or suitability." },
+            { title: "8/8 Do you want to protect your IP by clearly prohibiting use of Trademark?", detail: "Basically, people who modify and distribute your application are not allowed to use your app name, logo, slogan, etc. Prohibiting the use of your trademark by others is important to protect your brand identity and intellectual property. This clause helps prevent confusion and misuse of your trademark, ensuring that only authorized use associated with your direct products is allowed." },
+        ]
+    let currentQuestion = 0;
+    let answers = new Array(questions.length).fill(null);
 
-function nextQuestion() {
-    currentQuestionIndex++; 
-    displayQuestion();
-}
+    function showScreen(screenId) {
+        document.querySelectorAll('.active').forEach(el => el.classList.remove('active'));
+        document.getElementById(screenId).classList.add('active');
+        currentScreen = screenId === 'starterScreen' ? 'start' : 'quiz';
+    }
 
-function backQuestion() {
-    currentQuestionIndex--; 
-    displayQuestion();
-}
+    function updateWizard() {
+        document.getElementById("questionTitle").innerText = questions[currentQuestion].title;
+        document.getElementById("questionDetail").innerText = questions[currentQuestion].detail;
+        document.querySelectorAll('#indicators .indicator').forEach((ind, index) => {
+            ind.classList.toggle('active', index === currentQuestion);
+        });
+        updateButtonStyles();
+        linkAnswersToFilters();
+    }
 
-function displayQuestion() {
-    const quizDialog = document.getElementById('quiz');
-    const questionObj = quizQuestions[currentQuestionIndex];
-    let buttonsHTML = `
-        <button onclick="backQuestion()">↤ Back</button>
-        <button id="myButton" onclick="updateFilters('${questionObj.filter}', 'include')">${questionObj.valueYes}</button>
-        <button id="myButton" onclick="updateFilters('${questionObj.filter}', 'exclude')">${questionObj.valueNo}</button>
-    `;
-    if (currentQuestionIndex === 0) {
-        quizDialog.innerHTML = "<h1>Start the wizard?</h1>If you are contributing to community, it is easier to continue using that project's license. <a href='/community'>Read more</a> about community and finding what license it uses. <br><br>This advisor is designed to help beginner developers identify the most suitable open source license for their project. Answer the questions to narrow down your options based on your specific requirements. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/appendix'>appendix</a> Page. <br> Read more <a href=https://choosealicense.com/about>about the purpose</a> of this site. Also check out the <a href=https://github.com/TGRRRR/choosealicense.com>source code of this site</a>.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might otherwise disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or expressly exclude patents or trademarks from licenses' grants.<br><button onclick='nextQuestion()'>Start quiz</button>";
+    function createIndicators() {
+        const container = document.getElementById("indicators");
+        container.innerHTML = ''; // Clear previous indicators
+        questions.forEach((_, index) => {
+            const indicator = document.createElement("div");
+            indicator.className = "indicator";
+            indicator.onclick = () => { currentQuestion = index; updateWizard(); };
+            container.appendChild(indicator);
+        });
     }
-    else if (currentQuestionIndex === 7) {
-        quizDialog.innerHTML = `<h2>${questionObj.question}</h2><p class="detail">${questionObj.detail}</p>` + buttonsHTML;
+
+    function updateButtonStyles() {
+        const yesBtn = document.getElementById("yesBtn");
+        const noBtn = document.getElementById("noBtn");
+        yesBtn.classList.remove("active", "focused");
+        noBtn.classList.remove("active", "focused");
+        if (answers[currentQuestion] === 'Yes') {
+            yesBtn.classList.add("active");
+        } else if (answers[currentQuestion] === 'No') {
+            noBtn.classList.add("active");
+        }
     }
-    else {
-        quizDialog.innerHTML = `<h2>${questionObj.question}</h2><p class="detail">${questionObj.detail}</p>` + buttonsHTML + '<button onclick="nextQuestion()">Next ↦</button>';
+
+    function linkAnswersToFilters() {
+        // Example linkage based on a question and filter response
+        const filterMapping = {
+            0: 'same-license-filter',  // Question 1 links to same-license filter
+            // Add more mappings as needed
+        };
+        let currentFilter = filterMapping[currentQuestion];
+        if (currentFilter) {
+            let filterValue = answers[currentQuestion] === 'Yes' ? 'include' : 'exclude';
+            document.getElementById(currentFilter).value = filterValue;
+            updateFilters(currentFilter, filterValue);
+        }
     }
-    updateButton(filterValue);
-}
 
-function updateButton(filterValue) {
-    const button = document.getElementById('myButton');
+    document.getElementById("yesBtn").onclick = () => {
+        answers[currentQuestion] = 'Yes';
+        updateButtonStyles();
+        linkAnswersToFilters();
+    };
 
-    // Remove existing classes
-    button.classList.remove('active', 'inactive');
+    document.getElementById("noBtn").onclick = () => {
+        answers[currentQuestion] = 'No';
+        updateButtonStyles();
+        linkAnswersToFilters();
+    };
 
-    // Add class based on filter value
-    if (filterValue === 'include') {
-    button.classList.add('active');
-    } else {
-    button.classList.add('inactive');
+    // Update filter based on answers
+    function updateFilters(filterId, value) {
+        const filterElement = document.getElementById(filterId);
+        if (filterElement) {
+            filterElement.value = value;
+        }
+        // Update logic for displaying licenses based on filters
     }
-}
 
-function updateFilters(filterId, value) {
+    document.getElementById("startBtn").onclick = () => {
+        showScreen('wizard');
+        createIndicators();
+        updateWizard();
+    };
+
+    document.getElementById("backBtn").onclick = () => {
+        if (currentQuestion > 0) {
+            currentQuestion--;
+            updateWizard();
+        } else if (currentQuestion === 0 && currentScreen === "quiz") {
+            showScreen('starterScreen');
+        }
+    };
+
+    document.getElementById("nextBtn").onclick = () => {
+        if (currentQuestion < questions.length - 1) {
+            currentQuestion++;
+            updateWizard();
+        }
+    };
+
+    function updateFilters(filterId, value) {
     const filterElement = document.getElementById(filterId);
     if (filterElement) {
         filterElement.value = value;
@@ -345,11 +376,8 @@ <h2>Below is a list of licenses that match your needs:</h2>
 }
 document.addEventListener('DOMContentLoaded', displayQuestion);
 document.addEventListener('DOMContentLoaded', updateFilters);
-document.addEventListener('DOMContentLoaded', () => {
-displayQuestion(); // Start the quiz
-updateFilters(); // Set initial state for filters
-});
 
+showScreen('starterScreen'); // Initially show the starter screen
 </script>
 </body>
-</html>
+</html>
\ No newline at end of file

From 3189121d8480f3fde37f83d8a93695d9795002c6 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Tue, 30 Apr 2024 18:10:41 +0300
Subject: [PATCH 14/32] Update

---
 advisor.html | 119 +++++++++++++++++++++++++++++----------------------
 1 file changed, 67 insertions(+), 52 deletions(-)

diff --git a/advisor.html b/advisor.html
index 87cf9b685..19b5c2b93 100644
--- a/advisor.html
+++ b/advisor.html
@@ -9,12 +9,6 @@
 <meta charset="UTF-8">
 <title>License Advisor</title>
 <style>
-    body {
-        font-family: Arial, sans-serif;
-        background-color: #f4f4f4;
-        margin: 0;
-        padding: 20px;
-    }
     #starterScreen, #wizard {
         background-color: rgb(56, 56, 56);
         border-radius: 5px;
@@ -238,27 +232,60 @@ <h2>Below is a list of licenses that match your needs:</h2>
 <div class="license">{% include license-overview.html license-id="vim" %}</div>
 
 
-    <script>
-        let currentScreen = "start";
-        const questions = [
-            { title: "1/8 Do you use copyleft code base or libraries?", detail: "If you're using code that's under a copyleft license, your project also has to be licensed under same license or similar terms to comply with those licenses conditions." },
-            { title: "2/8 Do you prefer permissive or copyleft licenses?", detail: "It will affect how restrictive the licensing is regarding how others can use, modify, and redistribute your code. Copyleft license only allows users to use your code with copyleft license as well, which means all modifications will also remain free and open source and no commercial or closed source fork is allowed. Permissive license has no restrictions, so anyone can take your code and use it in their project, be it commercial or open source." },
-            { title: "3/8 If you develop a web copyleft project, do you want to make giving online users access to source code mandatory?", detail: "Basically, you will not be liable for any potential issues caused by your code. Including a limitation of liability clause can protect you from lawsuits for damages caused by the use of your software. This clause is important when users rely on your software for critical functions, as it specifies that you are not liable for any resulting issues." },
-            { title: "4/8 Do you want to force users to document the changes they made in your code?", detail: "This clause prohibits users of your code from modifying it and then using it online as a closed source web project, as even remote users should have access to the source code, preserving the open nature of the software." },
-            { title: "5/8 Do you want to specify state of patent license for users?", detail: "If you want any change (by users who modify and redistribute your work) in your work to be documented (so that is clear where is your original code is and where the user changes are) you can choose a license with this requirement." },
-            { title: "6/8 Do you want to protect yourself by clearly having a limitation of liability?", detail: "Clarifying the patent rights clause can clearly allow or prohibit users to use a patented tech from your project in their projects. Allowing it can protect your users from potential lawsuits from you or contributors of your project." },
-            { title: "7/8 Do you want to protect yourself by clearly not providing any warranty?", detail: "Basically, you will not promise users of your code anything about its performance, quality, or suitability. Stating that you do not provide any warranty with your software is crucial to manage user expectations and legal risks. This clause informs users that they are using the software at their own risk and that you do not guarantee its performance, quality, or suitability." },
-            { title: "8/8 Do you want to protect your IP by clearly prohibiting use of Trademark?", detail: "Basically, people who modify and distribute your application are not allowed to use your app name, logo, slogan, etc. Prohibiting the use of your trademark by others is important to protect your brand identity and intellectual property. This clause helps prevent confusion and misuse of your trademark, ensuring that only authorized use associated with your direct products is allowed." },
-        ]
+<script>
+    let currentScreen = "start";
+    const questions = [
+        { 
+            title: "1/8 Do you prefer permissive or copyleft licenses?",
+            detail: "It will affect how restrictive the licensing is regarding how others can use, modify, and redistribute your code. Copyleft license only allows users to use your code with copyleft license as well, which means all modifications will also remain free and open source and no commercial or closed source fork is allowed. Permissive license has no restrictions, so anyone can take your code and use it in their project, be it commercial or open source. If you're using code that's under a copyleft license, your project also has to be licensed under same license or similar terms to comply with those licenses conditions.",
+            filter: "same-license-filter"
+        },
+        { 
+            title: "2/8 Do you want to specify state of patent license for users?",
+            detail: "Clarifying the patent rights clause can clearly allow or prohibit users to use a patented tech from your project in their projects. Allowing it can protect your users from potential lawsuits from you or contributors of your project.",
+            filter: "patent-use-filter"
+        },
+        { 
+            title: "3/8 If you develop a web copyleft project, do you want to make giving online users access to source code mandatory?",
+            detail: "This clause prohibits users of your code from modifying it and then using it online as a closed source web project, as even remote users should have access to the source code, preserving the open nature of the software.",
+            filter: "network-use-disclose-filter"
+        },
+        { 
+            title: "4/8 Do you want to force users to document the changes they made in your code?",
+            detail: "If you want any change (by users who modify and redistribute your work) in your work to be documented (so that is clear where is your original code is and where the user changes are) you can choose a license with this requirement.",
+            filter: "document-changes-filter"
+        },
+
+        {
+            title: "5/8 Do you require the inclusion of a copyright notice and license with the distributed code?",
+            detail: "A copy of the license and copyright notice must be included with the licensed material. This requirement ensures that all recipients of the software or code are informed of their rights under the license terms and the origin of the content.",
+            filter: "include-copyright-filter"
+        },
+        { 
+            title: "6/8 Do you want to protect yourself by clearly having a limitation of liability?",
+            detail: "Basically, you will not be liable for any potential issues caused by your code. Including a limitation of liability clause can protect you from lawsuits for damages caused by the use of your software. This clause is important when users rely on your software for critical functions, as it specifies that you are not liable for any resulting issues.",
+            filter: "liability-filter"
+        },
+        { 
+            title: "7/8 Do you want to protect yourself by clearly not providing any warranty?",
+            detail: "Basically, you will not promise users of your code anything about its performance, quality, or suitability. Stating that you do not provide any warranty with your software is crucial to manage user expectations and legal risks. This clause informs users that they are using the software at their own risk and that you do not guarantee its performance, quality, or suitability.",
+            filter: "warranty-filter"
+        },
+        { 
+            title: "8/8 Do you want to protect your IP by clearly prohibiting use of Trademark?",
+            detail: "Basically, people who modify and distribute your application are not allowed to use your app name, logo, slogan, etc. Prohibiting the use of your trademark by others is important to protect your brand identity and intellectual property. This clause helps prevent confusion and misuse of your trademark, ensuring that only authorized use associated with your direct products is allowed.",
+            filter: "trademark-use-filter"
+        }
+    ];
     let currentQuestion = 0;
     let answers = new Array(questions.length).fill(null);
-
+    
     function showScreen(screenId) {
         document.querySelectorAll('.active').forEach(el => el.classList.remove('active'));
         document.getElementById(screenId).classList.add('active');
         currentScreen = screenId === 'starterScreen' ? 'start' : 'quiz';
     }
-
+    
     function updateWizard() {
         document.getElementById("questionTitle").innerText = questions[currentQuestion].title;
         document.getElementById("questionDetail").innerText = questions[currentQuestion].detail;
@@ -268,7 +295,7 @@ <h2>Below is a list of licenses that match your needs:</h2>
         updateButtonStyles();
         linkAnswersToFilters();
     }
-
+    
     function createIndicators() {
         const container = document.getElementById("indicators");
         container.innerHTML = ''; // Clear previous indicators
@@ -279,7 +306,7 @@ <h2>Below is a list of licenses that match your needs:</h2>
             container.appendChild(indicator);
         });
     }
-
+    
     function updateButtonStyles() {
         const yesBtn = document.getElementById("yesBtn");
         const noBtn = document.getElementById("noBtn");
@@ -291,48 +318,37 @@ <h2>Below is a list of licenses that match your needs:</h2>
             noBtn.classList.add("active");
         }
     }
-
+    
     function linkAnswersToFilters() {
-        // Example linkage based on a question and filter response
-        const filterMapping = {
-            0: 'same-license-filter',  // Question 1 links to same-license filter
-            // Add more mappings as needed
-        };
-        let currentFilter = filterMapping[currentQuestion];
-        if (currentFilter) {
-            let filterValue = answers[currentQuestion] === 'Yes' ? 'include' : 'exclude';
-            document.getElementById(currentFilter).value = filterValue;
-            updateFilters(currentFilter, filterValue);
+        if (questions[currentQuestion].filter) {
+            let filterElement = document.getElementById(questions[currentQuestion].filter);
+            if (filterElement) {
+                filterElement.value = answers[currentQuestion] === 'Yes' ? 'include' : 'exclude';
+                // Optionally call a function to apply filter changes dynamically
+            }
         }
     }
-
+    
     document.getElementById("yesBtn").onclick = () => {
         answers[currentQuestion] = 'Yes';
         updateButtonStyles();
         linkAnswersToFilters();
+        updateFilters();
     };
-
+    
     document.getElementById("noBtn").onclick = () => {
         answers[currentQuestion] = 'No';
         updateButtonStyles();
         linkAnswersToFilters();
+        updateFilters();
     };
-
-    // Update filter based on answers
-    function updateFilters(filterId, value) {
-        const filterElement = document.getElementById(filterId);
-        if (filterElement) {
-            filterElement.value = value;
-        }
-        // Update logic for displaying licenses based on filters
-    }
-
+    
     document.getElementById("startBtn").onclick = () => {
         showScreen('wizard');
         createIndicators();
         updateWizard();
     };
-
+    
     document.getElementById("backBtn").onclick = () => {
         if (currentQuestion > 0) {
             currentQuestion--;
@@ -341,14 +357,13 @@ <h2>Below is a list of licenses that match your needs:</h2>
             showScreen('starterScreen');
         }
     };
-
+    
     document.getElementById("nextBtn").onclick = () => {
         if (currentQuestion < questions.length - 1) {
             currentQuestion++;
             updateWizard();
         }
     };
-
     function updateFilters(filterId, value) {
     const filterElement = document.getElementById(filterId);
     if (filterElement) {
@@ -377,7 +392,7 @@ <h2>Below is a list of licenses that match your needs:</h2>
 document.addEventListener('DOMContentLoaded', displayQuestion);
 document.addEventListener('DOMContentLoaded', updateFilters);
 
-showScreen('starterScreen'); // Initially show the starter screen
-</script>
-</body>
-</html>
\ No newline at end of file
+    showScreen('starterScreen'); // Initially show the starter screen
+    </script>
+    </body>
+    </html>
\ No newline at end of file

From 49d8d7d3d1ae6480878d2b1b7bdbf5a72b84fe0c Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Tue, 30 Apr 2024 18:48:41 +0300
Subject: [PATCH 15/32] Update advisor.html

---
 advisor.html | 777 ++++++++++++++++++++++++++-------------------------
 1 file changed, 400 insertions(+), 377 deletions(-)

diff --git a/advisor.html b/advisor.html
index 19b5c2b93..c684982a9 100644
--- a/advisor.html
+++ b/advisor.html
@@ -5,394 +5,417 @@
 ---
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-<meta charset="UTF-8">
-<title>License Advisor</title>
-<style>
-    #starterScreen, #wizard {
-        background-color: rgb(56, 56, 56);
-        border-radius: 5px;
-        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-        padding: 20px;
-        margin: auto;
-        width: 80%;
-        max-width: 600px;
-        text-align: center;
-        display: none;
-    }
-    #starterScreen.active, #wizard.active {
-        display: block;
-    }
-    #indicators {
-        display: flex;
-        justify-content: center;
-        padding: 10px;
-    }
-    #indicators .indicator {
-        width: 20px;
-        height: 20px;
-        border-radius: 50%;
-        background-color: #3d3d3d;
-        cursor: pointer;
-        margin: 0 5px;
-    }
-    #indicators .active {
-        background-color: #007bff;
-    }
-    #questionBox {
-        margin: 20px 0;
-    }
-    #buttons button {
-        padding: 10px 20px;
-        border: none;
-        border-radius: 5px;
-        color: white;
-        font-size: 16px;
-        cursor: pointer;
-        margin-right: 10px;
-        outline: none;
-        transition: background-color 0.3s, box-shadow 0.3s;
-    }
-    #buttons button:hover {
-        box-shadow: 0 2px 8px rgba(0,0,0,0.2);
-    }
-    #buttons button.active {
-        background-color: #28a745; /* Green */
-    }
-    #buttons #backBtn, #buttons #nextBtn {
-        background-color: #007bff; /* Blue */
-    }
-    #buttons #yesBtn, #buttons #noBtn {
-        background-color: #dc3545; /* Red */
-    }
-    .filters {
-        display: flex;
-        background: #3f3f3f;
-        padding: 10px;
-        border-radius: 5px;
-        margin-top: 20px;
-    }
-    .filter-column {
-        flex: 1;
-        padding: 10px;
-    }
-</style>
+    <meta charset="UTF-8">
+    <title>License Advisor</title>
+    <style>
+        #starterScreen,
+        #wizard {
+            background-color: rgb(56, 56, 56);
+            border-radius: 5px;
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+            padding: 20px;
+            margin: auto;
+            width: 80%;
+            max-width: 600px;
+            text-align: center;
+            display: none;
+        }
+
+        #starterScreen.active,
+        #wizard.active {
+            display: block;
+        }
+
+        #indicators {
+            display: flex;
+            justify-content: center;
+            padding: 10px;
+        }
+
+        #indicators .indicator {
+            width: 20px;
+            height: 20px;
+            border-radius: 50%;
+            background-color: #3d3d3d;
+            cursor: pointer;
+            margin: 0 5px;
+        }
+
+        #indicators .active {
+            background-color: #007bff;
+        }
+
+        #questionBox {
+            margin: 20px 0;
+        }
+
+        #buttons button {
+            padding: 10px 20px;
+            border: none;
+            border-radius: 5px;
+            color: white;
+            font-size: 16px;
+            cursor: pointer;
+            margin-right: 10px;
+            outline: none;
+            transition: background-color 0.3s, box-shadow 0.3s;
+        }
+
+        #buttons button:hover {
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+        }
+
+        #buttons button.active {
+            background-color: #28a745;
+            /* Green */
+        }
+
+        #buttons #backBtn,
+        #buttons #nextBtn {
+            background-color: #007bff;
+            /* Blue */
+        }
+
+        #buttons #yesBtn,
+        #buttons #noBtn {
+            background-color: #dc3545;
+            /* Red */
+        }
+
+        .filters {
+            display: flex;
+            background: #3f3f3f;
+            padding: 10px;
+            border-radius: 5px;
+            margin-top: 20px;
+        }
+
+        .filter-column {
+            flex: 1;
+            padding: 10px;
+        }
+    </style>
 </head>
+
 <body>
-<div id="starterScreen" class="active">
-    <h2>Welcome to the License Wizard!</h2>
-    <p>This wizard will guide you through a series of questions. Click start when you're ready!</p>
-    <button id="startBtn">Start</button>
-</div>
-
-<div id="wizard">
-    <div id="indicators"></div>
-    <div id="questionBox">
-        <h2 id="questionTitle"></h2>
-        <p id="questionDetail"></p>
+    <div id="starterScreen" class="active">
+        <h2>Welcome to the License Wizard!</h2>
+        <p>This wizard will guide you through a series of questions. Click start when you're ready!</p>
+        <button id="startBtn">Start</button>
     </div>
-    <div id="buttons">
-        <button id="backBtn">Back</button>
-        <button id="nextBtn">Next</button>
-        <button id="yesBtn">Yes</button>
-        <button id="noBtn">No</button>
-    </div>
-</div>
-
-<h2>Filters</h2>
-<p>If you understand what all these filters mean, then use these filters and you can skip the wizard</p>
-
-<div class="filters" id="quiz">
-    <div class="filter-column">
-        <!-- Conditions -->
-        <ul class="license-conditions">
-            <h3>Conditions</h3>
-            <li>
-                <span class="license-sprite"></span>
-                <label for="same-license-filter">Same license:</label>
-                <select id="same-license-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include same license</option>
-                    <option value="exclude">Exclude same license</option>
-                </select>
-            </li>
-            <li>
-                <span class="license-sprite"></span>
-                <label for="network-use-disclose-filter">Network use:</label>
-                <select id="network-use-disclose-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include Network use</option>
-                    <option value="exclude">Exclude Network use</option>
-                </select>
-            </li>
-            <li>
-                <span class="license-sprite"></span>
-                <label for="document-changes-filter">State Changes:</label>
-                <select id="document-changes-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include State Changes</option>
-                    <option value="exclude">Exclude State Changes</option>
-                </select>
-            </li>
-            <li>
-                <span class="license-sprite"></span>
-                <label for="include-copyright-filter">Copyright notice:</label>
-                <select id="include-copyright-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include Copyright notice</option>
-                    <option value="exclude">Exclude Copyright notice</option>
-                </select>
-            </li>
-        </ul>
+
+    <div id="wizard">
+        <div id="indicators"></div>
+        <div id="questionBox">
+            <h2 id="questionTitle"></h2>
+            <p id="questionDetail"></p>
+        </div>
+        <div id="buttons">
+            <button id="backBtn">Back</button>
+            <button id="nextBtn">Next</button>
+            <button id="yesBtn">Yes</button>
+            <button id="noBtn">No</button>
+        </div>
     </div>
-    <div class="filter-column">
-        <h3>Permission and Limitations</h3>
-        <!-- Permissions and Limitations -->
-        <ul class="license-permissions">
-            <li>
-                <span class="license-sprite"></span>
-                <label for="patent-use-filter">Patent Use:</label>
-                <select id="patent-use-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include Patent Use</option>
-                    <option value="exclude">Exclude Patent Use</option>
-                </select>
-            </li>    
-        </ul>
-        <ul class="license-limitations">
-            <li>
-                <span class="license-sprite"></span>
-                <label for="liability-filter">Liability:</label>
-                <select id="liability-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include Liability</option>
-                    <option value="exclude">Exclude Liability</option>
-                </select>
-            </li>
-            <li>
-                <span class="license-sprite"></span>
-                <label for="warranty-filter">Warranty:</label>
-                <select id="warranty-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include Warranty</option>
-                    <option value="exclude">Exclude Warranty</option>
-                </select>
-            </li>
-            <li>
-                <span class="license-sprite"></span>
-                <label for="trademark-use-filter">Trademark:</label>
-                <select id="trademark-use-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include Trademark</option>
-                    <option value="exclude">Exclude Trademark</option>
-                </select>
-            </li>
-        </ul>
+
+    <h2>Filters</h2>
+    <p>If you understand what all these filters mean, then use these filters and you can skip the wizard</p>
+
+    <div class="filters" id="quiz">
+        <div class="filter-column">
+            <!-- Conditions -->
+            <ul class="license-conditions">
+                <h3>Conditions</h3>
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="same-license-filter">Same license:</label>
+                    <select id="same-license-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include same license</option>
+                        <option value="exclude">Exclude same license</option>
+                    </select>
+                </li>
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="network-use-disclose-filter">Network use:</label>
+                    <select id="network-use-disclose-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Network use</option>
+                        <option value="exclude">Exclude Network use</option>
+                    </select>
+                </li>
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="document-changes-filter">State Changes:</label>
+                    <select id="document-changes-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include State Changes</option>
+                        <option value="exclude">Exclude State Changes</option>
+                    </select>
+                </li>
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="include-copyright-filter">Copyright notice:</label>
+                    <select id="include-copyright-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Copyright notice</option>
+                        <option value="exclude">Exclude Copyright notice</option>
+                    </select>
+                </li>
+            </ul>
+        </div>
+        <div class="filter-column">
+            <h3>Permission and Limitations</h3>
+            <!-- Permissions and Limitations -->
+            <ul class="license-permissions">
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="patent-use-filter">Patent Use:</label>
+                    <select id="patent-use-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Patent Use</option>
+                        <option value="exclude">Exclude Patent Use</option>
+                    </select>
+                </li>
+            </ul>
+            <ul class="license-limitations">
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="liability-filter">Liability:</label>
+                    <select id="liability-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Liability</option>
+                        <option value="exclude">Exclude Liability</option>
+                    </select>
+                </li>
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="warranty-filter">Warranty:</label>
+                    <select id="warranty-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Warranty</option>
+                        <option value="exclude">Exclude Warranty</option>
+                    </select>
+                </li>
+                <li>
+                    <span class="license-sprite"></span>
+                    <label for="trademark-use-filter">Trademark:</label>
+                    <select id="trademark-use-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include Trademark</option>
+                        <option value="exclude">Exclude Trademark</option>
+                    </select>
+                </li>
+            </ul>
+        </div>
     </div>
-</div>
-<h2>Below is a list of licenses that match your needs:</h2>
-
-<div class="license">{% include license-overview.html license-id="0bsd" %}</div>
-<div class="license">{% include license-overview.html license-id="afl-3.0" %}</div>
-<div class="license">{% include license-overview.html license-id="apache-2.0" %}</div>
-<div class="license">{% include license-overview.html license-id="artistic-2.0" %}</div>
-<div class="license">{% include license-overview.html license-id="blueoak-1.0.0" %}</div>
-<div class="license">{% include license-overview.html license-id="bsd-2-clause" %}</div>
-<div class="license">{% include license-overview.html license-id="bsd-2-clause-patent" %}</div>
-<div class="license">{% include license-overview.html license-id="bsd-3-clause" %}</div>
-<div class="license">{% include license-overview.html license-id="bsd-3-clause-clear" %}</div>
-<div class="license">{% include license-overview.html license-id="bsd-4-clause" %}</div>
-<div class="license">{% include license-overview.html license-id="bsl-1.0" %}</div>
-<div class="license">{% include license-overview.html license-id="cecill-2.1" %}</div>
-<div class="license">{% include license-overview.html license-id="ecl-2.0" %}</div>
-<div class="license">{% include license-overview.html license-id="epl-1.0" %}</div>
-<div class="license">{% include license-overview.html license-id="epl-2.0" %}</div>
-<div class="license">{% include license-overview.html license-id="eupl-1.2" %}</div>
-<div class="license">{% include license-overview.html license-id="agpl-3.0" %}</div>
-<div class="license">{% include license-overview.html license-id="gpl-2.0" %}</div>
-<div class="license">{% include license-overview.html license-id="gpl-3.0" %}</div>
-<div class="license">{% include license-overview.html license-id="lgpl-2.1" %}</div>
-<div class="license">{% include license-overview.html license-id="lgpl-3.0" %}</div>
-<div class="license">{% include license-overview.html license-id="isc" %}</div>
-<div class="license">{% include license-overview.html license-id="lppl-1.3c" %}</div>
-<div class="license">{% include license-overview.html license-id="mit" %}</div>
-<div class="license">{% include license-overview.html license-id="mit-0" %}</div>
-<div class="license">{% include license-overview.html license-id="mpl-2.0" %}</div>
-<div class="license">{% include license-overview.html license-id="ms-pl" %}</div>
-<div class="license">{% include license-overview.html license-id="ms-rl" %}</div>
-<div class="license">{% include license-overview.html license-id="mulanpsl-2.0" %}</div>
-<div class="license">{% include license-overview.html license-id="ncsa" %}</div>
-<div class="license">{% include license-overview.html license-id="unlicense" %}</div>
-<div class="license">{% include license-overview.html license-id="zlib" %}</div>
-<div class="license">{% include license-overview.html license-id="postgresql" %}</div>
-<div class="license">{% include license-overview.html license-id="osl-3.0" %}</div>
-<div class="license">{% include license-overview.html license-id="wtfpl" %}</div>
-<div class="license">{% include license-overview.html license-id="odbl-1.0" %}</div>
-<div class="license">{% include license-overview.html license-id="upl-1.0" %}</div>
-<div class="license">{% include license-overview.html license-id="vim" %}</div>
-
-
-<script>
-    let currentScreen = "start";
-    const questions = [
-        { 
-            title: "1/8 Do you prefer permissive or copyleft licenses?",
-            detail: "It will affect how restrictive the licensing is regarding how others can use, modify, and redistribute your code. Copyleft license only allows users to use your code with copyleft license as well, which means all modifications will also remain free and open source and no commercial or closed source fork is allowed. Permissive license has no restrictions, so anyone can take your code and use it in their project, be it commercial or open source. If you're using code that's under a copyleft license, your project also has to be licensed under same license or similar terms to comply with those licenses conditions.",
-            filter: "same-license-filter"
-        },
-        { 
-            title: "2/8 Do you want to specify state of patent license for users?",
-            detail: "Clarifying the patent rights clause can clearly allow or prohibit users to use a patented tech from your project in their projects. Allowing it can protect your users from potential lawsuits from you or contributors of your project.",
-            filter: "patent-use-filter"
-        },
-        { 
-            title: "3/8 If you develop a web copyleft project, do you want to make giving online users access to source code mandatory?",
-            detail: "This clause prohibits users of your code from modifying it and then using it online as a closed source web project, as even remote users should have access to the source code, preserving the open nature of the software.",
-            filter: "network-use-disclose-filter"
-        },
-        { 
-            title: "4/8 Do you want to force users to document the changes they made in your code?",
-            detail: "If you want any change (by users who modify and redistribute your work) in your work to be documented (so that is clear where is your original code is and where the user changes are) you can choose a license with this requirement.",
-            filter: "document-changes-filter"
-        },
-
-        {
-            title: "5/8 Do you require the inclusion of a copyright notice and license with the distributed code?",
-            detail: "A copy of the license and copyright notice must be included with the licensed material. This requirement ensures that all recipients of the software or code are informed of their rights under the license terms and the origin of the content.",
-            filter: "include-copyright-filter"
-        },
-        { 
-            title: "6/8 Do you want to protect yourself by clearly having a limitation of liability?",
-            detail: "Basically, you will not be liable for any potential issues caused by your code. Including a limitation of liability clause can protect you from lawsuits for damages caused by the use of your software. This clause is important when users rely on your software for critical functions, as it specifies that you are not liable for any resulting issues.",
-            filter: "liability-filter"
-        },
-        { 
-            title: "7/8 Do you want to protect yourself by clearly not providing any warranty?",
-            detail: "Basically, you will not promise users of your code anything about its performance, quality, or suitability. Stating that you do not provide any warranty with your software is crucial to manage user expectations and legal risks. This clause informs users that they are using the software at their own risk and that you do not guarantee its performance, quality, or suitability.",
-            filter: "warranty-filter"
-        },
-        { 
-            title: "8/8 Do you want to protect your IP by clearly prohibiting use of Trademark?",
-            detail: "Basically, people who modify and distribute your application are not allowed to use your app name, logo, slogan, etc. Prohibiting the use of your trademark by others is important to protect your brand identity and intellectual property. This clause helps prevent confusion and misuse of your trademark, ensuring that only authorized use associated with your direct products is allowed.",
-            filter: "trademark-use-filter"
+    <h2>Below is a list of licenses that match your needs:</h2>
+
+    <div class="license">{% include license-overview.html license-id="0bsd" %}</div>
+    <div class="license">{% include license-overview.html license-id="afl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="apache-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="artistic-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="blueoak-1.0.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsd-2-clause" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsd-2-clause-patent" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsd-3-clause" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsd-3-clause-clear" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsd-4-clause" %}</div>
+    <div class="license">{% include license-overview.html license-id="bsl-1.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="cecill-2.1" %}</div>
+    <div class="license">{% include license-overview.html license-id="ecl-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="epl-1.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="epl-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="eupl-1.2" %}</div>
+    <div class="license">{% include license-overview.html license-id="agpl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="gpl-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="gpl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="lgpl-2.1" %}</div>
+    <div class="license">{% include license-overview.html license-id="lgpl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="isc" %}</div>
+    <div class="license">{% include license-overview.html license-id="lppl-1.3c" %}</div>
+    <div class="license">{% include license-overview.html license-id="mit" %}</div>
+    <div class="license">{% include license-overview.html license-id="mit-0" %}</div>
+    <div class="license">{% include license-overview.html license-id="mpl-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="ms-pl" %}</div>
+    <div class="license">{% include license-overview.html license-id="ms-rl" %}</div>
+    <div class="license">{% include license-overview.html license-id="mulanpsl-2.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="ncsa" %}</div>
+    <div class="license">{% include license-overview.html license-id="unlicense" %}</div>
+    <div class="license">{% include license-overview.html license-id="zlib" %}</div>
+    <div class="license">{% include license-overview.html license-id="postgresql" %}</div>
+    <div class="license">{% include license-overview.html license-id="osl-3.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="wtfpl" %}</div>
+    <div class="license">{% include license-overview.html license-id="odbl-1.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="upl-1.0" %}</div>
+    <div class="license">{% include license-overview.html license-id="vim" %}</div>
+
+    <script>
+        let currentScreen = "start";
+        const questions = [
+            {
+                title: "1/8 Do you prefer permissive or copyleft licenses?",
+                detail: "It will affect how restrictive the licensing is regarding how others can use, modify, and redistribute your code. Copyleft license only allows users to use your code with copyleft license as well, which means all modifications will also remain free and open source and no commercial or closed source fork is allowed. Permissive license has no restrictions, so anyone can take your code and use it in their project, be it commercial or open source. If you're using code that's under a copyleft license, your project also has to be licensed under same license or similar terms to comply with those licenses conditions.",
+                filter: "same-license-filter"
+            },
+            {
+                title: "2/8 Do you want to specify state of patent license for users?",
+                detail: "Clarifying the patent rights clause can clearly allow or prohibit users to use a patented tech from your project in their projects. Allowing it can protect your users from potential lawsuits from you or contributors of your project.",
+                filter: "patent-use-filter"
+            },
+            {
+                title: "3/8 If you develop a web copyleft project, do you want to make giving online users access to source code mandatory?",
+                detail: "This clause prohibits users of your code from modifying it and then using it online as a closed source web project, as even remote users should have access to the source code, preserving the open nature of the software.",
+                filter: "network-use-disclose-filter"
+            },
+            {
+                title: "4/8 Do you want to force users to document the changes they made in your code?",
+                detail: "If you want any change (by users who modify and redistribute your work) in your work to be documented (so that is clear where is your original code is and where the user changes are) you can choose a license with this requirement.",
+                filter: "document-changes-filter"
+            },
+
+            {
+                title: "5/8 Do you require the inclusion of a copyright notice and license with the distributed code?",
+                detail: "A copy of the license and copyright notice must be included with the licensed material. This requirement ensures that all recipients of the software or code are informed of their rights under the license terms and the origin of the content.",
+                filter: "include-copyright-filter"
+            },
+            {
+                title: "6/8 Do you want to protect yourself by clearly having a limitation of liability?",
+                detail: "Basically, you will not be liable for any potential issues caused by your code. Including a limitation of liability clause can protect you from lawsuits for damages caused by the use of your software. This clause is important when users rely on your software for critical functions, as it specifies that you are not liable for any resulting issues.",
+                filter: "liability-filter"
+            },
+            {
+                title: "7/8 Do you want to protect yourself by clearly not providing any warranty?",
+                detail: "Basically, you will not promise users of your code anything about its performance, quality, or suitability. Stating that you do not provide any warranty with your software is crucial to manage user expectations and legal risks. This clause informs users that they are using the software at their own risk and that you do not guarantee its performance, quality, or suitability.",
+                filter: "warranty-filter"
+            },
+            {
+                title: "8/8 Do you want to protect your IP by clearly prohibiting use of Trademark?",
+                detail: "Basically, people who modify and distribute your application are not allowed to use your app name, logo, slogan, etc. Prohibiting the use of your trademark by others is important to protect your brand identity and intellectual property. This clause helps prevent confusion and misuse of your trademark, ensuring that only authorized use associated with your direct products is allowed.",
+                filter: "trademark-use-filter"
+            }
+        ];
+        let currentQuestion = 0;
+        let answers = new Array(questions.length).fill(null);
+
+        function showScreen(screenId) {
+            document.querySelectorAll('.active').forEach(el => el.classList.remove('active'));
+            document.getElementById(screenId).classList.add('active');
+            currentScreen = screenId === 'starterScreen' ? 'start' : 'quiz';
         }
-    ];
-    let currentQuestion = 0;
-    let answers = new Array(questions.length).fill(null);
-    
-    function showScreen(screenId) {
-        document.querySelectorAll('.active').forEach(el => el.classList.remove('active'));
-        document.getElementById(screenId).classList.add('active');
-        currentScreen = screenId === 'starterScreen' ? 'start' : 'quiz';
-    }
-    
-    function updateWizard() {
-        document.getElementById("questionTitle").innerText = questions[currentQuestion].title;
-        document.getElementById("questionDetail").innerText = questions[currentQuestion].detail;
-        document.querySelectorAll('#indicators .indicator').forEach((ind, index) => {
-            ind.classList.toggle('active', index === currentQuestion);
-        });
-        updateButtonStyles();
-        linkAnswersToFilters();
-    }
-    
-    function createIndicators() {
-        const container = document.getElementById("indicators");
-        container.innerHTML = ''; // Clear previous indicators
-        questions.forEach((_, index) => {
-            const indicator = document.createElement("div");
-            indicator.className = "indicator";
-            indicator.onclick = () => { currentQuestion = index; updateWizard(); };
-            container.appendChild(indicator);
-        });
-    }
-    
-    function updateButtonStyles() {
-        const yesBtn = document.getElementById("yesBtn");
-        const noBtn = document.getElementById("noBtn");
-        yesBtn.classList.remove("active", "focused");
-        noBtn.classList.remove("active", "focused");
-        if (answers[currentQuestion] === 'Yes') {
-            yesBtn.classList.add("active");
-        } else if (answers[currentQuestion] === 'No') {
-            noBtn.classList.add("active");
+
+        function updateWizard() {
+            document.getElementById("questionTitle").innerText = questions[currentQuestion].title;
+            document.getElementById("questionDetail").innerText = questions[currentQuestion].detail;
+            document.querySelectorAll('#indicators .indicator').forEach((ind, index) => {
+                ind.classList.toggle('active', index === currentQuestion);
+            });
+            updateButtonStyles();
+            linkAnswersToFilters();
         }
-    }
-    
-    function linkAnswersToFilters() {
-        if (questions[currentQuestion].filter) {
-            let filterElement = document.getElementById(questions[currentQuestion].filter);
-            if (filterElement) {
-                filterElement.value = answers[currentQuestion] === 'Yes' ? 'include' : 'exclude';
-                // Optionally call a function to apply filter changes dynamically
+
+        function createIndicators() {
+            const container = document.getElementById("indicators");
+            container.innerHTML = ''; // Clear previous indicators
+            questions.forEach((_, index) => {
+                const indicator = document.createElement("div");
+                indicator.className = "indicator";
+                indicator.onclick = () => { currentQuestion = index; updateWizard(); };
+                container.appendChild(indicator);
+            });
+        }
+
+        function updateButtonStyles() {
+            const yesBtn = document.getElementById("yesBtn");
+            const noBtn = document.getElementById("noBtn");
+            yesBtn.classList.remove("active", "focused");
+            noBtn.classList.remove("active", "focused");
+            if (answers[currentQuestion]) {
+                if (answers[currentQuestion] === 'Yes') {
+                    yesBtn.classList.add("active");
+                } else if (answers[currentQuestion] === 'No') {
+                    noBtn.classList.add("active");
+                }
             }
         }
-    }
-    
-    document.getElementById("yesBtn").onclick = () => {
-        answers[currentQuestion] = 'Yes';
-        updateButtonStyles();
-        linkAnswersToFilters();
-        updateFilters();
-    };
-    
-    document.getElementById("noBtn").onclick = () => {
-        answers[currentQuestion] = 'No';
-        updateButtonStyles();
-        linkAnswersToFilters();
-        updateFilters();
-    };
-    
-    document.getElementById("startBtn").onclick = () => {
-        showScreen('wizard');
-        createIndicators();
-        updateWizard();
-    };
-    
-    document.getElementById("backBtn").onclick = () => {
-        if (currentQuestion > 0) {
-            currentQuestion--;
-            updateWizard();
-        } else if (currentQuestion === 0 && currentScreen === "quiz") {
-            showScreen('starterScreen');
+
+        function linkAnswersToFilters() {
+            if (questions[currentQuestion].filter) {
+                let filterElement = document.getElementById(questions[currentQuestion].filter);
+                if (filterElement && answers[currentQuestion]) {
+                    filterElement.value = answers[currentQuestion] === 'Yes' ? 'include' : 'exclude';
+                    updateFilters();
+                }
+            }
         }
-    };
-    
-    document.getElementById("nextBtn").onclick = () => {
-        if (currentQuestion < questions.length - 1) {
-            currentQuestion++;
+
+        document.getElementById("yesBtn").onclick = () => {
+            answers[currentQuestion] = 'Yes';
+            updateButtonStyles();
+            linkAnswersToFilters();
+        };
+
+        document.getElementById("noBtn").onclick = () => {
+            answers[currentQuestion] = 'No';
+            updateButtonStyles();
+            linkAnswersToFilters();
+        };
+
+        document.getElementById("startBtn").onclick = () => {
+            showScreen('wizard');
+            createIndicators();
             updateWizard();
-        }
-    };
-    function updateFilters(filterId, value) {
-    const filterElement = document.getElementById(filterId);
-    if (filterElement) {
-        filterElement.value = value;
-        updateFilters();
-    }
-    const licenses = document.querySelectorAll('.license');
-    licenses.forEach(license => {
-        let isDisplayed = true;
-
-        // Handle general filters
-        document.querySelectorAll('select').forEach(select => {
-            const value = select.value; // "include", "exclude", or "all"
-            const filterName = select.id.replace('-filter', ''); // e.g., "trademark", "liability"
-            const conditions = Array.from(license.querySelectorAll('.' + filterName)).map(li => li.textContent.trim().toLowerCase());
-
-            if (value === 'include' && !conditions.length) {
-                isDisplayed = false;
-            } else if (value === 'exclude' && conditions.length) {
-                isDisplayed = false;
+        };
+
+        document.getElementById("backBtn").onclick = () => {
+            if (currentQuestion > 0) {
+                currentQuestion--;
+                updateWizard();
+            } else if (currentQuestion === 0 && currentScreen === "quiz") {
+                showScreen('starterScreen');
+            }
+        };
+
+        document.getElementById("nextBtn").onclick = () => {
+            if (currentQuestion < questions.length - 1) {
+                currentQuestion++;
+                updateWizard();
+            }
+        };
+
+        function updateFilters(filterId, value) {
+            const filterElement = document.getElementById(filterId);
+            if (filterElement) {
+                filterElement.value = value;
+                updateFilters();
             }
-        });
-        license.style.display = isDisplayed ? 'block' : 'none';
-    });
-}
-document.addEventListener('DOMContentLoaded', displayQuestion);
-document.addEventListener('DOMContentLoaded', updateFilters);
-
-    showScreen('starterScreen'); // Initially show the starter screen
+            const licenses = document.querySelectorAll('.license');
+            licenses.forEach(license => {
+                let isDisplayed = true;
+
+                // Handle general filters
+                document.querySelectorAll('select').forEach(select => {
+                    const value = select.value; // "include", "exclude", or "all"
+                    const filterName = select.id.replace('-filter', ''); // e.g., "trademark", "liability"
+                    const conditions = Array.from(license.querySelectorAll('.' + filterName)).map(li => li.textContent.trim().toLowerCase());
+
+                    if (value === 'include' && !conditions.length) {
+                        isDisplayed = false;
+                    } else if (value === 'exclude' && conditions.length) {
+                        isDisplayed = false;
+                    }
+                });
+                license.style.display = isDisplayed ? 'block' : 'none';
+            });
+        }
+        document.addEventListener('DOMContentLoaded', displayQuestion);
+        document.addEventListener('DOMContentLoaded', updateFilters);
+
+        showScreen('starterScreen'); // Initially show the starter screen
+        
     </script>
-    </body>
-    </html>
\ No newline at end of file
+</body>
+
+</html>
\ No newline at end of file

From 283f9ea946651c5469fb3ccd189182ce74c897d6 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Wed, 1 May 2024 16:19:13 +0300
Subject: [PATCH 16/32] Added crutial func to change the color of the element

---
 advisor.html | 62 ++++++++++++++++++++++++++++------------------------
 1 file changed, 34 insertions(+), 28 deletions(-)

diff --git a/advisor.html b/advisor.html
index c684982a9..261ff6dc4 100644
--- a/advisor.html
+++ b/advisor.html
@@ -38,7 +38,7 @@
             width: 20px;
             height: 20px;
             border-radius: 50%;
-            background-color: #3d3d3d;
+            background-color: #1b1b1b;
             cursor: pointer;
             margin: 0 5px;
         }
@@ -68,10 +68,11 @@
         }
 
         #buttons button.active {
-            background-color: #28a745;
-            /* Green */
+            background-color: #28a745 !important; /* Green */
+            box-shadow: 0 2px 5px rgba(0, 255, 0, 0.5); /* Make it very obvious when active */
         }
 
+
         #buttons #backBtn,
         #buttons #nextBtn {
             background-color: #007bff;
@@ -80,7 +81,7 @@
 
         #buttons #yesBtn,
         #buttons #noBtn {
-            background-color: #dc3545;
+            background-color: #ff0000;
             /* Red */
         }
 
@@ -328,39 +329,48 @@ <h2>Below is a list of licenses that match your needs:</h2>
         }
 
         function updateButtonStyles() {
+            console.log("Updating button styles for question:", currentQuestion, "Answer:", answers[currentQuestion]);
             const yesBtn = document.getElementById("yesBtn");
             const noBtn = document.getElementById("noBtn");
-            yesBtn.classList.remove("active", "focused");
-            noBtn.classList.remove("active", "focused");
-            if (answers[currentQuestion]) {
-                if (answers[currentQuestion] === 'Yes') {
-                    yesBtn.classList.add("active");
-                } else if (answers[currentQuestion] === 'No') {
-                    noBtn.classList.add("active");
-                }
+            yesBtn.classList.remove("active");
+            noBtn.classList.remove("active");
+            if (answers[currentQuestion] === 'Yes') {
+                yesBtn.classList.add("active");
+            } else if (answers[currentQuestion] === 'No') {
+                noBtn.classList.add("active");
             }
-        }
+}
 
         function linkAnswersToFilters() {
-            if (questions[currentQuestion].filter) {
-                let filterElement = document.getElementById(questions[currentQuestion].filter);
-                if (filterElement && answers[currentQuestion]) {
-                    filterElement.value = answers[currentQuestion] === 'Yes' ? 'include' : 'exclude';
-                    updateFilters();
-                }
+            let filterElement = document.getElementById(questions[currentQuestion].filter);
+            if (filterElement && answers[currentQuestion]) {
+                filterElement.value = answers[currentQuestion] === 'Yes' ? 'include' : 'exclude';
+                updateFilters(); // Call updateFilters whenever the filter changes
             }
-        }
+}
+
+        document.querySelectorAll('select').forEach(select => {
+            select.addEventListener('change', (event) => {
+                // Synchronize answers with select changes manually.
+                const question = questions.find(q => q.filter === event.target.id);
+                if (question) {
+                    const questionIndex = questions.indexOf(question);
+                    answers[questionIndex] = event.target.value === 'include' ? 'Yes' : 'No';
+                    updateButtonStyles(); // Update button styles based on the new answers.
+                }
+            });
+        });
 
         document.getElementById("yesBtn").onclick = () => {
             answers[currentQuestion] = 'Yes';
-            updateButtonStyles();
-            linkAnswersToFilters();
+            linkAnswersToFilters(); // Make sure to first update the answer linkage
+            updateButtonStyles(); // Update button styles after setting answers
         };
 
         document.getElementById("noBtn").onclick = () => {
             answers[currentQuestion] = 'No';
-            updateButtonStyles();
-            linkAnswersToFilters();
+            linkAnswersToFilters(); // Make sure to first update the answer linkage
+            updateButtonStyles(); // Update button styles after setting answers
         };
 
         document.getElementById("startBtn").onclick = () => {
@@ -400,7 +410,6 @@ <h2>Below is a list of licenses that match your needs:</h2>
                     const value = select.value; // "include", "exclude", or "all"
                     const filterName = select.id.replace('-filter', ''); // e.g., "trademark", "liability"
                     const conditions = Array.from(license.querySelectorAll('.' + filterName)).map(li => li.textContent.trim().toLowerCase());
-
                     if (value === 'include' && !conditions.length) {
                         isDisplayed = false;
                     } else if (value === 'exclude' && conditions.length) {
@@ -410,12 +419,9 @@ <h2>Below is a list of licenses that match your needs:</h2>
                 license.style.display = isDisplayed ? 'block' : 'none';
             });
         }
-        document.addEventListener('DOMContentLoaded', displayQuestion);
         document.addEventListener('DOMContentLoaded', updateFilters);
-
         showScreen('starterScreen'); // Initially show the starter screen
         
     </script>
 </body>
-
 </html>
\ No newline at end of file

From 7f596926afebdfd42baf4bcf91b4b5209f136826 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Wed, 1 May 2024 16:59:01 +0300
Subject: [PATCH 17/32] Full featured version works now

---
 advisor.html | 35 ++++++++++++++++++++++++-----------
 1 file changed, 24 insertions(+), 11 deletions(-)

diff --git a/advisor.html b/advisor.html
index 261ff6dc4..7503e6e60 100644
--- a/advisor.html
+++ b/advisor.html
@@ -343,11 +343,17 @@ <h2>Below is a list of licenses that match your needs:</h2>
 
         function linkAnswersToFilters() {
             let filterElement = document.getElementById(questions[currentQuestion].filter);
-            if (filterElement && answers[currentQuestion]) {
-                filterElement.value = answers[currentQuestion] === 'Yes' ? 'include' : 'exclude';
-                updateFilters(); // Call updateFilters whenever the filter changes
+            if (filterElement) {
+                if (answers[currentQuestion] === 'Yes') {
+                    filterElement.value = 'include';
+                } else if (answers[currentQuestion] === 'No') {
+                    filterElement.value = 'exclude';
+                } else {
+                    filterElement.value = 'all';  // Set to 'Any' if answer is reset
+                }
+                updateFilters();  // Apply changes to the visible licenses
             }
-}
+        }
 
         document.querySelectorAll('select').forEach(select => {
             select.addEventListener('change', (event) => {
@@ -362,17 +368,24 @@ <h2>Below is a list of licenses that match your needs:</h2>
         });
 
         document.getElementById("yesBtn").onclick = () => {
-            answers[currentQuestion] = 'Yes';
-            linkAnswersToFilters(); // Make sure to first update the answer linkage
-            updateButtonStyles(); // Update button styles after setting answers
+            if (answers[currentQuestion] === 'Yes') {
+                answers[currentQuestion] = null;  // Reset the answer if it's already 'Yes'
+            } else {
+                answers[currentQuestion] = 'Yes';
+            }
+            linkAnswersToFilters();  // Update filter linkage based on new answer
+            updateButtonStyles();  // Update visual styles after changing the answer
         };
 
         document.getElementById("noBtn").onclick = () => {
-            answers[currentQuestion] = 'No';
-            linkAnswersToFilters(); // Make sure to first update the answer linkage
-            updateButtonStyles(); // Update button styles after setting answers
+            if (answers[currentQuestion] === 'No') {
+                answers[currentQuestion] = null;  // Reset the answer if it's already 'No'
+            } else {
+                answers[currentQuestion] = 'No';
+            }
+            linkAnswersToFilters();  // Update filter linkage based on new answer
+            updateButtonStyles();  // Update visual styles after changing the answer
         };
-
         document.getElementById("startBtn").onclick = () => {
             showScreen('wizard');
             createIndicators();

From b603029af5054323685a41fb5a9b06c6a2a34b30 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Wed, 1 May 2024 19:03:49 +0300
Subject: [PATCH 18/32] Update advisor.html

---
 advisor.html | 32 +++++++++++++++++---------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/advisor.html b/advisor.html
index 7503e6e60..70651dec1 100644
--- a/advisor.html
+++ b/advisor.html
@@ -12,15 +12,16 @@
     <style>
         #starterScreen,
         #wizard {
-            background-color: rgb(56, 56, 56);
-            border-radius: 5px;
-            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+            background-color: #303030;
+            border-radius: 20px;
             padding: 20px;
             margin: auto;
-            width: 80%;
-            max-width: 600px;
+            min-height: 270px;
             text-align: center;
             display: none;
+            flex-direction: column;
+            justify-content: space-between; /* This will push the buttons to the bottom */
+            height: 100%; /* Make sure it fills the parent's height or set a fixed height */
         }
 
         #starterScreen.active,
@@ -51,6 +52,10 @@
             margin: 20px 0;
         }
 
+        .buttons {
+            padding-bottom: 5px;
+
+        }
         #buttons button {
             padding: 10px 20px;
             border: none;
@@ -68,28 +73,25 @@
         }
 
         #buttons button.active {
-            background-color: #28a745 !important; /* Green */
-            box-shadow: 0 2px 5px rgba(0, 255, 0, 0.5); /* Make it very obvious when active */
+            background-color: #3cc636 !important; /* Green */
         }
 
-
         #buttons #backBtn,
         #buttons #nextBtn {
-            background-color: #007bff;
+            background-color: #0098d7;
             /* Blue */
         }
 
-        #buttons #yesBtn,
-        #buttons #noBtn {
-            background-color: #ff0000;
+        #buttons #yesBtn, #buttons #noBtn {
+            background-color: #c7403c;
             /* Red */
         }
 
         .filters {
             display: flex;
-            background: #3f3f3f;
+            background: #303030;
             padding: 10px;
-            border-radius: 5px;
+            border-radius: 20px;
             margin-top: 20px;
         }
 
@@ -115,9 +117,9 @@ <h2 id="questionTitle"></h2>
         </div>
         <div id="buttons">
             <button id="backBtn">Back</button>
-            <button id="nextBtn">Next</button>
             <button id="yesBtn">Yes</button>
             <button id="noBtn">No</button>
+            <button id="nextBtn">Next</button>
         </div>
     </div>
 

From 7bd428910b634241246a016859eacd6fc6bb276a Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Wed, 1 May 2024 22:11:41 +0300
Subject: [PATCH 19/32] Almost ready

---
 advisor.html | 242 ++++++++++++++++++++++++++++-----------------------
 1 file changed, 135 insertions(+), 107 deletions(-)

diff --git a/advisor.html b/advisor.html
index 70651dec1..e43a9e648 100644
--- a/advisor.html
+++ b/advisor.html
@@ -8,15 +8,15 @@
 
 <head>
     <meta charset="UTF-8">
-    <title>License Advisor</title>
     <style>
         #starterScreen,
         #wizard {
             background-color: #303030;
             border-radius: 20px;
+            padding-top: 0px !important;
             padding: 20px;
             margin: auto;
-            min-height: 270px;
+            min-height: 320px;
             text-align: center;
             display: none;
             flex-direction: column;
@@ -32,7 +32,7 @@
         #indicators {
             display: flex;
             justify-content: center;
-            padding: 10px;
+            padding: 20px;
         }
 
         #indicators .indicator {
@@ -41,22 +41,23 @@
             border-radius: 50%;
             background-color: #1b1b1b;
             cursor: pointer;
-            margin: 0 5px;
+            margin: 0 10px;
         }
 
         #indicators .active {
             background-color: #007bff;
         }
 
-        #questionBox {
-            margin: 20px 0;
-        }
-
         .buttons {
             padding-bottom: 5px;
+        }
 
+        #starterScreen.active,
+        #wizard.active {
+            display: flex; /* Ensure it keeps flex settings */
         }
-        #buttons button {
+
+        #buttons button, #starterScreen button {
             padding: 10px 20px;
             border: none;
             border-radius: 5px;
@@ -68,16 +69,13 @@
             transition: background-color 0.3s, box-shadow 0.3s;
         }
 
-        #buttons button:hover {
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-        }
-
         #buttons button.active {
             background-color: #3cc636 !important; /* Green */
         }
 
         #buttons #backBtn,
-        #buttons #nextBtn {
+        #buttons #nextBtn,
+        #startBtn {
             background-color: #0098d7;
             /* Blue */
         }
@@ -92,20 +90,55 @@
             background: #303030;
             padding: 10px;
             border-radius: 20px;
-            margin-top: 20px;
+            padding-top: 0px !important;
+            padding-bottom: 0px !important;
         }
 
         .filter-column {
             flex: 1;
+            display: flex;
+            flex-direction: column;
             padding: 10px;
         }
+
+        .filter-item {
+            margin-top: 5px; /* Space between items */
+            display: flex;
+            justify-content: space-between; /* Aligns label and select to the opposite sides */
+        }
+
+        .filter-item label {
+            margin-right: 10px; /* Space between label and select */
+            white-space: nowrap; /* Keeps label text on one line */
+            color: white;
+        }
+
+        select {
+            width: 50%; /* Adjust width as necessary */
+            padding: 3px;
+            border-radius: 8px;
+            border: 1px solid #4a4a4a;
+            background-color: #202120;
+            color: rgb(185, 185, 185) !important;
+            cursor: pointer;
+        }
+
+        select:hover {
+            border-color: #666;
+        }
+
+        select:focus {
+            border-color: #0098d7; /* Highlight border on focus, similar to your button focus */
+            box-shadow: 0 0 5px rgba(0, 152, 215, 0.5); /* Soft glow for focus */
+        }
     </style>
 </head>
 
 <body>
+    <p>This wizard is designed to help beginner developers identify the most suitable open source license for their project.</p>
     <div id="starterScreen" class="active">
-        <h2>Welcome to the License Wizard!</h2>
-        <p>This wizard will guide you through a series of questions. Click start when you're ready!</p>
+        <h2>License selecting Wizard</h2>
+        <p><b>If you are working in a community, it is better to not choose.</b> Just use that project's license. To find out what is a community and where to find their license, <a href='/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/appendix'>appendix</a> page. Read more <a href=https://choosealicense.com/about>about the purpose</a> of this site. Also check out the <a href=https://github.com/TGRRRR/choosealicense.com>source code of this site</a>.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants.</p>
         <button id="startBtn">Start</button>
     </div>
 
@@ -116,105 +149,89 @@ <h2 id="questionTitle"></h2>
             <p id="questionDetail"></p>
         </div>
         <div id="buttons">
-            <button id="backBtn">Back</button>
+            <button id="backBtn">↤ Back</button>
             <button id="yesBtn">Yes</button>
             <button id="noBtn">No</button>
-            <button id="nextBtn">Next</button>
+            <button id="nextBtn">Next ↦</button>
         </div>
     </div>
 
-    <h2>Filters</h2>
-    <p>If you understand what all these filters mean, then use these filters and you can skip the wizard</p>
-
+    <h1>Filters</h1>
+    <p>If you understand what all these filters mean, then use these filters and skip the wizard.</p>
     <div class="filters" id="quiz">
         <div class="filter-column">
-            <!-- Conditions -->
-            <ul class="license-conditions">
-                <h3>Conditions</h3>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="same-license-filter">Same license:</label>
-                    <select id="same-license-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include same license</option>
-                        <option value="exclude">Exclude same license</option>
-                    </select>
-                </li>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="network-use-disclose-filter">Network use:</label>
-                    <select id="network-use-disclose-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Network use</option>
-                        <option value="exclude">Exclude Network use</option>
-                    </select>
-                </li>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="document-changes-filter">State Changes:</label>
-                    <select id="document-changes-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include State Changes</option>
-                        <option value="exclude">Exclude State Changes</option>
-                    </select>
-                </li>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="include-copyright-filter">Copyright notice:</label>
-                    <select id="include-copyright-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Copyright notice</option>
-                        <option value="exclude">Exclude Copyright notice</option>
-                    </select>
-                </li>
-            </ul>
+            <h3>Conditions</h3>
+            <div class="filter-item">
+                <label for="same-license-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  Same license:</label>
+                <select id="same-license-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include same license</option>
+                    <option value="exclude">Exclude same license</option>
+                </select>
+            </div>
+            <div class="filter-item">
+                <label for="network-use-disclose-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  Network use:</label>
+                <select id="network-use-disclose-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include network use</option>
+                    <option value="exclude">Exclude network use</option>
+                </select>
+            </div>
+            <div class="filter-item">
+                <label for="document-changes-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  State Changes:</label>
+                <select id="document-changes-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include state changes</option>
+                    <option value="exclude">Exclude state changes</option>
+                </select>
+            </div>
+            <div class="filter-item">
+                <label for="include-copyright-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  Copyright notice:</label>
+                <select id="include-copyright-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include copyright notice</option>
+                    <option value="exclude">Exclude copyright notice</option>
+                </select>
+            </div>
         </div>
         <div class="filter-column">
-            <h3>Permission and Limitations</h3>
-            <!-- Permissions and Limitations -->
-            <ul class="license-permissions">
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="patent-use-filter">Patent Use:</label>
-                    <select id="patent-use-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Patent Use</option>
-                        <option value="exclude">Exclude Patent Use</option>
-                    </select>
-                </li>
-            </ul>
-            <ul class="license-limitations">
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="liability-filter">Liability:</label>
-                    <select id="liability-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Liability</option>
-                        <option value="exclude">Exclude Liability</option>
-                    </select>
-                </li>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="warranty-filter">Warranty:</label>
-                    <select id="warranty-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Warranty</option>
-                        <option value="exclude">Exclude Warranty</option>
-                    </select>
-                </li>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="trademark-use-filter">Trademark:</label>
-                    <select id="trademark-use-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Trademark</option>
-                        <option value="exclude">Exclude Trademark</option>
-                    </select>
-                </li>
-            </ul>
+            <h3>Permissions and Limitations</h3>
+            <div class="filter-item">
+                <label for="patent-use-filter"><span class='license-permissions'><span class='license-sprite'></span></span>  Patent Use:</label>
+                <select id="patent-use-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include patent use</option>
+                    <option value="exclude">Exclude patent use</option>
+                </select>
+            </div>
+            <div class="filter-item">
+                <label for="liability-filter"><span class='license-limitations'><span class='license-sprite'></span></span> Liability:</label>
+                <select id="liability-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include liability</option>
+                    <option value="exclude">Exclude liability</option>
+                </select>
+            </div>
+            <div class="filter-item">
+                <label for="warranty-filter"><span class='license-limitations'><span class='license-sprite'></span></span>  Warranty:</label>
+                <select id="warranty-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include warranty</option>
+                    <option value="exclude">Exclude warranty</option>
+                </select>
+            </div>
+            <div class="filter-item">
+                <label for="trademark-use-filter"><span class='license-limitations'><span class='license-sprite'></span></span>  Trademark:</label>
+                <select id="trademark-use-filter" onchange="updateFilters()">
+                    <option value="all">Any</option>
+                    <option value="include">Include trademark use</option>
+                    <option value="exclude">Exclude trademark use</option>
+                </select>
+            </div>
         </div>
     </div>
-    <h2>Below is a list of licenses that match your needs:</h2>
+    
+    <h1>Below is a list of licenses that match your filters:</h1>
 
     <div class="license">{% include license-overview.html license-id="0bsd" %}</div>
     <div class="license">{% include license-overview.html license-id="afl-3.0" %}</div>
@@ -255,12 +272,14 @@ <h2>Below is a list of licenses that match your needs:</h2>
     <div class="license">{% include license-overview.html license-id="upl-1.0" %}</div>
     <div class="license">{% include license-overview.html license-id="vim" %}</div>
 
+    <p><b>If there are no licenses below, please edit your answers or filters, for example, remove some of the conditions</b></p>
+
     <script>
         let currentScreen = "start";
         const questions = [
             {
-                title: "1/8 Do you prefer permissive or copyleft licenses?",
-                detail: "It will affect how restrictive the licensing is regarding how others can use, modify, and redistribute your code. Copyleft license only allows users to use your code with copyleft license as well, which means all modifications will also remain free and open source and no commercial or closed source fork is allowed. Permissive license has no restrictions, so anyone can take your code and use it in their project, be it commercial or open source. If you're using code that's under a copyleft license, your project also has to be licensed under same license or similar terms to comply with those licenses conditions.",
+                title: " 1/8 Do you prefer permissive or copyleft licenses?",
+                detail: "It will affect how restrictive the licensing is regarding how others can redistribute your code. Copyleft license only allows users to use your code with copyleft license as well, which means all modifications will also remain free and open source and no commercial or closed source fork is allowed. Permissive license has no restrictions, so anyone can take your code and use it in their project, be it commercial or open source. <br>  <b>If you're using code that's under a copyleft license, your project also has to be licensed under same license or similar terms to comply with those licenses conditions.</b>",
                 filter: "same-license-filter"
             },
             {
@@ -315,6 +334,15 @@ <h2>Below is a list of licenses that match your needs:</h2>
             document.querySelectorAll('#indicators .indicator').forEach((ind, index) => {
                 ind.classList.toggle('active', index === currentQuestion);
             });
+
+            // Update button visibility
+            const nextBtn = document.getElementById("nextBtn");
+            if (currentQuestion === questions.length - 1) {
+                nextBtn.style.display = 'none'; // Hide the Next button on the last question
+            } else {
+                nextBtn.style.display = 'inline-block'; // Show the Next button if not the last question
+            }
+
             updateButtonStyles();
             linkAnswersToFilters();
         }

From 8f03053abbf4d1ab9f5fd429161da204f26f2bc8 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Wed, 1 May 2024 23:04:52 +0300
Subject: [PATCH 20/32] Perfectly working functionality, only some minor text
 issues left

---
 advisor.html | 202 ++++++++++++++++++++++++++++++---------------------
 1 file changed, 119 insertions(+), 83 deletions(-)

diff --git a/advisor.html b/advisor.html
index e43a9e648..3abac78ce 100644
--- a/advisor.html
+++ b/advisor.html
@@ -5,7 +5,6 @@
 ---
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
     <meta charset="UTF-8">
     <style>
@@ -22,6 +21,13 @@
             flex-direction: column;
             justify-content: space-between; /* This will push the buttons to the bottom */
             height: 100%; /* Make sure it fills the parent's height or set a fixed height */
+            text-align: left;
+        }
+
+        .button-container {
+            display: flex;
+            justify-content: center; /* This will center the buttons horizontally */
+            gap: 10px; /* This adds space between the buttons */
         }
 
         #starterScreen.active,
@@ -48,16 +54,12 @@
             background-color: #007bff;
         }
 
-        .buttons {
-            padding-bottom: 5px;
-        }
-
         #starterScreen.active,
         #wizard.active {
             display: flex; /* Ensure it keeps flex settings */
         }
 
-        #buttons button, #starterScreen button {
+        #buttons button, #starterScreen button, #toggleFiltersBtn {
             padding: 10px 20px;
             border: none;
             border-radius: 5px;
@@ -66,7 +68,7 @@
             cursor: pointer;
             margin-right: 10px;
             outline: none;
-            transition: background-color 0.3s, box-shadow 0.3s;
+            transition: background-color 0.3s;
         }
 
         #buttons button.active {
@@ -75,7 +77,8 @@
 
         #buttons #backBtn,
         #buttons #nextBtn,
-        #startBtn {
+        #startBtn,
+        #toggleFiltersBtn {
             background-color: #0098d7;
             /* Blue */
         }
@@ -85,6 +88,10 @@
             /* Red */
         }
 
+        .filtersDiv {
+            display: none;
+        }
+
         .filters {
             display: flex;
             background: #303030;
@@ -131,6 +138,13 @@
             border-color: #0098d7; /* Highlight border on focus, similar to your button focus */
             box-shadow: 0 0 5px rgba(0, 152, 215, 0.5); /* Soft glow for focus */
         }
+
+        .tooltip-icon {
+            display: inline-block;
+            margin-left: 5px;
+            color: #999;
+            cursor: help;
+        }
     </style>
 </head>
 
@@ -138,10 +152,13 @@
     <p>This wizard is designed to help beginner developers identify the most suitable open source license for their project.</p>
     <div id="starterScreen" class="active">
         <h2>License selecting Wizard</h2>
-        <p><b>If you are working in a community, it is better to not choose.</b> Just use that project's license. To find out what is a community and where to find their license, <a href='/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/appendix'>appendix</a> page. Read more <a href=https://choosealicense.com/about>about the purpose</a> of this site. Also check out the <a href=https://github.com/TGRRRR/choosealicense.com>source code of this site</a>.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants.</p>
-        <button id="startBtn">Start</button>
-    </div>
+        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/appendix'>appendix</a> page. Read more <a href=https://choosealicense.com/about>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants.</p>
+        <div class="button-container">
+            <button id="startBtn">Start</button>
+            <button class="toggleFiltersBtn">Toggle Filters</button>
+        </div>
 
+    </div>
     <div id="wizard">
         <div id="indicators"></div>
         <div id="questionBox">
@@ -149,89 +166,92 @@ <h2 id="questionTitle"></h2>
             <p id="questionDetail"></p>
         </div>
         <div id="buttons">
+            <button class="toggleFiltersBtn">Toggle Filters</button>
             <button id="backBtn">↤ Back</button>
             <button id="yesBtn">Yes</button>
             <button id="noBtn">No</button>
             <button id="nextBtn">Next ↦</button>
         </div>
     </div>
-
-    <h1>Filters</h1>
-    <p>If you understand what all these filters mean, then use these filters and skip the wizard.</p>
-    <div class="filters" id="quiz">
-        <div class="filter-column">
-            <h3>Conditions</h3>
-            <div class="filter-item">
-                <label for="same-license-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  Same license:</label>
-                <select id="same-license-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include same license</option>
-                    <option value="exclude">Exclude same license</option>
-                </select>
-            </div>
-            <div class="filter-item">
-                <label for="network-use-disclose-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  Network use:</label>
-                <select id="network-use-disclose-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include network use</option>
-                    <option value="exclude">Exclude network use</option>
-                </select>
-            </div>
-            <div class="filter-item">
-                <label for="document-changes-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  State Changes:</label>
-                <select id="document-changes-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include state changes</option>
-                    <option value="exclude">Exclude state changes</option>
-                </select>
-            </div>
-            <div class="filter-item">
-                <label for="include-copyright-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  Copyright notice:</label>
-                <select id="include-copyright-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include copyright notice</option>
-                    <option value="exclude">Exclude copyright notice</option>
-                </select>
-            </div>
-        </div>
-        <div class="filter-column">
-            <h3>Permissions and Limitations</h3>
-            <div class="filter-item">
-                <label for="patent-use-filter"><span class='license-permissions'><span class='license-sprite'></span></span>  Patent Use:</label>
-                <select id="patent-use-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include patent use</option>
-                    <option value="exclude">Exclude patent use</option>
-                </select>
-            </div>
-            <div class="filter-item">
-                <label for="liability-filter"><span class='license-limitations'><span class='license-sprite'></span></span> Liability:</label>
-                <select id="liability-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include liability</option>
-                    <option value="exclude">Exclude liability</option>
-                </select>
+    <br>
+    <div id="filtersDiv" class="filtersDiv">
+        <h1>Filters</h1>
+        <p>If you understand what all these filters mean, then use these filters and skip the wizard.</p>
+        <div class="filters" id="quiz">
+            <div class="filter-column">
+                <h3>Conditions</h3>
+                <div class="filter-item">
+                    <label for="same-license-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  Same license<span class="tooltip-icon" title="Modifications must be released under the same license when distributing the licensed material. In some cases a similar or related license may be used."> 🛈</span></label>
+                    <select id="same-license-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include same license</option>
+                        <option value="exclude">Exclude same license</option>
+                    </select>
+                </div>
+                <div class="filter-item">
+                    <label for="network-use-disclose-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  Network use<span class="tooltip-icon" title="Users who interact with the licensed material via network are given the right to receive a copy of the source code."> 🛈</span></label>
+                    <select id="network-use-disclose-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include network use</option>
+                        <option value="exclude">Exclude network use</option>
+                    </select>
+                </div>
+                <div class="filter-item">
+                    <label for="document-changes-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  State Changes<span class="tooltip-icon" title="Changes made to the licensed material must be documented."> 🛈</span></label>
+                    <select id="document-changes-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include state changes</option>
+                        <option value="exclude">Exclude state changes</option>
+                    </select>
+                </div>
+                <div class="filter-item">
+                    <label for="include-copyright-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  Copyright notice<span class="tooltip-icon" title=" A copy of the license and copyright notice must be included with the licensed material."> 🛈</span></label>
+                    <select id="include-copyright-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include copyright notice</option>
+                        <option value="exclude">Exclude copyright notice</option>
+                    </select>
+                </div>
             </div>
-            <div class="filter-item">
-                <label for="warranty-filter"><span class='license-limitations'><span class='license-sprite'></span></span>  Warranty:</label>
-                <select id="warranty-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include warranty</option>
-                    <option value="exclude">Exclude warranty</option>
-                </select>
-            </div>
-            <div class="filter-item">
-                <label for="trademark-use-filter"><span class='license-limitations'><span class='license-sprite'></span></span>  Trademark:</label>
-                <select id="trademark-use-filter" onchange="updateFilters()">
-                    <option value="all">Any</option>
-                    <option value="include">Include trademark use</option>
-                    <option value="exclude">Exclude trademark use</option>
-                </select>
+            <div class="filter-column">
+                <h3>Permissions and Limitations</h3>
+                <div class="filter-item">
+                    <label for="patent-use-filter"><span class='license-permissions'><span class='license-sprite'></span></span>  Patent Use<span class="tooltip-icon" title=" This license provides an express grant of patent rights from contributors. Or this license explicitly states that it does NOT grant any rights in the patents of contributors."> 🛈</span></label>
+                    <select id="patent-use-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include patent use</option>
+                        <option value="exclude">Exclude patent use</option>
+                    </select>
+                </div>
+                <div class="filter-item">
+                    <label for="liability-filter"><span class='license-limitations'><span class='license-sprite'></span></span> Liability<span class="tooltip-icon" title="This license includes a limitation of liability."> 🛈</span></label>
+                    <select id="liability-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include liability</option>
+                        <option value="exclude">Exclude liability</option>
+                    </select>
+                </div>
+                <div class="filter-item">
+                    <label for="warranty-filter"><span class='license-limitations'><span class='license-sprite'></span></span>  Warranty<span class="tooltip-icon" title="This license explicitly states that it does NOT provide any warranty."> 🛈</span></label>
+                    <select id="warranty-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include warranty</option>
+                        <option value="exclude">Exclude warranty</option>
+                    </select>
+                </div>
+                <div class="filter-item">
+                    <label for="trademark-use-filter"><span class='license-limitations'><span class='license-sprite'></span></span>  Trademark<span class="tooltip-icon" title="This license explicitly states that it does NOT grant trademark rights, even though licenses without such a statement probably do not grant any implicit trademark rights."> 🛈</span></label>
+                    <select id="trademark-use-filter" onchange="updateFilters()">
+                        <option value="all">Any</option>
+                        <option value="include">Include trademark use</option>
+                        <option value="exclude">Exclude trademark use</option>
+                    </select>
+                </div>
             </div>
         </div>
     </div>
     
-    <h1>Below is a list of licenses that match your filters:</h1>
+    <h2>Below is a list of licenses that match your filters:</h2>
 
     <div class="license">{% include license-overview.html license-id="0bsd" %}</div>
     <div class="license">{% include license-overview.html license-id="afl-3.0" %}</div>
@@ -274,6 +294,10 @@ <h1>Below is a list of licenses that match your filters:</h1>
 
     <p><b>If there are no licenses below, please edit your answers or filters, for example, remove some of the conditions</b></p>
 
+<footer>
+    <p>Check out the <a href=https://github.com/TGRRRR/choosealicense.com>source code of this site</a></p>
+</footer>
+
     <script>
         let currentScreen = "start";
         const questions = [
@@ -438,6 +462,18 @@ <h1>Below is a list of licenses that match your filters:</h1>
             }
         };
 
+        document.querySelectorAll('.toggleFiltersBtn').forEach(button => {
+            button.onclick = function() {
+                var filtersDiv = document.getElementById("filtersDiv");
+                if (filtersDiv.style.display === "none" || filtersDiv.style.display === "") {
+                    filtersDiv.style.display = "block";
+                } else {
+                    filtersDiv.style.display = "none";
+                }
+            };
+        });
+
+
         function updateFilters(filterId, value) {
             const filterElement = document.getElementById(filterId);
             if (filterElement) {

From c9dd60dae3d02c15b5d2e9ab5ed07b9598e31905 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Wed, 1 May 2024 23:12:16 +0300
Subject: [PATCH 21/32] Only text check is left

---
 advisor.html | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/advisor.html b/advisor.html
index 3abac78ce..094a1ff78 100644
--- a/advisor.html
+++ b/advisor.html
@@ -16,7 +16,6 @@
             padding: 20px;
             margin: auto;
             min-height: 320px;
-            text-align: center;
             display: none;
             flex-direction: column;
             justify-content: space-between; /* This will push the buttons to the bottom */
@@ -26,7 +25,6 @@
 
         .button-container {
             display: flex;
-            justify-content: center; /* This will center the buttons horizontally */
             gap: 10px; /* This adds space between the buttons */
         }
 
@@ -154,8 +152,8 @@
         <h2>License selecting Wizard</h2>
         <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/appendix'>appendix</a> page. Read more <a href=https://choosealicense.com/about>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants.</p>
         <div class="button-container">
-            <button id="startBtn">Start</button>
-            <button class="toggleFiltersBtn">Toggle Filters</button>
+            <button class="toggleFiltersBtn"><b>Toggle Filters</b></button>
+            <button id="startBtn"><b>Start</b></button>
         </div>
 
     </div>
@@ -166,11 +164,11 @@ <h2 id="questionTitle"></h2>
             <p id="questionDetail"></p>
         </div>
         <div id="buttons">
-            <button class="toggleFiltersBtn">Toggle Filters</button>
-            <button id="backBtn">↤ Back</button>
-            <button id="yesBtn">Yes</button>
-            <button id="noBtn">No</button>
-            <button id="nextBtn">Next ↦</button>
+            <button class="toggleFiltersBtn"><b>Toggle Filters</b></button>
+            <button id="backBtn"><b>↤ Back</b></button>
+            <button id="yesBtn"><b>Yes</b></button>
+            <button id="noBtn"><b>No</b></button>
+            <button id="nextBtn"><b>Next ↦</b></button>
         </div>
     </div>
     <br>

From 0d2a3a379ef18c57c63d54177e74ea1748abbbdb Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Thu, 2 May 2024 20:54:49 +0300
Subject: [PATCH 22/32] Ready

---
 advisor.html | 37 +++++++++++++++++++++++++------------
 1 file changed, 25 insertions(+), 12 deletions(-)

diff --git a/advisor.html b/advisor.html
index 094a1ff78..b25e903a7 100644
--- a/advisor.html
+++ b/advisor.html
@@ -18,9 +18,17 @@
             min-height: 320px;
             display: none;
             flex-direction: column;
-            justify-content: space-between; /* This will push the buttons to the bottom */
             height: 100%; /* Make sure it fills the parent's height or set a fixed height */
             text-align: left;
+            justify-content: flex-start; /* Aligns children at the start of the flex container */
+            align-items: stretch; /* Stretches the children to fit the width of the container */
+        }
+
+        .content-container {
+            flex-grow: 1; /* Takes up all available space */
+            display: flex;
+            flex-direction: column;
+            overflow: auto; /* Adds scrolling to this container if content overflows */
         }
 
         .button-container {
@@ -36,7 +44,7 @@
         #indicators {
             display: flex;
             justify-content: center;
-            padding: 20px;
+            padding: 10px;
         }
 
         #indicators .indicator {
@@ -143,6 +151,7 @@
             color: #999;
             cursor: help;
         }
+
     </style>
 </head>
 
@@ -150,7 +159,7 @@
     <p>This wizard is designed to help beginner developers identify the most suitable open source license for their project.</p>
     <div id="starterScreen" class="active">
         <h2>License selecting Wizard</h2>
-        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/appendix'>appendix</a> page. Read more <a href=https://choosealicense.com/about>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants.</p>
+        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/appendix'>appendix</a> page. Read more <a href=https://choosealicense.com/about>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants. <br><br></p>
         <div class="button-container">
             <button class="toggleFiltersBtn"><b>Toggle Filters</b></button>
             <button id="startBtn"><b>Start</b></button>
@@ -158,10 +167,14 @@ <h2>License selecting Wizard</h2>
 
     </div>
     <div id="wizard">
-        <div id="indicators"></div>
-        <div id="questionBox">
-            <h2 id="questionTitle"></h2>
-            <p id="questionDetail"></p>
+        <div class="content-container">
+            <div id="indicators"></div>
+            <div id="questionBox">
+                <h2 id="questionTitle"></h2>
+            </div>
+            <div>
+                <p id="questionDetail"></p>
+            </div>
         </div>
         <div id="buttons">
             <button class="toggleFiltersBtn"><b>Toggle Filters</b></button>
@@ -174,7 +187,7 @@ <h2 id="questionTitle"></h2>
     <br>
     <div id="filtersDiv" class="filtersDiv">
         <h1>Filters</h1>
-        <p>If you understand what all these filters mean, then use these filters and skip the wizard.</p>
+        <p>If you understand what all these clauses mean, then use these filters and skip the wizard.</p>
         <div class="filters" id="quiz">
             <div class="filter-column">
                 <h3>Conditions</h3>
@@ -300,8 +313,8 @@ <h2>Below is a list of licenses that match your filters:</h2>
         let currentScreen = "start";
         const questions = [
             {
-                title: " 1/8 Do you prefer permissive or copyleft licenses?",
-                detail: "It will affect how restrictive the licensing is regarding how others can redistribute your code. Copyleft license only allows users to use your code with copyleft license as well, which means all modifications will also remain free and open source and no commercial or closed source fork is allowed. Permissive license has no restrictions, so anyone can take your code and use it in their project, be it commercial or open source. <br>  <b>If you're using code that's under a copyleft license, your project also has to be licensed under same license or similar terms to comply with those licenses conditions.</b>",
+                title: " 1/8 Do you prefer copyleft licenses over permissive licenses?",
+                detail: "It will affect how restrictive the licensing is regarding how others can redistribute your code. Copyleft license only allows users to use your code with copyleft license as well, which means all modifications will also remain free and open source and no commercial or closed source fork is allowed. Permissive license has no restrictions, so anyone can take your code and use it in their project, commercial or open source. <br><br>  If you are using code that is under a copyleft license, your project also has to be licensed under the same or similar license to comply with licenses conditions. <b>If use use copyleft code or libraries, you are required to press YES</b>",
                 filter: "same-license-filter"
             },
             {
@@ -351,8 +364,8 @@ <h2>Below is a list of licenses that match your filters:</h2>
         }
 
         function updateWizard() {
-            document.getElementById("questionTitle").innerText = questions[currentQuestion].title;
-            document.getElementById("questionDetail").innerText = questions[currentQuestion].detail;
+            document.getElementById("questionTitle").innerHTML = questions[currentQuestion].title;
+            document.getElementById("questionDetail").innerHTML = questions[currentQuestion].detail;
             document.querySelectorAll('#indicators .indicator').forEach((ind, index) => {
                 ind.classList.toggle('active', index === currentQuestion);
             });

From 3be72002e85f5d452a3730d8779fa13f3de5af66 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Thu, 2 May 2024 21:03:30 +0300
Subject: [PATCH 23/32] Update advisor.html

---
 advisor.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/advisor.html b/advisor.html
index b25e903a7..cfdcfa466 100644
--- a/advisor.html
+++ b/advisor.html
@@ -192,7 +192,7 @@ <h1>Filters</h1>
             <div class="filter-column">
                 <h3>Conditions</h3>
                 <div class="filter-item">
-                    <label for="same-license-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  Same license<span class="tooltip-icon" title="Modifications must be released under the same license when distributing the licensed material. In some cases a similar or related license may be used."> 🛈</span></label>
+                    <label for="same-license-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  Same license<span class="tooltip-icon" title="Modifications must be released under the same license when distributing the licensed material. In some cases a similar or related license may be used."> ⓘ</span></label>
                     <select id="same-license-filter" onchange="updateFilters()">
                         <option value="all">Any</option>
                         <option value="include">Include same license</option>
@@ -200,7 +200,7 @@ <h3>Conditions</h3>
                     </select>
                 </div>
                 <div class="filter-item">
-                    <label for="network-use-disclose-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  Network use<span class="tooltip-icon" title="Users who interact with the licensed material via network are given the right to receive a copy of the source code."> 🛈</span></label>
+                    <label for="network-use-disclose-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  Network use<span class="tooltip-icon" title="Users who interact with the licensed material via network are given the right to receive a copy of the source code."> ⓘ</span></label>
                     <select id="network-use-disclose-filter" onchange="updateFilters()">
                         <option value="all">Any</option>
                         <option value="include">Include network use</option>
@@ -208,7 +208,7 @@ <h3>Conditions</h3>
                     </select>
                 </div>
                 <div class="filter-item">
-                    <label for="document-changes-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  State Changes<span class="tooltip-icon" title="Changes made to the licensed material must be documented."> 🛈</span></label>
+                    <label for="document-changes-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  State Changes<span class="tooltip-icon" title="Changes made to the licensed material must be documented."> ⓘ</span></label>
                     <select id="document-changes-filter" onchange="updateFilters()">
                         <option value="all">Any</option>
                         <option value="include">Include state changes</option>
@@ -216,7 +216,7 @@ <h3>Conditions</h3>
                     </select>
                 </div>
                 <div class="filter-item">
-                    <label for="include-copyright-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  Copyright notice<span class="tooltip-icon" title=" A copy of the license and copyright notice must be included with the licensed material."> 🛈</span></label>
+                    <label for="include-copyright-filter"><span class='license-conditions'><span class='license-sprite'></span></span>  Copyright notice<span class="tooltip-icon" title=" A copy of the license and copyright notice must be included with the licensed material."> ⓘ</span></label>
                     <select id="include-copyright-filter" onchange="updateFilters()">
                         <option value="all">Any</option>
                         <option value="include">Include copyright notice</option>
@@ -227,7 +227,7 @@ <h3>Conditions</h3>
             <div class="filter-column">
                 <h3>Permissions and Limitations</h3>
                 <div class="filter-item">
-                    <label for="patent-use-filter"><span class='license-permissions'><span class='license-sprite'></span></span>  Patent Use<span class="tooltip-icon" title=" This license provides an express grant of patent rights from contributors. Or this license explicitly states that it does NOT grant any rights in the patents of contributors."> 🛈</span></label>
+                    <label for="patent-use-filter"><span class='license-permissions'><span class='license-sprite'></span></span>  Patent Use<span class="tooltip-icon" title=" This license provides an express grant of patent rights from contributors. Or this license explicitly states that it does NOT grant any rights in the patents of contributors."> ⓘ</span></label>
                     <select id="patent-use-filter" onchange="updateFilters()">
                         <option value="all">Any</option>
                         <option value="include">Include patent use</option>
@@ -235,7 +235,7 @@ <h3>Permissions and Limitations</h3>
                     </select>
                 </div>
                 <div class="filter-item">
-                    <label for="liability-filter"><span class='license-limitations'><span class='license-sprite'></span></span> Liability<span class="tooltip-icon" title="This license includes a limitation of liability."> 🛈</span></label>
+                    <label for="liability-filter"><span class='license-limitations'><span class='license-sprite'></span></span> Liability<span class="tooltip-icon" title="This license includes a limitation of liability."> ⓘ</span></label>
                     <select id="liability-filter" onchange="updateFilters()">
                         <option value="all">Any</option>
                         <option value="include">Include liability</option>
@@ -243,7 +243,7 @@ <h3>Permissions and Limitations</h3>
                     </select>
                 </div>
                 <div class="filter-item">
-                    <label for="warranty-filter"><span class='license-limitations'><span class='license-sprite'></span></span>  Warranty<span class="tooltip-icon" title="This license explicitly states that it does NOT provide any warranty."> 🛈</span></label>
+                    <label for="warranty-filter"><span class='license-limitations'><span class='license-sprite'></span></span>  Warranty<span class="tooltip-icon" title="This license explicitly states that it does NOT provide any warranty."> ⓘ</span></label>
                     <select id="warranty-filter" onchange="updateFilters()">
                         <option value="all">Any</option>
                         <option value="include">Include warranty</option>
@@ -251,7 +251,7 @@ <h3>Permissions and Limitations</h3>
                     </select>
                 </div>
                 <div class="filter-item">
-                    <label for="trademark-use-filter"><span class='license-limitations'><span class='license-sprite'></span></span>  Trademark<span class="tooltip-icon" title="This license explicitly states that it does NOT grant trademark rights, even though licenses without such a statement probably do not grant any implicit trademark rights."> 🛈</span></label>
+                    <label for="trademark-use-filter"><span class='license-limitations'><span class='license-sprite'></span></span>  Trademark<span class="tooltip-icon" title="This license explicitly states that it does NOT grant trademark rights, even though licenses without such a statement probably do not grant any implicit trademark rights."> ⓘ</span></label>
                     <select id="trademark-use-filter" onchange="updateFilters()">
                         <option value="all">Any</option>
                         <option value="include">Include trademark use</option>

From 2bf09e0d451e92eaa0ce7166a2a6803e7fb979f4 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Thu, 2 May 2024 21:13:46 +0300
Subject: [PATCH 24/32] Final

---
 advisor.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/advisor.html b/advisor.html
index cfdcfa466..026bd4389 100644
--- a/advisor.html
+++ b/advisor.html
@@ -159,7 +159,7 @@
     <p>This wizard is designed to help beginner developers identify the most suitable open source license for their project.</p>
     <div id="starterScreen" class="active">
         <h2>License selecting Wizard</h2>
-        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/appendix'>appendix</a> page. Read more <a href=https://choosealicense.com/about>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants. <br><br></p>
+        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/appendix'>appendix</a> page. Read more <a href='/about'>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants. <br><br></p>
         <div class="button-container">
             <button class="toggleFiltersBtn"><b>Toggle Filters</b></button>
             <button id="startBtn"><b>Start</b></button>

From c37723a180b07a6347564d56045eb508eee8b643 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Thu, 2 May 2024 21:16:45 +0300
Subject: [PATCH 25/32] Update advisor.html

---
 advisor.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/advisor.html b/advisor.html
index 026bd4389..fe87e4059 100644
--- a/advisor.html
+++ b/advisor.html
@@ -159,7 +159,7 @@
     <p>This wizard is designed to help beginner developers identify the most suitable open source license for their project.</p>
     <div id="starterScreen" class="active">
         <h2>License selecting Wizard</h2>
-        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/appendix'>appendix</a> page. Read more <a href='/about'>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants. <br><br></p>
+        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/choosealicense.com/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/choosealicense.com/appendix'>appendix</a> page. Read more <a href='/choosealicense.com/about'>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants. <br><br></p>
         <div class="button-container">
             <button class="toggleFiltersBtn"><b>Toggle Filters</b></button>
             <button id="startBtn"><b>Start</b></button>

From 3d467c10ff00db16704f6f81c9c671be167b1c94 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Fri, 3 May 2024 16:34:01 +0300
Subject: [PATCH 26/32] Final

---
 advisor copy.html | 456 ----------------------------------------------
 advisor.html      |   2 +-
 2 files changed, 1 insertion(+), 457 deletions(-)
 delete mode 100644 advisor copy.html

diff --git a/advisor copy.html b/advisor copy.html
deleted file mode 100644
index cede2eef8..000000000
--- a/advisor copy.html	
+++ /dev/null
@@ -1,456 +0,0 @@
-
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>License Advisor</title>
-    <style>
-    #quiz {
-    background-color: #272727;
-    border: 2px solid #5c5c5c;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-    border-radius: 8px;
-    }
-
-    #quiz p {
-        font-size: 24px; /* Larger text for questions */
-        color: #ffffff;
-        margin-top: 0;
-        margin-bottom: 20px;
-    }
-
-    #quiz button {
-        padding: 10px 20px;
-        font-size: 16px;
-        color: white;
-        background-color: #1699d2;
-        border: none;
-        border-radius: 5px;
-        cursor: pointer;
-        margin: 5px;
-        transition: background-color 0.3s;
-    }
-
-    #quiz button:hover {
-        background-color: #0056b3;
-    }
-
-    #quiz button:focus {
-        background-color: green; /* Selected state color */
-    }
-
-    #quiz .detail {
-    font-size: 16px; 
-    color: #c7c7c7;
-    margin-top: 5px;
-    margin-bottom: 20px;
-    }
-
-    .filters {
-    display: flex;
-    }
-
-    .filter-column {
-        flex: 1; /* Each column takes up equal space */
-        padding: 10px; /* Add some padding around each column */
-    }
-
-    .active {
-  background-color: green; /* Selected state color */
-    }
-
-    .inactive {
-    background-color: red; /* Unselected state color */
-    }
-
-    /* Style the form */
-#regForm {
-  background-color: #ffffff;
-  margin: 100px auto;
-  padding: 40px;
-  width: 70%;
-  min-width: 300px;
-}
-
-/* Style the input fields */
-input {
-  padding: 10px;
-  width: 100%;
-  font-size: 17px;
-  font-family: Raleway;
-  border: 1px solid #aaaaaa;
-}
-
-/* Mark input boxes that gets an error on validation: */
-input.invalid {
-  background-color: #ffdddd;
-}
-
-/* Hide all steps by default: */
-.tab {
-  display: none;
-}
-
-/* Make circles that indicate the steps of the form: */
-.step {
-  height: 15px;
-  width: 15px;
-  margin: 0 2px;
-  background-color: #bbbbbb;
-  border: none;
-  border-radius: 50%;
-  display: inline-block;
-  opacity: 0.5;
-}
-
-/* Mark the active step: */
-.step.active {
-  opacity: 1;
-}
-
-/* Mark the steps that are finished and valid: */
-.step.finish {
-  background-color: #04AA6D;
-}
-
-    </style>
-</head>
-<body>
-    <h2>License Wizard</h2>
-    <p>If you don't know anything about licenses, then you can go through this wizard and it will fill in the filter values based on your answers</p>
-        <div id="quiz"></div>
-
-    <h2>Filters</h2>
-    <p>If you understand what all these filters mean, then use these filters and you can skip the wizard</p>
-
-    <div class="filters" id="quiz">
-        <div class="filter-column">
-            <!-- Conditions -->
-            <ul class="license-conditions">
-                <h3>Conditions</h3>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="same-license-filter">Same license:</label>
-                    <select id="same-license-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include same license</option>
-                        <option value="exclude">Exclude same license</option>
-                    </select>
-                </li>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="network-use-disclose-filter">Network use:</label>
-                    <select id="network-use-disclose-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Network use</option>
-                        <option value="exclude">Exclude Network use</option>
-                    </select>
-                </li>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="document-changes-filter">State Changes:</label>
-                    <select id="document-changes-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include State Changes</option>
-                        <option value="exclude">Exclude State Changes</option>
-                    </select>
-                </li>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="include-copyright-filter">Copyright notice:</label>
-                    <select id="include-copyright-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Copyright notice</option>
-                        <option value="exclude">Exclude Copyright notice</option>
-                    </select>
-                </li>
-            </ul>
-        </div>
-        <div class="filter-column">
-            <h3>Permission and Limitations</h3>
-            <!-- Permissions and Limitations -->
-            <ul class="license-permissions">
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="patent-use-filter">Patent Use:</label>
-                    <select id="patent-use-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Patent Use</option>
-                        <option value="exclude">Exclude Patent Use</option>
-                    </select>
-                </li>    
-            </ul>
-            <ul class="license-limitations">
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="liability-filter">Liability:</label>
-                    <select id="liability-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Liability</option>
-                        <option value="exclude">Exclude Liability</option>
-                    </select>
-                </li>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="warranty-filter">Warranty:</label>
-                    <select id="warranty-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Warranty</option>
-                        <option value="exclude">Exclude Warranty</option>
-                    </select>
-                </li>
-                <li>
-                    <span class="license-sprite"></span>
-                    <label for="trademark-use-filter">Trademark:</label>
-                    <select id="trademark-use-filter" onchange="updateFilters()">
-                        <option value="all">Any</option>
-                        <option value="include">Include Trademark</option>
-                        <option value="exclude">Exclude Trademark</option>
-                    </select>
-                </li>
-            </ul>
-        </div>
-    </div>
-    <h2>Below is a list of licenses that match your needs:</h2>
-
-    <div class="license">{% include license-overview.html license-id="0bsd" %}</div>
-    <div class="license">{% include license-overview.html license-id="afl-3.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="apache-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="artistic-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="blueoak-1.0.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="bsd-2-clause" %}</div>
-    <div class="license">{% include license-overview.html license-id="bsd-2-clause-patent" %}</div>
-    <div class="license">{% include license-overview.html license-id="bsd-3-clause" %}</div>
-    <div class="license">{% include license-overview.html license-id="bsd-3-clause-clear" %}</div>
-    <div class="license">{% include license-overview.html license-id="bsd-4-clause" %}</div>
-    <div class="license">{% include license-overview.html license-id="bsl-1.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="cecill-2.1" %}</div>
-    <div class="license">{% include license-overview.html license-id="ecl-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="epl-1.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="epl-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="eupl-1.2" %}</div>
-    <div class="license">{% include license-overview.html license-id="agpl-3.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="gpl-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="gpl-3.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="lgpl-2.1" %}</div>
-    <div class="license">{% include license-overview.html license-id="lgpl-3.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="isc" %}</div>
-    <div class="license">{% include license-overview.html license-id="lppl-1.3c" %}</div>
-    <div class="license">{% include license-overview.html license-id="mit" %}</div>
-    <div class="license">{% include license-overview.html license-id="mit-0" %}</div>
-    <div class="license">{% include license-overview.html license-id="mpl-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="ms-pl" %}</div>
-    <div class="license">{% include license-overview.html license-id="ms-rl" %}</div>
-    <div class="license">{% include license-overview.html license-id="mulanpsl-2.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="ncsa" %}</div>
-    <div class="license">{% include license-overview.html license-id="unlicense" %}</div>
-    <div class="license">{% include license-overview.html license-id="zlib" %}</div>
-    <div class="license">{% include license-overview.html license-id="postgresql" %}</div>
-    <div class="license">{% include license-overview.html license-id="osl-3.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="wtfpl" %}</div>
-    <div class="license">{% include license-overview.html license-id="odbl-1.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="upl-1.0" %}</div>
-    <div class="license">{% include license-overview.html license-id="vim" %}</div>
-<script>
-
-const quizQuestions = [
-
-    { 
-        question: "1/8 Do you use copyleft code base or libraries?",
-        detail: "If you're using code that's under a copyleft license, your project also has to be licensed under same license or similar terms to comply with those licenses conditions.",
-        filter: "same-license-filter", 
-
-    },
-    { 
-        question: "2/8 Do you prefer permissive or copyleft licenses?",
-        detail: "It will affect how restrictive the licensing is regarding how others can use, modify, and redistribute your code. <br>Copyleft license only allows users to use your code with copyleft license as well, which means all modifications will also remain free and open source and no commercial or closed source fork is allowed. <br>Permissive license has no restrictions, so anyone can take your code and use it in their project, be it commercial or open source",
-        filter: "same-license-filter", 
-
-    },
-    { 
-        question: "3/8 If you develop a web copyleft project, do you want to make giving online users access to source code mandatory?",
-        detail: "This clause prohibits users of your code from modifying it and then using it online as a closed source web project, as even remote users should have access to the source code, preserving the open nature of the software",
-        filter: "network-use-disclose-filter", 
-
-    },
-    { 
-        question: "4/8 Do you want to force users to document the changes they made in your code?",
-        detail: "If you want any change (by users who modify and redestribute your work) in your work to be documented (so that is clear where is your original code is and where the user changes are) you can choose a license with this requirement.",
-        filter: "document-changes-filter", 
-
-    },
-    { 
-        question: "5/8 Do you want to specify state of patent license for users?",
-        detail: "Clarifying the patent rights clause can clearly allow or prohibit users to use a patented tech from your project in their projects. Allowing it can protect your users from potential lawsuits from you or contributors of your project",
-        filter: "patent-use-filter", 
-  
-    },
-    { 
-        question: "6/8 Do you want to protect yourself by clearly having a limitation of liability?",
-        detail: "Basically, you will not be liable for any potential issues caused by your code. <br><br>Including a limitation of liability clause can protect you from lawsuits for damages caused by the use of your software. This clause is important when users rely on your software for critical functions, as it specifies that you are not liable for any resulting issues.",
-        filter: "liability-filter", 
- 
-    },
-    { 
-        question: "7/8 Do you want to protect yourself by clearly not providing any warranty?",
-        detail: "Basically, you will not promise users of your code anything about its performance, quality, or suitability. <br><br>Stating that you do not provide any warranty with your software is crucial to manage user expectations and legal risks. This clause informs users that they are using the software at their own risk and that you do not guarantee its performance, quality, or suitability.",
-        filter: "warranty-filter", 
-     
-    },
-    { 
-        question: "8/8 Do you want to protect your IP by clearly prohibiting use of Trademark?",
-        detail: "Basically, people who modify and distribute your application are not allowed to use your app name, logo, slogan, etc. <br><br>Prohibiting the use of your trademark by others is important to protect your brand identity and intellectual property. This clause helps prevent confusion and misuse of your trademark, ensuring that only authorized use associated with your direct products is allowed.",
-        filter: "trademark-use-filter", 
-
-    },
-    ];
-
-let currentQuestionIndex = 0;
-
-function nextQuestion() {
-    currentQuestionIndex++; 
-    displayQuestion();
-}
-
-function backQuestion() {
-    currentQuestionIndex--; 
-    displayQuestion();
-}
-
-function displayQuestion() {
-    const quizDialog = document.getElementById('quiz');
-    const questionObj = quizQuestions[currentQuestionIndex];
-    let buttonsHTML = `
-        <button onclick="backQuestion()">↤ Back</button>
-        <button id="myButton" onclick="updateFilters('${questionObj.filter}', 'include')">${questionObj.valueYes}</button>
-        <button id="myButton" onclick="updateFilters('${questionObj.filter}', 'exclude')">${questionObj.valueNo}</button>
-    `;
-    if (currentQuestionIndex === 0) {
-        quizDialog.innerHTML = "<h1>Start the wizard?</h1>If you are contributing to community, it is easier to continue using that project's license. <a href='/community'>Read more</a> about community and finding what license it uses. <br><br>This advisor is designed to help beginner developers identify the most suitable open source license for their project. Answer the questions to narrow down your options based on your specific requirements. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/appendix'>appendix</a> Page. <br> Read more <a href=https://choosealicense.com/about>about the purpose</a> of this site. Also check out the <a href=https://github.com/TGRRRR/choosealicense.com>source code of this site</a>.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might otherwise disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or expressly exclude patents or trademarks from licenses' grants.<br><button onclick='nextQuestion()'>Start quiz</button>";
-    }
-    else if (currentQuestionIndex === 8) {
-        quizDialog.innerHTML = `<h2>${questionObj.question}</h2><p class="detail">${questionObj.detail}</p>` + buttonsHTML;
-    }
-    else {
-        quizDialog.innerHTML = `<h2>${questionObj.question}</h2><p class="detail">${questionObj.detail}</p>` + buttonsHTML + '<button onclick="nextQuestion()">Next ↦</button>';
-    }
-    updateButton(filterValue);
-}
-
-function updateButton(filterValue) {
-    const button = document.getElementById('myButton');
-
-    // Add class based on filter value
-    if (filterValue === 'include') {
-    button.classList.add('active');
-    } else {
-    button.classList.add('inactive');
-    }
-}
-
-function updateFilters(filterId, value) {
-    const filterElement = document.getElementById(filterId);
-    if (filterElement) {
-        filterElement.value = value;
-        updateFilters();
-    }
-    const licenses = document.querySelectorAll('.license');
-    licenses.forEach(license => {
-        let isDisplayed = true;
-
-        // Handle general filters
-        document.querySelectorAll('select').forEach(select => {
-            const value = select.value; // "include", "exclude", or "all"
-            const filterName = select.id.replace('-filter', ''); // e.g., "trademark", "liability"
-            const conditions = Array.from(license.querySelectorAll('.' + filterName)).map(li => li.textContent.trim().toLowerCase());
-
-            if (value === 'include' && !conditions.length) {
-                isDisplayed = false;
-            } else if (value === 'exclude' && conditions.length) {
-                isDisplayed = false;
-            }
-        });
-        license.style.display = isDisplayed ? 'block' : 'none';
-    });
-}
-document.addEventListener('DOMContentLoaded', displayQuestion);
-document.addEventListener('DOMContentLoaded', updateFilters);
-
-</script>
-
-<script>
-    var currentTab = 0; // Current tab is set to be the first tab (0)
-showTab(currentTab); // Display the current tab
-
-function showTab(n) {
-  // This function will display the specified tab of the form ...
-  var x = document.getElementsByClassName("tab");
-  x[n].style.display = "block";
-  // ... and fix the Previous/Next buttons:
-  if (n == 0) {
-    document.getElementById("prevBtn").style.display = "none";
-  } else {
-    document.getElementById("prevBtn").style.display = "inline";
-  }
-  if (n == (x.length - 1)) {
-    document.getElementById("nextBtn").innerHTML = "Submit";
-  } else {
-    document.getElementById("nextBtn").innerHTML = "Next";
-  }
-  // ... and run a function that displays the correct step indicator:
-  fixStepIndicator(n)
-}
-
-function nextPrev(n) {
-  // This function will figure out which tab to display
-  var x = document.getElementsByClassName("tab");
-  // Exit the function if any field in the current tab is invalid:
-  if (n == 1 && !validateForm()) return false;
-  // Hide the current tab:
-  x[currentTab].style.display = "none";
-  // Increase or decrease the current tab by 1:
-  currentTab = currentTab + n;
-  // if you have reached the end of the form... :
-  if (currentTab >= x.length) {
-    //...the form gets submitted:
-    document.getElementById("regForm").submit();
-    return false;
-  }
-  // Otherwise, display the correct tab:
-  showTab(currentTab);
-}
-
-function validateForm() {
-  // This function deals with validation of the form fields
-  var x, y, i, valid = true;
-  x = document.getElementsByClassName("tab");
-  y = x[currentTab].getElementsByTagName("input");
-  // A loop that checks every input field in the current tab:
-  for (i = 0; i < y.length; i++) {
-    // If a field is empty...
-    if (y[i].value == "") {
-      // add an "invalid" class to the field:
-      y[i].className += " invalid";
-      // and set the current valid status to false:
-      valid = false;
-    }
-  }
-  // If the valid status is true, mark the step as finished and valid:
-  if (valid) {
-    document.getElementsByClassName("step")[currentTab].className += " finish";
-  }
-  return valid; // return the valid status
-}
-
-function fixStepIndicator(n) {
-  // This function removes the "active" class of all steps...
-  var i, x = document.getElementsByClassName("step");
-  for (i = 0; i < x.length; i++) {
-    x[i].className = x[i].className.replace(" active", "");
-  }
-  //... and adds the "active" class to the current step:
-  x[n].className += " active";
-}
-</script>
-</body>
-</html>
diff --git a/advisor.html b/advisor.html
index fe87e4059..ccfe28bda 100644
--- a/advisor.html
+++ b/advisor.html
@@ -159,7 +159,7 @@
     <p>This wizard is designed to help beginner developers identify the most suitable open source license for their project.</p>
     <div id="starterScreen" class="active">
         <h2>License selecting Wizard</h2>
-        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/choosealicense.com/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/choosealicense.com/appendix'>appendix</a> page. Read more <a href='/choosealicense.com/about'>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants. <br><br></p>
+        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/choosealicense.com/appendix'>appendix</a> page. Read more <a href='/choosealicense.com/about'>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants. <br><br></p>
         <div class="button-container">
             <button class="toggleFiltersBtn"><b>Toggle Filters</b></button>
             <button id="startBtn"><b>Start</b></button>

From d5f3bf2295c25764964df01a096547eb1e1a555f Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Fri, 3 May 2024 16:36:28 +0300
Subject: [PATCH 27/32] Update advisor.html

---
 advisor.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/advisor.html b/advisor.html
index ccfe28bda..0b476037f 100644
--- a/advisor.html
+++ b/advisor.html
@@ -159,7 +159,7 @@
     <p>This wizard is designed to help beginner developers identify the most suitable open source license for their project.</p>
     <div id="starterScreen" class="active">
         <h2>License selecting Wizard</h2>
-        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/choosealicense.com/appendix'>appendix</a> page. Read more <a href='/choosealicense.com/about'>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants. <br><br></p>
+        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/choosealicense.com/appendix/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/choosealicense.com/appendix'>appendix</a> page. Read more <a href='/choosealicense.com/about'>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants. <br><br></p>
         <div class="button-container">
             <button class="toggleFiltersBtn"><b>Toggle Filters</b></button>
             <button id="startBtn"><b>Start</b></button>

From d2454643527107886b01e95128a36876a50007a8 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Fri, 3 May 2024 16:39:06 +0300
Subject: [PATCH 28/32] Update advisor.html

---
 advisor.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/advisor.html b/advisor.html
index 0b476037f..fe87e4059 100644
--- a/advisor.html
+++ b/advisor.html
@@ -159,7 +159,7 @@
     <p>This wizard is designed to help beginner developers identify the most suitable open source license for their project.</p>
     <div id="starterScreen" class="active">
         <h2>License selecting Wizard</h2>
-        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/choosealicense.com/appendix/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/choosealicense.com/appendix'>appendix</a> page. Read more <a href='/choosealicense.com/about'>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants. <br><br></p>
+        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/choosealicense.com/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/choosealicense.com/appendix'>appendix</a> page. Read more <a href='/choosealicense.com/about'>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants. <br><br></p>
         <div class="button-container">
             <button class="toggleFiltersBtn"><b>Toggle Filters</b></button>
             <button id="startBtn"><b>Start</b></button>

From d2335c3b3d7ddda7ecd013a695165861f57f718a Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Wed, 8 May 2024 18:15:51 +0300
Subject: [PATCH 29/32] Make all links work

---
 _config.yml  | 2 +-
 advisor.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/_config.yml b/_config.yml
index a75f55c80..69a56db8d 100644
--- a/_config.yml
+++ b/_config.yml
@@ -3,7 +3,7 @@ title: Choose a License
 description: Non-judgmental guidance on choosing a license for your open source project
 relative_permalinks: false
 markdown: kramdown
-url: "https://choosealicense.com"
+url: "https://tgrrrr.github.io/"
 
 collections:
   licenses:
diff --git a/advisor.html b/advisor.html
index fe87e4059..026bd4389 100644
--- a/advisor.html
+++ b/advisor.html
@@ -159,7 +159,7 @@
     <p>This wizard is designed to help beginner developers identify the most suitable open source license for their project.</p>
     <div id="starterScreen" class="active">
         <h2>License selecting Wizard</h2>
-        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/choosealicense.com/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/choosealicense.com/appendix'>appendix</a> page. Read more <a href='/choosealicense.com/about'>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants. <br><br></p>
+        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/appendix'>appendix</a> page. Read more <a href='/about'>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants. <br><br></p>
         <div class="button-container">
             <button class="toggleFiltersBtn"><b>Toggle Filters</b></button>
             <button id="startBtn"><b>Start</b></button>

From 2f36461ffea8587115d9600b96032ea6de703283 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Wed, 8 May 2024 18:18:27 +0300
Subject: [PATCH 30/32] Fix

---
 _config.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_config.yml b/_config.yml
index 69a56db8d..88907803d 100644
--- a/_config.yml
+++ b/_config.yml
@@ -3,7 +3,7 @@ title: Choose a License
 description: Non-judgmental guidance on choosing a license for your open source project
 relative_permalinks: false
 markdown: kramdown
-url: "https://tgrrrr.github.io/"
+url: "https://tgrrrr.github.io/choosealicense.com"
 
 collections:
   licenses:

From 238a6ce0019cbb5c408f25cf44f1d4fc8af61a64 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Wed, 8 May 2024 18:28:04 +0300
Subject: [PATCH 31/32] fix 2

---
 _config.yml  | 4 ++--
 advisor.html | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/_config.yml b/_config.yml
index 88907803d..8755e601e 100644
--- a/_config.yml
+++ b/_config.yml
@@ -3,12 +3,12 @@ title: Choose a License
 description: Non-judgmental guidance on choosing a license for your open source project
 relative_permalinks: false
 markdown: kramdown
-url: "https://tgrrrr.github.io/choosealicense.com"
+url: "https://choosealicense.com"
 
 collections:
   licenses:
     output: true
-    permalink: /licenses/:path/
+    permalink: /choosealicense.com/licenses/:path/
 
 defaults:
   -
diff --git a/advisor.html b/advisor.html
index 026bd4389..5e9bb49b1 100644
--- a/advisor.html
+++ b/advisor.html
@@ -159,8 +159,7 @@
     <p>This wizard is designed to help beginner developers identify the most suitable open source license for their project.</p>
     <div id="starterScreen" class="active">
         <h2>License selecting Wizard</h2>
-        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/appendix'>appendix</a> page. Read more <a href='/about'>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants. <br><br></p>
-        <div class="button-container">
+        <p><b>If you are working in a community or on a project, please don't choose any license.</b> Just use that project's license.<br>To find out what is a community and where to find their license, <a href='/choosealicense.com/community'>Read more about community</a> <br><br> Follow the wizard to narrow down your options based on your requirements or wishes. You can skip questions if you are not sure. To see a table of all licenses, visit <a href='/choosealicense.com/appendix'>appendix</a> page. Read more <a href='/choosealicense.com/about'>about the purpose</a> of this site.<br><br>All open source licenses grant to the public <span class='license-permissions'><span class='license-sprite'></span></span> <b>permissions</b> to do things with licensed works which copyright or other IP laws might disallow.<br>Most open source licenses' grants of permissions are subject to compliance with <span class='license-conditions'><span class='license-sprite'></span></span> <b>conditions</b>.<br>Most open source licenses have <span class='license-limitations'><span class='license-sprite'></span></span> <b>limitations</b> that disclaim warranty and liability, or exclude patents or trademarks from licenses' grants. <br><br></p>        <div class="button-container">
             <button class="toggleFiltersBtn"><b>Toggle Filters</b></button>
             <button id="startBtn"><b>Start</b></button>
         </div>

From 0fa3c3e454cf1b46c02efcf6af0665e40e11e082 Mon Sep 17 00:00:00 2001
From: TGRRRR <tgrrrr19@mail.ru>
Date: Wed, 8 May 2024 19:11:21 +0300
Subject: [PATCH 32/32] Revert changes

---
 _config.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/_config.yml b/_config.yml
index 8755e601e..f14952b57 100644
--- a/_config.yml
+++ b/_config.yml
@@ -8,7 +8,7 @@ url: "https://choosealicense.com"
 collections:
   licenses:
     output: true
-    permalink: /choosealicense.com/licenses/:path/
+    permalink: /licenses/:path/
 
 defaults:
   -
@@ -47,4 +47,4 @@ sass:
     style: :compressed
 
 twitter:
-  username: "@github"
+  username: "@github"
\ No newline at end of file