adding favicon

robbobfrh84 · Sep 8, 2023 · e78db82 · e78db82
1 parent 8d949d8
commit e78db82
Show file tree

Hide file tree

Showing 14 changed files with 41 additions and 26 deletions.
diff --git a/assets/favicon_io/android-chrome-192x192.png b/assets/favicon_io/android-chrome-192x192.png
diff --git a/assets/favicon_io/android-chrome-512x512.png b/assets/favicon_io/android-chrome-512x512.png
diff --git a/assets/favicon_io/apple-touch-icon.png b/assets/favicon_io/apple-touch-icon.png
diff --git a/assets/favicon_io/favicon-16x16.png b/assets/favicon_io/favicon-16x16.png
diff --git a/assets/favicon_io/favicon-32x32.png b/assets/favicon_io/favicon-32x32.png
diff --git a/assets/favicon_io/favicon.ico b/assets/favicon_io/favicon.ico
diff --git a/assets/favicon_io/site.webmanifest b/assets/favicon_io/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
diff --git a/assets/icon_dark.svg b/assets/icon_dark.svg
diff --git a/assets/icon_light.svg b/assets/icon_light.svg
diff --git a/assets/light-grain2.png b/assets/light-grain2.png
diff --git a/assets/light-grain3.png b/assets/light-grain3.png
diff --git a/css/vars.css b/css/vars.css
@@ -7,8 +7,8 @@
  --hoverFade: 0.25s;
 
  /* Colors */
- --light: #FAF9F9; 
- --dark: #1C1814; 
+ --light: #FAF9F9; /* rgb(250,249,249) */
+ --dark: #1C1814;  /* rgb(28,24,20) */
  --themeA: var(--light);
  --themeB: var(--dark);
  --light-bg: url('../assets/light-grain.png'); /* https://bg.siteorigin.com/?color=%23FAF9F9&pattern=beige_paper&blend=3&intensity=13&noise=0&invert=0&2x=0 */

diff --git a/index.html b/index.html
@@ -1,9 +1,12 @@
 <!DOCTYPE html><html lang='en'>
 <title>Color A.I.</title>
-<link rel='icon' href='assets/icon_light.svg'> 
+<link rel='icon' href='assets/favicon_io/favicon-32x32.png'> 
 <head>
  <meta charset='UTF-8'><meta http-equiv='X-UA-Compatible' content='ie=edge'>
- <!-- <meta name="viewport" content="width=768, maximum-scale=1.0" /> -->
+ <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon_io/apple-touch-icon.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon_io/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon_io/favicon-16x16.png">
+ <link rel="manifest" href="assets/favicon_io/site.webmanifest">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <link rel='stylesheet' href='css/vars.css'>
  <link rel='stylesheet' href='css/base_levels.css'>

diff --git a/js/colorsResults.js b/js/colorsResults.js
@@ -103,9 +103,22 @@ function buildHTML(c){
  colorElm.style.backgroundColor = c.rgb || ''
  if (!c.rgb && c.name === "transparent") {
  const resultColorTransparent = getComputedStyle(document.documentElement).getPropertyValue('--resultColorTransparent')
- colorElm.style.backgroundImage =resultColorTransparent
+ colorElm.style.backgroundImage = resultColorTransparent
  } 
 
+ //
+ //
+ colorElm.addEventListener('click',()=>{
+ console.log('c:',c)
+ window["historical_"+_historyCnt].style.height = '1.5rem'
+ window["historical_"+_historyCnt].style.color = 'var(--themeB)'
+ window['historical_'+_historyCnt].style.paddingBottom = '1rem'
+
+ window["historical_"+_historyCnt].innerHTML = c.name + "--" + c.hex
+ })
+ //
+ //
+
  containerElm.appendChild(colorElm)
  window["colorsResult_"+_historyCnt].appendChild(containerElm)
 }