Polar display

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:media="http://search.yahoo.com/mrss/"
	
	>

<channel>
	<title>Polar display</title>
	<link>https://polar-display.info</link>
	<description>Polar display</description>
	<pubDate>Mon, 24 Jul 2023 11:43:13 +0000</pubDate>
	<generator>https://polar-display.info</generator>
	<language>en</language>
	
		
	<item>
		<title>Top</title>
				
		<link>https://polar-display.info/Top</link>

		<pubDate>Mon, 24 Jul 2023 11:43:13 +0000</pubDate>

		<dc:creator>Polar display</dc:creator>

		<guid isPermaLink="true">https://polar-display.info/Top</guid>

		<description>
.warning	{
    position: fixed;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
	}
.warning-text	{
/*	color: red; */
    background-color: yellow;
    padding: 20px;
    }
.colrv1 {
	margin: 2rem;
    padding: 15px 20px 20px;
            }

    
.chromacheck-colrv1 .colrv1 warning {
	display: none;
	}
    

        		Unfortunately, COLRv1 fonts are not yet supported by this browser. Please open the page in a recent version of Chrome, Firefox, Opera or Edge.You can also check out this complete list of browsers which support COLRv1.
            
        
        /**
 * ChromaCheck 1.16
 * @author Roel Nieskens, https://pixelambacht.nl
 * MIT license
 */
!function(){var A,g=document.documentElement,B="chromacheck-",a=20;function t(){if(e.drawImage(o,0,0),0===e.getImageData(10,110,1,1).data[1])return clearInterval(A),function(){var A={};for(var a in A.cbdt=100===e.getImageData(10,10,1,1).data[0],A.colr=200===e.getImageData(10,30,1,1).data[0],A.sbix=150===e.getImageData(10,50,1,1).data[0],A.svg=50===e.getImageData(10,70,1,1).data[0],A.colrv1=250===e.getImageData(10,90,1,1).data[0],A)A.hasOwnProperty(a)&#38;&#38;(g.className+=A[a]?" "+B+a:"")}(),!0;--a</description>
		
	</item>
		
		
	<item>
		<title>POLAR</title>
				
		<link>https://polar-display.info/POLAR</link>

		<pubDate>Fri, 28 Apr 2023 14:10:40 +0000</pubDate>

		<dc:creator>Polar display</dc:creator>

		<guid isPermaLink="true">https://polar-display.info/POLAR</guid>

		<description>
/* POLAR */
@font-face {
  src: url("https://files.cargocollective.com/c1836548/PolarBlack-VF.otf") format("opentype-variations");
  font-family: "Polar-Black";
  font-style: normal;
}
/* POLAR NIGHT */
@font-face {
  src: url("https://files.cargocollective.com/c1836548/PolarWhite-VF.otf") format("opentype-variations");
  font-family: "Polar-White";
  font-style: normal;
}


POLAR DISPLAY POLAR  BlackWhite  SizeWeight             See more› 
North South POLAR  BlackWhite  SizeWeight             See more› 
Polar night is a phenomenon in the northernmost and southernmost regions of Earth where night lasts for more than 24 hours. POLAR  BlackWhite  SizeWeight             See more› 
81°18'N 110°48'W POLAR  BlackWhite  SizeWeight             See more› 


// global tester creation

function createTester(id, data) {
  var fontSize;
  var fontWeight;

  // Initialize font weight
  if (data.fontWeight) {
    fontWeight = data.font-variation-settings;
  } else {
    var fontWeight = 900; 
  }

  // Initialize fontSize
  if (data.fontSize) {
    fontSize = data.fontSize;
  } else {
    var fontSize = 70; 
  }
  
  // Get html
  var el = document.getElementById(id);
  el.innerHTML = ' The quick brown fox jumps over the lazy dog  Polar     SizeWeight             See more› ';  
  
  var previewEl = el.querySelector('.preview');
  var fontStyleSelect = el.querySelector('.control__font-style-select');

  // get fontSize input
  var fontSizeInput = el.querySelector('.control__font-size input');
  // get fontWeight input
  var fontWeightInput = el.querySelector('.control__font-weight input');
  
  el.style.color = data.color;
  previewEl.innerHTML = data.specimen;
  previewEl.style.fontSize = fontSize + 'px';
  el.querySelector('.control__font-family').innerHTML = data.family;
  
  // Create dropdown 
  var options_str = "";
  data.fonts.forEach(function(font) {
    if (font.isSelected) {
      options_str += '' + font.displayName + '';
      previewEl.style.fontFamily = font.fontCSSName;
    } else {
      options_str += '' + font.displayName + '';
    }
  });
  fontStyleSelect.innerHTML = options_str;
  
  fontStyleSelect.addEventListener('input', function (event) {
    previewEl.style.fontFamily = this.value;
  });
  
  fontSizeInput.value = fontSize;
  fontWeightInput.value = fontWeight;
  
  // get fontSize input from slider
  fontSizeInput.addEventListener('input', function (event) {
    fontSize = this.value;
    previewEl.style.fontSize = fontSize + 'px';
  });

   // get fontWeight input from slider
   fontWeightInput.addEventListener('input', function (event) {
    fontWeight = this.value;
    console.log("font weight: ", fontWeight);
    previewEl.style["font-variation-settings"] = `"wght" ${fontWeight}`;
  });
  
  if (data.link) {
    el.querySelector('.control__link').setAttribute('href', data.link);
  } else {
    el.querySelector('.control__link').style.display = "none";
  }
  el.classList.add('loaded');
}


  // Polar white on cool blue tester

var polarWhitew = {
  // color of the tester
  "color": "#F5F5F5",
  // Weight settings
  "font-weight": "900",
  // family name, appeared at lower left corner
  "family": "POLAR",
  // specimen text string
  "specimen": "POLAR DISPLAY",
  // default font size, default to 70
  "fontSize": 180,
  // fonts included in this family, appeared in the dropdown menu
  "fonts": [
    {
      "displayName": "Black",
      "fontCSSName": "Polar-Black",
      "isSelected": true,
    },
    {
      "displayName": "White",
      "fontCSSName": "Polar-White",
    },

  ]
}
createTester("polar-whitew-tester", polarWhitew);

  // tester 2

var polarWhite2 = {
  // color of the tester
  "color": "#1b1b1b",
  // Weight settings
  "font-weight": "900",
  // family name, appeared at lower left corner
  "family": "POLAR",
  // specimen text string
  "specimen": "North South",
  // default font size, default to 70
  "fontSize": 300,
  // fonts included in this family, appeared in the dropdown menu
  "fonts": [
    {
      "displayName": "Black",
      "fontCSSName": "Polar-Black",
    },
    {
      "displayName": "White",
      "fontCSSName": "Polar-White",
      "isSelected": true,
    },

  ]
}
createTester("polar-white2-tester", polarWhite2);

  // tester 3

var polarBlack = {
  // color of the tester
  "color": "#000080",
  // Weight settings
  "font-weight": "400",
  // family name, appeared at lower left corner
  "family": "POLAR",
  // specimen text string
  "specimen": "Polar night is a phenomenon in the northernmost and southernmost regions of Earth where night lasts for more than 24 hours.",
  // default font size, default to 70
  "fontSize": 70,
  // fonts included in this family, appeared in the dropdown menu
  "fonts": [
    {
      "displayName": "Black",
      "fontCSSName": "Polar-Black",
      "isSelected": true,
    },
    {
      "displayName": "White",
      "fontCSSName": "Polar-White",
    },

  ]
}
createTester("polar-black-tester", polarBlack);

  // tester 4

var polarWhite = {
  // color of the tester
  "color": "#708090",
  // Weight settings
  "font-weight": "900",
  // family name, appeared at lower left corner
  "family": "POLAR",
  // specimen text string
  "specimen": "81°18'N 110°48'W",
  // default font size, default to 70
  "fontSize": 180,
  // fonts included in this family, appeared in the dropdown menu
  "fonts": [
    {
      "displayName": "Black",
      "fontCSSName": "Polar-Black",
    },
    {
      "displayName": "White",
      "fontCSSName": "Polar-White",
      "isSelected": true,
    },

  ]
}
createTester("polar-white-tester", polarWhite);


</description>
		
	</item>
		
		
	<item>
		<title>CHROME</title>
				
		<link>https://polar-display.info/CHROME</link>

		<pubDate>Mon, 01 May 2023 17:56:07 +0000</pubDate>

		<dc:creator>Polar display</dc:creator>

		<guid isPermaLink="true">https://polar-display.info/CHROME</guid>

		<description>
/* POLAR Chrome */
@font-face {
  src: url("https://files.cargocollective.com/c1836548/PolarChrome1-VF.otf") format("opentype-variations");
  font-family: "Polar-Chrome1";
  font-style: normal;
}
@font-face {
  src: url("https://files.cargocollective.com/c1836548/PolarChrome2-VF.otf") format("opentype-variations");
  font-family: "Polar-Chrome2";
  font-style: normal;
}
@font-face {
  src: url("https://files.cargocollective.com/c1836548/PolarChrome3-VF.otf") format("opentype-variations");
  font-family: "Polar-Chrome3";
  font-style: normal;
}


POLAR CHROME POLAR CHROME  123  SizeWeight             See more› 
Silver is the most reflective across the visible spectrum, reflecting 95 percent of light POLAR CHROME  123  SizeWeight             See more› 
Blue steel POLAR CHROME  123  SizeWeight             See more› 


// global tester creation

function createTester(id, data) {
  var fontSize;
  var fontWeight;

  // Initialize font weight
  if (data.fontWeight) {
    fontWeight = data.font-variation-settings;
  } else {
    var fontWeight = 900; 
  }

  // Initialize fontSize
  if (data.fontSize) {
    fontSize = data.fontSize;
  } else {
    var fontSize = 70; 
  }
  
  // Get html
  var el = document.getElementById(id);
  el.innerHTML = ' The quick brown fox jumps over the lazy dog  Polar     SizeWeight             See more› ';  
  
  var previewEl = el.querySelector('.preview');
  var fontStyleSelect = el.querySelector('.control__font-style-select');

  // get fontSize input
  var fontSizeInput = el.querySelector('.control__font-size input');
  // get fontWeight input
  var fontWeightInput = el.querySelector('.control__font-weight input');
  
  el.style.color = data.color;
  previewEl.innerHTML = data.specimen;
  previewEl.style.fontSize = fontSize + 'px';
  el.querySelector('.control__font-family').innerHTML = data.family;
  
  // Create dropdown 
  var options_str = "";
  data.fonts.forEach(function(font) {
    if (font.isSelected) {
      options_str += '' + font.displayName + '';
      previewEl.style.fontFamily = font.fontCSSName;
    } else {
      options_str += '' + font.displayName + '';
    }
  });
  fontStyleSelect.innerHTML = options_str;
  
  fontStyleSelect.addEventListener('input', function (event) {
    previewEl.style.fontFamily = this.value;
  });
  
  fontSizeInput.value = fontSize;
  fontWeightInput.value = fontWeight;
  
  // get fontSize input from slider
  fontSizeInput.addEventListener('input', function (event) {
    fontSize = this.value;
    previewEl.style.fontSize = fontSize + 'px';
  });

   // get fontWeight input from slider
   fontWeightInput.addEventListener('input', function (event) {
    fontWeight = this.value;
    console.log("font weight: ", fontWeight);
    previewEl.style["font-variation-settings"] = `"wght" ${fontWeight}`;
  });
  
  if (data.link) {
    el.querySelector('.control__link').setAttribute('href', data.link);
  } else {
    el.querySelector('.control__link').style.display = "none";
  }
  el.classList.add('loaded');
}


  // Polar Chrome tester

var polarChrome1 = {
  // color of the tester
  "color": "#000000",
  // Weight settings
  "font-weight": "400",
  // family name, appeared at lower left corner
  "family": "POLAR CHROME",
  // specimen text string
  "specimen": "POLAR CHROME",
  // default font size, default to 70
  "fontSize": 240,
  // fonts included in this family, appeared in the dropdown menu
  "fonts": [
    {
      "displayName": "1",
      "fontCSSName": "Polar-Chrome1",
      "isSelected": true,
    },
    {
      "displayName": "2",
      "fontCSSName": "Polar-Chrome2",
    },
        {
      "displayName": "3",
      "fontCSSName": "Polar-Chrome3",
    },


  ]
}
createTester("polar-chrome1-tester", polarChrome1);

  // Polar chrome2 tester

var polarChrome2 = {
  // color of the tester
  "color": "#ffffff",
  // Weight settings
  "font-weight": "400",
  // family name, appeared at lower left corner
  "family": "POLAR CHROME",
  // specimen text string
  "specimen": "Silver is the most reflective across the visible spectrum, reflecting 95 percent of light",
  // default font size, default to 70
  "fontSize": 100,
  // fonts included in this family, appeared in the dropdown menu
  "fonts": [
    {
      "displayName": "1",
      "fontCSSName": "Polar-Chrome1",
    },
    {
      "displayName": "2",
      "fontCSSName": "Polar-Chrome2",
      "isSelected": true,
    },
        {
      "displayName": "3",
      "fontCSSName": "Polar-Chrome3",
    },


  ]
}
createTester("polar-chrome2-tester", polarChrome2);

  // Polar chrome3 tester

var polarChrome3 = {
  // color of the tester
  "color": "#000000",
  // Weight settings
  "font-weight": "400",
  // family name, appeared at lower left corner
  "family": "POLAR CHROME",
  // specimen text string
  "specimen": "Blue steel",
  // default font size, default to 70
  "fontSize": 280,
  // fonts included in this family, appeared in the dropdown menu
  "fonts": [
    {
      "displayName": "1",
      "fontCSSName": "Polar-Chrome1",
    },
    {
      "displayName": "2",
      "fontCSSName": "Polar-Chrome2",
    },
        {
      "displayName": "3",
      "fontCSSName": "Polar-Chrome3",
      "isSelected": true,
    },


  ]
}
createTester("polar-chrome3-tester", polarChrome3);

</description>
		
	</item>
		
		
	<item>
		<title>GLOW</title>
				
		<link>https://polar-display.info/GLOW</link>

		<pubDate>Mon, 01 May 2023 14:54:36 +0000</pubDate>

		<dc:creator>Polar display</dc:creator>

		<guid isPermaLink="true">https://polar-display.info/GLOW</guid>

		<description>
/* POLAR GLOW */
@font-face {
  src: url("https://files.cargocollective.com/c1836548/PolarGlow1-VF.otf") format("opentype-variations");
  font-family: "Polar-Glow1";
  font-style: normal;
}
@font-face {
  src: url("https://files.cargocollective.com/c1836548/PolarGlow2-VF.otf") format("opentype-variations");
  font-family: "Polar-Glow2";
  font-style: normal;
}
@font-face {
  src: url("https://files.cargocollective.com/c1836548/PolarGlow3-VF.otf") format("opentype-variations");
  font-family: "Polar-Glow3";
  font-style: normal;
}
@font-face {
  src: url("https://files.cargocollective.com/c1836548/PolarGlow4-VF.otf") format("opentype-variations");
  font-family: "Polar-Glow4";
  font-style: normal;
}


POLAR GLOW POLAR GLOW  1234  SizeWeight             See more› 
Halation (noun): the spreading of light beyond its proper boundaries to form a fog round the edges of a bright image in a photograph or on a television screen. POLAR GLOW  1234  SizeWeight             See more› 
Glow in the dark POLAR GLOW  1234  SizeWeight             See more› 
Playing Nintendo on a cathode ray tube television POLAR GLOW  1234  SizeWeight             See more› 


// global tester creation

function createTester(id, data) {
  var fontSize;
  var fontWeight;

  // Initialize font weight
  if (data.fontWeight) {
    fontWeight = data.font-variation-settings;
  } else {
    var fontWeight = 900; 
  }

  // Initialize fontSize
  if (data.fontSize) {
    fontSize = data.fontSize;
  } else {
    var fontSize = 70; 
  }
  
  // Get html
  var el = document.getElementById(id);
  el.innerHTML = ' The quick brown fox jumps over the lazy dog  Polar     SizeWeight             See more› ';  
  
  var previewEl = el.querySelector('.preview');
  var fontStyleSelect = el.querySelector('.control__font-style-select');

  // get fontSize input
  var fontSizeInput = el.querySelector('.control__font-size input');
  // get fontWeight input
  var fontWeightInput = el.querySelector('.control__font-weight input');
  
  el.style.color = data.color;
  previewEl.innerHTML = data.specimen;
  previewEl.style.fontSize = fontSize + 'px';
  el.querySelector('.control__font-family').innerHTML = data.family;
  
  // Create dropdown 
  var options_str = "";
  data.fonts.forEach(function(font) {
    if (font.isSelected) {
      options_str += '' + font.displayName + '';
      previewEl.style.fontFamily = font.fontCSSName;
    } else {
      options_str += '' + font.displayName + '';
    }
  });
  fontStyleSelect.innerHTML = options_str;
  
  fontStyleSelect.addEventListener('input', function (event) {
    previewEl.style.fontFamily = this.value;
  });
  
  fontSizeInput.value = fontSize;
  fontWeightInput.value = fontWeight;
  
  // get fontSize input from slider
  fontSizeInput.addEventListener('input', function (event) {
    fontSize = this.value;
    previewEl.style.fontSize = fontSize + 'px';
  });

   // get fontWeight input from slider
   fontWeightInput.addEventListener('input', function (event) {
    fontWeight = this.value;
    console.log("font weight: ", fontWeight);
    previewEl.style["font-variation-settings"] = `"wght" ${fontWeight}`;
  });
  
  if (data.link) {
    el.querySelector('.control__link').setAttribute('href', data.link);
  } else {
    el.querySelector('.control__link').style.display = "none";
  }
  el.classList.add('loaded');
}


  // Polar Glow1 tester

var polarGlow1 = {
  // color of the tester
  "color": "#8B0000",
  // Weight settings
  "font-weight": "400",
  // family name, appeared at lower left corner
  "family": "POLAR GLOW",
  // specimen text string
  "specimen": "POLAR GLOW",
  // default font size, default to 70
  "fontSize": 300,
  // fonts included in this family, appeared in the dropdown menu
  "fonts": [
    {
      "displayName": "1",
      "fontCSSName": "Polar-Glow4",
      "isSelected": true,
    },
    {
      "displayName": "2",
      "fontCSSName": "Polar-Glow1",
    },
        {
      "displayName": "3",
      "fontCSSName": "Polar-Glow2",
    },
    {
      "displayName": "4",
      "fontCSSName": "Polar-Glow3",
    },

  ]
}
createTester("polar-glow1-tester", polarGlow1);

  // Polar Glow2 tester

var polarGlow2 = {
  // color of the tester
  "color": "#000000",
  // Weight settings
  "font-weight": "400",
  // family name, appeared at lower left corner
  "family": "POLAR GLOW",
  // specimen text string
  "specimen": "Halation (noun): the spreading of light beyond its proper boundaries to form a fog round the edges of a bright image in a photograph or on a television screen.",
  // default font size, default to 70
  "fontSize": 80,
  // fonts included in this family, appeared in the dropdown menu
  "fonts": [
    {
      "displayName": "1",
      "fontCSSName": "Polar-Glow4",
    },
    {
      "displayName": "2",
      "fontCSSName": "Polar-Glow1",
      "isSelected": true,
    },
        {
      "displayName": "3",
      "fontCSSName": "Polar-Glow2",
    },
    {
      "displayName": "4",
      "fontCSSName": "Polar-Glow3",
    },

  ]
}
createTester("polar-glow2-tester", polarGlow2);

  // Polar Glow3 tester

var polarGlow3 = {
  // color of the tester
  "color": "#3f3f4a",
  // Weight settings
  "font-weight": "400",
  // family name, appeared at lower left corner
  "family": "POLAR GLOW",
  // specimen text string
  "specimen": "Glow in the dark",
  // default font size, default to 70
  "fontSize": 190,
  // fonts included in this family, appeared in the dropdown menu
  "fonts": [
    {
      "displayName": "1",
      "fontCSSName": "Polar-Glow4",
    },
    {
      "displayName": "2",
      "fontCSSName": "Polar-Glow1",
    },
        {
      "displayName": "3",
      "fontCSSName": "Polar-Glow2",
      "isSelected": true,
    },
    {
      "displayName": "4",
      "fontCSSName": "Polar-Glow3",
    },

  ]
}
createTester("polar-glow3-tester", polarGlow3);

  // Polar Glow4 tester

var polarGlow4 = {
  // color of the tester
  "color": "#8B0000",
  // Weight settings
  "font-weight": "400",
  // family name, appeared at lower left corner
  "family": "POLAR GLOW",
  // specimen text string
  "specimen": "Playing Nintendo on a cathode ray tube television",
  // default font size, default to 70
  "fontSize": 90,
  // fonts included in this family, appeared in the dropdown menu
  "fonts": [
    {
      "displayName": "1",
      "fontCSSName": "Polar-Glow4",
    },
    {
      "displayName": "2",
      "fontCSSName": "Polar-Glow1",
    },
        {
      "displayName": "3",
      "fontCSSName": "Polar-Glow2",
    },
    {
      "displayName": "4",
      "fontCSSName": "Polar-Glow3",
      "isSelected": true,
    },

  ]
}
createTester("polar-glow4-tester", polarGlow4);

</description>
		
	</item>
		
		
	<item>
		<title>ULTRA</title>
				
		<link>https://polar-display.info/ULTRA</link>

		<pubDate>Sun, 30 Apr 2023 23:48:28 +0000</pubDate>

		<dc:creator>Polar display</dc:creator>

		<guid isPermaLink="true">https://polar-display.info/ULTRA</guid>

		<description>
/* POLAR ULTRA */
@font-face {
  src: url("https://files.cargocollective.com/c1836548/PolarUltra1-VF.otf") format("opentype-variations");
  font-family: "Polar-Ultra1";
  font-style: normal;
}
@font-face {
  src: url("https://files.cargocollective.com/c1836548/PolarUltra2-VF.otf") format("opentype-variations");
  font-family: "Polar-Ultra2";
  font-style: normal;
}
@font-face {
  src: url("https://files.cargocollective.com/c1836548/PolarUltra3-VF.otf") format("opentype-variations");
  font-family: "Polar-Ultra3";
  font-style: normal;
}
@font-face {
  src: url("https://files.cargocollective.com/c1836548/PolarUltra4-VF.otf") format("opentype-variations");
  font-family: "Polar-Ultra4";
  font-style: normal;
}


POLAR ULTRA POLAR ULTRA  1234  SizeWeight             See more› 
Ultraviolet (UV) is a form of electromagnetic radiation with wavelength shorter than that of visible light, but longer than X-rays POLAR ULTRA  1234  SizeWeight             See more› 
polar ultra is inspired by how different flowers might look like to bees than to human eyes. unlike us humans, bees can see ultraviolet light. If one examines a flower under uv light, the appearance of the flower changes completely. new patterns emerge, like halos or landing strips, to welcome and entice the bee population. POLAR ULTRA  1234  SizeWeight             See more› 
Can you see like a bee? POLAR ULTRA  1234  SizeWeight             See more› 


// global tester creation

function createTester(id, data) {
  var fontSize;
  var fontWeight;

  // Initialize font weight
  if (data.fontWeight) {
    fontWeight = data.font-variation-settings;
  } else {
    var fontWeight = 900; 
  }

  // Initialize fontSize
  if (data.fontSize) {
    fontSize = data.fontSize;
  } else {
    var fontSize = 70; 
  }
  
  // Get html
  var el = document.getElementById(id);
  el.innerHTML = ' The quick brown fox jumps over the lazy dog  Polar     SizeWeight             See more› ';  
  
  var previewEl = el.querySelector('.preview');
  var fontStyleSelect = el.querySelector('.control__font-style-select');

  // get fontSize input
  var fontSizeInput = el.querySelector('.control__font-size input');
  // get fontWeight input
  var fontWeightInput = el.querySelector('.control__font-weight input');
  
  el.style.color = data.color;
  previewEl.innerHTML = data.specimen;
  previewEl.style.fontSize = fontSize + 'px';
  el.querySelector('.control__font-family').innerHTML = data.family;
  
  // Create dropdown 
  var options_str = "";
  data.fonts.forEach(function(font) {
    if (font.isSelected) {
      options_str += '' + font.displayName + '';
      previewEl.style.fontFamily = font.fontCSSName;
    } else {
      options_str += '' + font.displayName + '';
    }
  });
  fontStyleSelect.innerHTML = options_str;
  
  fontStyleSelect.addEventListener('input', function (event) {
    previewEl.style.fontFamily = this.value;
  });
  
  fontSizeInput.value = fontSize;
  fontWeightInput.value = fontWeight;
  
  // get fontSize input from slider
  fontSizeInput.addEventListener('input', function (event) {
    fontSize = this.value;
    previewEl.style.fontSize = fontSize + 'px';
  });

   // get fontWeight input from slider
   fontWeightInput.addEventListener('input', function (event) {
    fontWeight = this.value;
    console.log("font weight: ", fontWeight);
    previewEl.style["font-variation-settings"] = `"wght" ${fontWeight}`;
  });
  
  if (data.link) {
    el.querySelector('.control__link').setAttribute('href', data.link);
  } else {
    el.querySelector('.control__link').style.display = "none";
  }
  el.classList.add('loaded');
}


  // Polar Ultra4 tester

var polarUltra4 = {
  // color of the tester
  "color": "#000000",
  // Weight settings
  "font-weight": "400",
  // family name, appeared at lower left corner
  "family": "POLAR ULTRA",
  // specimen text string
  "specimen": "POLAR ULTRA",
  // default font size, default to 70
  "fontSize": 300,
  // fonts included in this family, appeared in the dropdown menu
  "fonts": [
    {
      "displayName": "1",
      "fontCSSName": "Polar-Ultra4",
      "isSelected": true,
    },
    {
      "displayName": "2",
      "fontCSSName": "Polar-Ultra1",
    },
        {
      "displayName": "3",
      "fontCSSName": "Polar-Ultra3",
    },
    {
      "displayName": "4",
      "fontCSSName": "Polar-Ultra2",
    },

  ]
}
createTester("polar-ultra4-tester", polarUltra4);

  // Polar Ultra1 tester

var polarUltra1 = {
  // color of the tester
  "color": "#ffffff",
  // Weight settings
  "font-weight": "400",
  // family name, appeared at lower left corner
  "family": "POLAR ULTRA",
  // specimen text string
  "specimen": "Ultraviolet (UV) is a form of electromagnetic radiation with wavelength shorter than that of visible light, but longer than X-rays",
  // default font size, default to 70
  "fontSize": 70,
  // fonts included in this family, appeared in the dropdown menu
  "fonts": [
    {
      "displayName": "1",
      "fontCSSName": "Polar-Ultra4",
    },
    {
      "displayName": "2",
      "fontCSSName": "Polar-Ultra1",
      "isSelected": true,
    },
        {
      "displayName": "3",
      "fontCSSName": "Polar-Ultra3",
    },
    {
      "displayName": "4",
      "fontCSSName": "Polar-Ultra2",
    },

  ]
}
createTester("polar-ultra1-tester", polarUltra1);

  // Polar Ultra2 tester

var polarUltra2 = {
  // color of the tester
  "color": "#000000",
  // Weight settings
  "font-weight": "400",
  // family name, appeared at lower left corner
  "family": "POLAR ULTRA",
  // specimen text string
  "specimen": "polar ultra is inspired by how different flowers might look like to bees than to human eyes. unlike us humans, bees can see ultraviolet light. If one examines a flower under uv light, the appearance of the flower changes completely. new patterns emerge, like halos or landing strips, to welcome and entice the bee population.",
  // default font size, default to 70
  "fontSize": 30,
  // fonts included in this family, appeared in the dropdown menu
  "fonts": [
    {
      "displayName": "1",
      "fontCSSName": "Polar-Ultra4",
    },
    {
      "displayName": "2",
      "fontCSSName": "Polar-Ultra1",
    },
        {
      "displayName": "3",
      "fontCSSName": "Polar-Ultra3",
    },
    {
      "displayName": "4",
      "fontCSSName": "Polar-Ultra2",
      "isSelected": true,
    },

  ]
}
createTester("polar-ultra2-tester", polarUltra2);

  // Polar Ultra3 tester

var polarUltra3 = {
  // color of the tester
  "color": "#ffffff",
  // Weight settings
  "font-weight": "400",
  // family name, appeared at lower left corner
  "family": "POLAR ULTRA",
  // specimen text string
  "specimen": "Can you see like a bee?",
  // default font size, default to 70
  "fontSize": 200,
  // fonts included in this family, appeared in the dropdown menu
  "fonts": [
    {
      "displayName": "1",
      "fontCSSName": "Polar-Ultra4",
    },
    {
      "displayName": "2",
      "fontCSSName": "Polar-Ultra1",
    },
        {
      "displayName": "3",
      "fontCSSName": "Polar-Ultra3",
      "isSelected": true,
    },
    {
      "displayName": "4",
      "fontCSSName": "Polar-Ultra2",
    },

  ]
}
createTester("polar-ultra3-tester", polarUltra3);


</description>
		
	</item>
		
	</channel>
</rss>