untitled

Pasted Sep 14, 2026, 9:33 PM1 file620 lines

Scan to open on your phone

Point a camera at the QR code - it opens this exact paste, no app needed.

https://codepastes.com/zzgtjtt29avqw15b
untitled
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Latin Legal Terms App</title>
    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        body {
            background-color: #f4f6f9;
            color: #333;
            padding: 15px;
            max-width: 600px;
            margin: 0 auto;
        }
        .header {
            position: sticky;
            top: 0;
            background-color: #f4f6f9;
            padding-top: 10px;
            padding-bottom: 15px;
            z-index: 100;
        }
        h1 {
            text-align: center;
            font-size: 22px;
            color: #1a252f;
            margin-bottom: 12px;
        }
        .search-box {
            width: 100%;
            padding: 14px 20px;
            font-size: 16px;
            border: 2px solid #3498db;
            border-radius: 25px;
            outline: none;
            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
        }
        .search-box:focus {
            box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
        }
        .card-list {
            display: flex;
            flex-direction: column;
            gap: 15px;
            margin-top: 10px;
        }
        .card {
            background: #ffffff;
            border-radius: 12px;
            padding: 18px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
            border-left: 5px solid #3498db;
            transition: transform 0.2s;
        }
        .card-title {
            font-size: 18px;
            font-weight: bold;
            color: #2c3e50;
            margin-bottom: 8px;
        }
        .section-title {
            font-weight: 600;
            color: #e67e22;
            margin-top: 6px;
            font-size: 14px;
        }
        .section-content {
            font-size: 14px;
            color: #555;
            margin-bottom: 4px;
            line-height: 1.4;
        }
        .no-results {
            text-align: center;
            color: #888;
            margin-top: 30px;
            font-size: 16px;
            display: none;
        }
    </style>
</head>
<body>

    <div class="header">
        <h1>Latin Legal Terms Dictionary</h1>
        <input type="text" id="searchInput" class="search-box" placeholder="Search Latin Term..." onkeyup="searchTerms()">
    </div>

    <div id="noResults" class="no-results">No matching terms found.</div>

    <div class="card-list" id="termsList">

        <div class="card">
            <div class="card-title">1. Ab initio</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">From the very beginning.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It refers to something that is invalid or void from the start.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It creates no legal rights or duties. It is commonly used as "void ab initio."</div>
            <div class="section-title">Example:</div>
            <div class="section-content">A contract with a minor is void ab initio.</div>
        </div>

        <div class="card">
            <div class="card-title">2. Actus Reus</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">A guilty act.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is the physical action or conduct needed to commit a crime.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">A crime needs both Actus Reus (guilty act) and Mens Rea (guilty mind).</div>
            <div class="section-title">Example:</div>
            <div class="section-content">The act of hitting someone is the Actus Reus of assault.</div>
        </div>

        <div class="card">
            <div class="card-title">3. Ad hoc</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">For a specific purpose.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It refers to a temporary committee or decision made for a special reason.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It stops working after the specific task is finished.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">The government formed an ad hoc committee to investigate the matter.</div>
        </div>

        <div class="card">
            <div class="card-title">4. Ad idem</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Meeting of minds.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It means both parties agree on the exact same thing in the same way.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It is necessary for making a valid contract.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">Both buyer and seller agree on the same car and price.</div>
        </div>

        <div class="card">
            <div class="card-title">5. Ad interim</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">In the meantime.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a temporary order given by a court until the final decision.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It protects rights for a short time during a case.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">The court issued an ad interim stay order on the land sale.</div>
        </div>

        <div class="card">
            <div class="card-title">6. Ad referendum</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Subject to reference.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a temporary agreement that needs approval from a higher authority.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It becomes final only after getting full permission.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">The officer signed the treaty ad referendum.</div>
        </div>

        <div class="card">
            <div class="card-title">7. Addendum</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">A thing to be added.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is extra information added to a main legal document.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It modifies or expands the terms of the main document.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">They added an addendum to extend the agreement period.</div>
        </div>

        <div class="card">
            <div class="card-title">8. Ad valorem</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">According to value.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a tax or fee charged based on the value of a property.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">Higher value means higher tax amount.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">You pay land registry fees on an ad valorem basis.</div>
        </div>

        <div class="card">
            <div class="card-title">9. Affidavit</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">A sworn written statement.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a written statement made under oath before an officer.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It acts as written evidence in court. Giving false information is a crime.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">He submitted an affidavit to correct his name in his passport.</div>
        </div>

        <div class="card">
            <div class="card-title">10. Alias</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">An assumed name.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a second name or nickname used by a person.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It helps to identify a person clearly in legal documents.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">Rahim alias Kalu was arrested by the police.</div>
        </div>

        <div class="card">
            <div class="card-title">11. Alumnus</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Former student.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It refers to a person who has graduated from a school or college.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It shows proof of past membership in an institution.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">She is an alumna of Dhaka University.</div>
        </div>

        <div class="card">
            <div class="card-title">12. Alibi</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Elsewhere.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a defense claim that the accused was at another place during the crime.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It proves that it was impossible for the accused to commit the crime.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">He showed an alibi that he was in Chittagong during the incident.</div>
        </div>

        <div class="card">
            <div class="card-title">13. Amicus curiae</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Friend of the court.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a neutral expert invited by the court to give advice on complex legal issues.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">This person does not take any party's side in the case.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">The High Court appointed a senior lawyer as amicus curiae.</div>
        </div>

        <div class="card">
            <div class="card-title">14. Ante</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Before.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It points to a topic mentioned earlier in a legal document or book.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It is used for referencing previous sections easily.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">Please see ante page 10 for more details.</div>
        </div>

        <div class="card">
            <div class="card-title">15. Autrefois acquit</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Formerly acquitted.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a defense that the accused was already proved innocent for the same crime before.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It prevents a person from being tried twice for one crime.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">He claimed autrefois acquit because the court freed him last year.</div>
        </div>

        <div class="card">
            <div class="card-title">16. Autrefois convict</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Formerly convicted.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a defense that the accused was already punished for the same crime before.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">A person cannot be punished twice for the exact same offense.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">The court dismissed the new case using the rule of autrefois convict.</div>
        </div>

        <div class="card">
            <div class="card-title">17. Audi alteram partem</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Hear the other side.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a principle that no person should be punished without a fair hearing.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">Both parties must get an equal chance to present their defense.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">Firing an employee without a notice violates audi alteram partem.</div>
        </div>

        <div class="card">
            <div class="card-title">18. Bona fide</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">In good faith.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It means doing something with honesty and without any bad intention.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">The law protects actions done in good faith.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">He is a bona fide buyer of this property.</div>
        </div>

        <div class="card">
            <div class="card-title">19. Caveat emptor</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Let the buyer beware.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a rule that the buyer is responsible for checking the quality of goods before buying.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">The seller is usually not responsible for defects found later.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">You should inspect a used car before buying it due to caveat emptor.</div>
        </div>

        <div class="card">
            <div class="card-title">20. Caveat venditor</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Let the seller beware.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a rule that the seller must ensure product quality and disclose faults.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It protects the buyer from bad or unsafe products.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">The shopkeeper replaced the damaged item under caveat venditor principles.</div>
        </div>

        <div class="card">
            <div class="card-title">21. Certiorari</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">To be fully informed.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a court order issued to review and cancel a wrong decision of a lower court.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It stops lower courts from acting outside their legal powers.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">The High Court issued a writ of certiorari to cancel the illegal order.</div>
        </div>

        <div class="card">
            <div class="card-title">22. Contra / Versus</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Against.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It shows opposition between two parties in a court case.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It is written as "v." or "vs." between party names.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">Rahim versus State is a famous case.</div>
        </div>

        <div class="card">
            <div class="card-title">23. Consensus ad idem</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Agreement on the same thing.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It means complete agreement of all parties on the main terms of a contract.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">A contract is invalid without consensus ad idem.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">Both parties agreed on selling the exact same plot of land.</div>
        </div>

        <div class="card">
            <div class="card-title">24. Corpus</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Body or main part.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It refers to the main object, property, or body of a legal matter.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It forms the main physical component of many legal terms.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">The trust fund's principal amount is called its corpus.</div>
        </div>

        <div class="card">
            <div class="card-title">25. Corpus delicti</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Body of the crime.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is the core evidence that proves a crime actually took place.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">A case needs clear proof of loss or harm to proceed.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">The stolen goods serve as corpus delicti in a theft case.</div>
        </div>

        <div class="card">
            <div class="card-title">26. Corrigendum</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Things to be corrected.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a published notice used to correct errors in a legal document.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It fixes printing or clerical mistakes in official papers.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">The government published a corrigendum to fix the date error.</div>
        </div>

        <div class="card">
            <div class="card-title">27. Corpus juris</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Body of law.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a full collection of all laws in a country or system.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It combines all written laws and court decisions into one place.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">Roman legal principles were collected in the Corpus Juris.</div>
        </div>

        <div class="card">
            <div class="card-title">28. Coram non judice</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Not before a judge.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It refers to legal proceedings done before a court that has no legal authority (jurisdiction).</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">Any judgment given by such a court is completely invalid.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">Trying a civil dispute in a criminal court is coram non judice.</div>
        </div>

        <div class="card">
            <div class="card-title">29. Curriculum vitae</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Course of life.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a brief written summary of a person's education and work history.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It is used as a standard document when applying for job positions.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">He attached his curriculum vitae with the job application.</div>
        </div>

        <div class="card">
            <div class="card-title">30. Damnum sine injuria</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Damage without legal injury.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It means facing actual loss without any violation of a legal right.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">You cannot claim compensation in court if no legal right was broken.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">A new shop opened nearby and reduced my profits, but it is damnum sine injuria.</div>
        </div>

        <div class="card">
            <div class="card-title">31. De facto</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">In fact.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It refers to something that exists in reality, whether recognized by law or not.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It describes actual practice rather than formal legal status.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">He is the de facto leader of the organization.</div>
        </div>

        <div class="card">
            <div class="card-title">32. De novo</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Anew or afresh.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It means starting a legal proceeding or trial completely from the beginning.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">Old decisions are canceled, and evidence is heard fresh.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">The court ordered a de novo trial due to procedural mistakes.</div>
        </div>

        <div class="card">
            <div class="card-title">33. De jure</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">By law.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It refers to something that is officially recognized and valid by law.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It represents legal status, even if it is not active in practice.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">She is the de jure owner of the house.</div>
        </div>

        <div class="card">
            <div class="card-title">34. Doli Capax</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Capable of crime.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It means being old enough to understand right from wrong and be responsible for a crime.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It determines if a child can be held legally guilty.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">A 14-year-old child who understands theft is considered doli capax.</div>
        </div>

        <div class="card">
            <div class="card-title">35. Doli incapax</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Incapable of crime.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is the legal rule that young children cannot form criminal intent.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It fully protects young children from criminal punishment.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">A child under 9 years of age is doli incapax under the Penal Code.</div>
        </div>

        <div class="card">
            <div class="card-title">36. Ejusdem generis</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Of the same kind.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a rule that general words following specific words must cover the same class.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It prevents general terms in law from becoming too broad.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">"Dogs, cats, and other animals" means domestic pets only.</div>
        </div>

        <div class="card">
            <div class="card-title">37. Erratum</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">A printing error.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It refers to a small mistake made during the printing of a document or book.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It is corrected using an erratum sheet.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">An erratum slip was added to fix the spelling mistake in the judgment.</div>
        </div>

        <div class="card">
            <div class="card-title">38. Et cetera (etc.)</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">And other things.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is used to list other similar items without writing them all out.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It saves space and avoids repeating similar terms in list format.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">The office needs pens, papers, notebooks, etc.</div>
        </div>

        <div class="card">
            <div class="card-title">39. Ex-officio</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">By virtue of office.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It means holding a position automatically because of holding another primary job.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">No separate appointment process is needed for this role.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">The Prime Minister is the ex-officio chairman of the council.</div>
        </div>

        <div class="card">
            <div class="card-title">40. Ex-parte</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">For one party.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It refers to a court proceeding done for one side without the other side being present.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">It happens when the opposite party fails to appear after getting notice.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">The judge passed an ex-parte order against the absent defendant.</div>
        </div>

        <div class="card">
            <div class="card-title">41. Ex post facto law</div>
            <div class="section-title">Literal Meaning:</div>
            <div class="section-content">Law made after the act.</div>
            <div class="section-title">Legal Definition:</div>
            <div class="section-content">It is a law that makes an action illegal after it was already committed legally.</div>
            <div class="section-title">Key Features:</div>
            <div class="section-content">Most constitutions ban making laws that punish past actions.</div>
            <div class="section-title">Example:</div>
            <div class="section-content">You cannot punish someone today for an action that was legal yesterday.</div>
        </div>

    </div>

    <script>
        function searchTerms() {
            let input = document.getElementById('searchInput').value.toLowerCase();
            let cards = document.getElementsByClassName('card');
            let hasResults = false;

            for (let i = 0; i < cards.length; i++) {
                let text = cards[i].innerText.toLowerCase();
                if (text.includes(input)) {
                    cards[i].style.display = "block";
                    hasResults = true;
                } else {
                    cards[i].style.display = "none";
                }
            }

            let noResults = document.getElementById('noResults');
            if (hasResults) {
                noResults.style.display = "none";
            } else {
                noResults.style.display = "block";
            }
        }
    </script>
</body>
</html>

33,743 chars · codepastes.com