documentation technical

technology software

corporate

English

_ga_9LZGY0J38Z

The domain name 'flagicons.lipis.dev' uses the developer-focused generic top-level domain (.dev), featuring subdomain 'flagicons'. Its registrable label 'lipis' stretches across 5 characters split between two vowels and 3 consonants. Segmentation suggests 2 words: lip, is. Median word length is 2.5 characters. No strong language cues emerged from the frequency lists.

html/06/a6/06a63c5d-5122-4340-b635-6efad9e0923b.html.gz

script-src 'none'; form-action 'none'; frame-src 'none'; report-uri https://csp.withgoogle.com/csp/scaffolding/ascnsrsggc:112:0

5e8254d2aadbbc8a390f10ca1349bb4c49dc70507c18b5fa551c658296fb8d2f

e5fe95e8c12f7130155b97748eb7abb99ba8346beac868120320d71c5095a561

709c53fe7326cb432ecc5e9def7f3fe8a086be7df41ca229900f998948fc2dfb

viewport

A curated collection of all country flags in SVG

https://flagicons.lipis.dev/assets/og.png

html/06/a6/06a63c5d-5122-4340-b635-6efad9e0923b_nodriver.html.gz

flag-icons: Free Country Flags in SVG

GANDI SAS

Gandi SAS

lipis.dev

ORG-GI58-RIPE

GitHub, Inc.

ORG-NCC1-RIPE

US-GITHUB-20170413


      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());
      gtag("config", "G-9LZGY0J38Z");
    

// Utility functions
 const loadJSON = (path) => {
 return fetch(path)
 .then((response) => response.json())
 .catch((error) => console.error("Error loading JSON:", error));
 };

 // DOM elements
 const isoFlagsGrid = document.getElementById("iso-flags");
 const nonIsoFlagsGrid = document.getElementById("non-iso-flags");
 const searchInput = document.getElementById("search-flag");
 const format4x3Btn = document.getElementById("format-4x3");
 const format1x1Btn = document.getElementById("format-1x1");
 const copyTooltip = document.getElementById("copy-tooltip");
 const installTabs = document.querySelectorAll(".install-tab");
 const installCommand = document.getElementById("install-command");
 const copyBtn = document.querySelector(".copy-btn");
 const usageBtn = document.querySelector(".usage-btn");
 const usageModal = document.getElementById("usage-modal");
 const modalClose = document.querySelector(".modal-close");
 const filterBtn = document.querySelector(".filter-btn");
 const filterDropdown = document.querySelector(".filter-dropdown");
 const filterOptions = document.querySelectorAll(".filter-option");
 const codeBlockCopyBtns = document.querySelectorAll(".code-copy-btn");

 // State
 let currentFormat = "4x3";
 let allFlags = [];
 let tooltipTimeout;
 let currentFilter = "all";
 let installCommands = {
 npm: "npm install flag-icons",
 yarn: "yarn add flag-icons",
 };
 // Create flag card element
 const createFlagCard = (country) => {
 const card = document.createElement("div");
 card.classList.add("flag-card");
 card.dataset.code = country.code;
 card.dataset.continent = country.continent || "non-iso";

 const imgContainer = document.createElement("div");
 imgContainer.classList.add("flag-img-container");

 const imgSquareContainer = document.createElement("div");
 imgSquareContainer.classList.add(
 "flag-img-container",
 "flag-img-square",
 );
 imgSquareContainer.style.display = "none";

 const img4x3 = document.createElement("img");
 img4x3.src = country.flag_4x3;
 img4x3.alt = `Flag of ${country.name}`;
 img4x3.loading = "lazy"; // Lazy loading for performance

 const img1x1 = document.createElement("img");
 img1x1.src = country.flag_1x1;
 img1x1.alt = `Flag of ${country.name}`;
 img1x1.loading = "lazy";

 const info = document.createElement("div");
 info.classList.add("flag-info");

 const code = document.createElement("div");
 code.classList.add("flag-code");
 code.textContent = country.code;

 const name = document.createElement("div");
 name.classList.add("flag-name");
 name.textContent = country.name;
 name.title = country.name;

 imgContainer.appendChild(img4x3);
 imgSquareContainer.appendChild(img1x1);
 info.appendChild(code);
 info.appendChild(name);

 card.appendChild(imgContainer);
 card.appendChild(imgSquareContainer);
 card.appendChild(info);

 // Add click event to copy the flag code
 card.addEventListener("click", () => {
 const format = currentFormat === "4x3" ? "" : " fis";
 const htmlCode = ``;

 navigator.clipboard
 .writeText(htmlCode)
 .then(() => showCopyTooltip())
 .catch((err) => console.error("Could not copy text: ", err));
 });

 return card;
 };

 // Show tooltip when copying
 const showCopyTooltip = () => {
 clearTimeout(tooltipTimeout);
 copyTooltip.style.opacity = "1";

 tooltipTimeout = setTimeout(() => {
 copyTooltip.style.opacity = "0";
 }, 2000);
 };

 const setupCopyButtons = () => {
 document.getElementById("copy-standard-code").dataset.code =
 ` United States`;
 document.getElementById("copy-square-code").dataset.code =
 ` United States`;
 };

 // Filter flags based on search input and continent
 const filterFlags = () => {
 const searchTerm = searchInput.value.toLowerCase();

 allFlags.forEach((flag) => {
 const isSearchMatch =
 flag.country.name.toLowerCase().includes(searchTerm) ||
 flag.country.code.toLowerCase().includes(searchTerm);

 const isFilterMatch =
 currentFilter === "all" ||
 (currentFilter === "non-iso" && !flag.country.iso) ||
 flag.country.continent === currentFilter;

 flag.element.style.display =
 isSearchMatch && isFilterMatch ? "" : "none";
 });
 };

 // Switch between 4:3 and 1:1 formats
 const switchFormat = (format) => {
 currentFormat = format;

 if (format === "4x3") {
 format4x3Btn.classList.add("active");
 format1x1Btn.classList.remove("active");

 document
 .querySelectorAll(".flag-img-container:not(.flag-img-square)")
 .forEach((el) => {
 el.style.display = "block";
 });

 document.querySelectorAll(".flag-img-square").forEach((el) => {
 el.style.display = "none";
 });

 // Google Analytics tracking
 if (typeof gtag !== "undefined") {
 gtag("event", "switch", {
 event_category: "flags",
 event_label: "4x3",
 });
 }
 } else {
 format1x1Btn.classList.add("active");
 format4x3Btn.classList.remove("active");

 document
 .querySelectorAll(".flag-img-container:not(.flag-img-square)")
 .forEach((el) => {
 el.style.display = "none";
 });

 document.querySelectorAll(".flag-img-square").forEach((el) => {
 el.style.display = "block";
 });

 // Google Analytics tracking
 if (typeof gtag !== "undefined") {
 gtag("event", "switch", {
 event_category: "flags",
 event_label: "1x1",
 });
 }
 }
 };

 // Switch installation command
 const switchInstallCommand = (type) => {
 installCommand.textContent = installCommands[type];
 copyBtn.dataset.copy = installCommands[type];

 installTabs.forEach((tab) => {
 if (tab.dataset.tab === type) {
 tab.classList.add("active");
 } else {
 tab.classList.remove("active");
 }
 });
 };

 // Toggle filter dropdown
 const toggleFilterDropdown = () => {
 filterDropdown.classList.toggle("active");
 };

 // Close filter dropdown when clicking outside
 document.addEventListener("click", (e) => {
 if (!filterDropdown.contains(e.target)) {
 filterDropdown.classList.remove("active");
 }
 });

 // Copy code from code blocks
 const copyCode = (btn) => {
 const code = btn.dataset.code;
 navigator.clipboard
 .writeText(code)
 .then(() => {
 // Visual feedback
 const originalText = btn.innerHTML;
 btn.innerHTML = ' Copied!';

 setTimeout(() => {
 btn.innerHTML = originalText;
 }, 2000);
 })
 .catch((err) => console.error("Could not copy text: ", err));
 };

 // Initialize the application
 const init = async () => {
 try {
 const countries = await loadJSON("country.json");

 // Sort countries by name
 countries.sort((a, b) => a.name.localeCompare(b.name));

 // Create flag cards
 countries.forEach((country) => {
 const card = createFlagCard(country);

 if (country.iso) {
 isoFlagsGrid.appendChild(card);
 } else {
 nonIsoFlagsGrid.appendChild(card);
 }

 allFlags.push({
 country,
 element: card,
 });
 });

 setupCopyButtons();

 // Set up event listeners
 searchInput.addEventListener("input", filterFlags);

 format4x3Btn.addEventListener("click", () => switchFormat("4x3"));
 format1x1Btn.addEventListener("click", () => switchFormat("1x1"));

 // Installation tab switching
 installTabs.forEach((tab) => {
 tab.addEventListener("click", () => {
 switchInstallCommand(tab.dataset.tab);
 });
 });

 // Copy npm/yarn command
 copyBtn.addEventListener("click", (e) => {
 const textToCopy = e.currentTarget.dataset.copy;
 navigator.clipboard
 .writeText(textToCopy)
 .then(() => showCopyTooltip())
 .catch((err) => console.error("Could not copy text: ", err));
 });

 // Usage modal
 usageBtn.addEventListener("click", () => {
 usageModal.classList.add("active");
 });

 modalClose.addEventListener("click", () => {
 usageModal.classList.remove("active");
 });

 usageModal.addEventListener("click", (e) => {
 if (e.target === usageModal) {
 usageModal.classList.remove("active");
 }
 });

 // Filter dropdown
 filterBtn.addEventListener("click", toggleFilterDropdown);

 filterOptions.forEach((option) => {
 option.addEventListener("click", () => {
 currentFilter = option.dataset.filter;
 filterBtn.textContent = option.textContent + " ";

 const icon = document.createElement("i");
 icon.className = "bi bi-chevron-down";
 filterBtn.appendChild(icon);

 filterOptions.forEach((opt) => {
 opt.classList.toggle("active", opt === option);
 });

 filterFlags();
 toggleFilterDropdown();
 });
 });

 // Code block copy buttons
 codeBlockCopyBtns.forEach((btn) => {
 btn.addEventListener("click", () => copyCode(btn));
 });
 } catch (error) {
 console.error("Error initializing the application:", error);
 }
 };

 // Start the application when the DOM is ready
 document.addEventListener("DOMContentLoaded", init);

Requests	IP Address	Location	AS Autonomous System
20	185.199.109.153	United States	AS54113FASTLY
18	142.250.185.72	United States	AS15169GOOGLE
18	104.16.175.226	United States	AS13335CLOUDFLARENET
56	3	-	-

Security Scan Report: flagicons.lipis.dev

Summary

AI Security Verdict

Safe Website

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies5

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History