Added list-flags, restructured

aeonic-dev · Apr 20, 2020 · 92d5dec · 92d5dec
1 parent f86558e
commit 92d5dec
Show file tree

Hide file tree

Showing 8 changed files with 290 additions and 313 deletions.
diff --git a/flags.js b/flags.js
diff --git a/get-pixel-array-tool/index.css b/get-pixel-array-tool/index.css
diff --git a/get-pixel-array-tool/index.html b/get-pixel-array-tool/index.html
@@ -1,7 +1,7 @@
 <html>
   <head>
     <title>Pixel Country Picker</title>
-    <link rel="stylesheet" type="text/css" href="index.css" />
+    <link rel="stylesheet" type="text/css" href="../index.css" />
   </head>
   <body>
     <div id="flag"></div>
@@ -20,4 +20,5 @@
     <button id="get_btn" onclick="fn_get();">Get</button>
   </body>
   <script type="text/javascript" src="index.js"></script>
+  <script type="text/javascript" src="../flags.js"></script>
 </html>
diff --git a/index.css b/index.css
@@ -1,4 +1,4 @@
-#flag {
+#flag, .flag {
     width: 300px;
     height: 180px;
     border: 2px solid black;
@@ -53,4 +53,4 @@
 }
 #black {
     background: black!important;
-}
+}
diff --git a/index.html b/index.html
@@ -22,4 +22,5 @@
     <p>Selected country: <span id="selected">none</span></p>
   </body>
   <script type="text/javascript" src="index.js"></script>
+  <script type="text/javascript" src="flags.js"></script>
 </html>
diff --git a/index.js b/index.js
diff --git a/list-flags/index.html b/list-flags/index.html
@@ -0,0 +1,12 @@
+<html>
+  <head>
+    <title>Pixel Country Picker</title>
+    <link rel="shortcut icon" href="../images/favicon.jpg" />
+    <link rel="stylesheet" type="text/css" href="../index.css" />
+  </head>
+  <body>
+    <div class="flags"></div>
+  </body>
+  <script type="text/javascript" src="../flags.js"></script>
+  <script type="text/javascript" src="index.js"></script>
+</html>
diff --git a/list-flags/index.js b/list-flags/index.js
@@ -0,0 +1,19 @@
+x = 15;
+y = 9;
+fi = -1;
+flagNodes = document.querySelector('.flags');
+for (i = 0; i < flags.length - 1; i++) {
+  flagNodes.appendChild(document.createElement('div')).classList.add('flag');
+  flagNodes.appendChild(document.createElement('p')).innerHTML=flagnames[i];
+  flagNodes.appendChild(document.createElement('br'));
+}
+let divs = document.querySelectorAll('.flag');
+divs.forEach(n=>{
+  fi ++;
+  for (i = 0; i < x * y; i++) {
+    s=n.appendChild(document.createElement("span"));
+    s.classList.add("pixel");
+    s.style.background=flags[fi][i];
+  }
+
+});