Last active
February 17, 2022 13:46
-
-
Save subzey/75115406f04a0e134ecd0fa73e2a5e4e to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <style> | |
| body { | |
| font: 5vw sans-serif; | |
| margin: 0; | |
| } | |
| section { | |
| padding: 1em 0; | |
| text-align: center; | |
| } | |
| section.light { | |
| background: white; | |
| color: black; | |
| } | |
| section.dark { | |
| background: black; | |
| color: white; | |
| } | |
| </style> | |
| <style> | |
| .colored-dark { | |
| display: inline-block; | |
| position: relative; | |
| vertical-align: top; | |
| overflow: hidden; | |
| background: black; | |
| color: white; | |
| mix-blend-mode: screen; | |
| isolation: isolate; | |
| } | |
| .colored-dark::before { | |
| mix-blend-mode: multiply; | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| right: -300%; | |
| background: linear-gradient(to right, #f00 0%, #aa0 12.5%, #0f0 25%, #0aa 37.5%, #00f 50%, #a0a 65.5%, #f00 75%, #aa0 87.5%, #0f0 100%); | |
| animation: scroller 3s linear infinite; | |
| } | |
| .colored-light { | |
| display: inline-block; | |
| position: relative; | |
| vertical-align: top; | |
| overflow: hidden; | |
| background: white; | |
| color: black; | |
| mix-blend-mode: multiply; | |
| isolation: isolate; | |
| } | |
| .colored-light::before { | |
| mix-blend-mode: screen; | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| right: -300%; | |
| background: linear-gradient(to right, #f00 0%, #aa0 12.5%, #0f0 25%, #0aa 37.5%, #00f 50%, #a0a 65.5%, #f00 75%, #aa0 87.5%, #0f0 100%); | |
| animation: scroller 3s linear infinite; | |
| } | |
| @keyframes scroller { | |
| 0% { transform: translateX(0%) } | |
| 100% { transform: translateX(-75%) } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <section class="light"> | |
| Hello! This is <span class="colored-light">a colored text</span>! | |
| </section> | |
| <section class="dark"> | |
| Hello! This is <span class="colored-dark">a colored text</span>! | |
| </section> | |
| <section class="light"> | |
| Hello! This is <span class="colored-light">a colored text</span>! | |
| </section> | |
| <section class="dark"> | |
| Hello! This is <span class="colored-dark">a colored text</span>! | |
| </section> | |
| ðððððð ð€£ðððð« ðððð¥°ðð€©ððâºððð¥²ðððð€ªðð€ð€ð€ð«¢ð«£ð€«ð€ð«¡ð€ð€šððð¶ð«¥ð¶âð«ïžðððð¬ð®âðšð€¥ðððªð€€ðŽð·ð€ð€ð€¢ð€®ð€§ð¥µð¥¶ð¥Žðµðµâð«ð€¯ð€ ð¥³ð¥žðð€ð§ðð«€ððâ¹ð®ð¯ð²ð³ð¥ºð¥¹ðŠð§ðšð°ð¥ð¢ðð±ðð£ððð©ð«ð¥±ð€ð¡ð ð€¬ðð¿ðâ ð©ð€¡ð¹ðºð»ðœðŸð€ðºðžð¹ð»ðŒðœðð¿ðŸðððððððððððððâ£ðâ€ïžâð¥â€ïžâð©¹â€ð§¡ððððð€ð€ð€ð¯ð¢ð¥ð«ðŠðšð³ð£ð¬ðïžâðšïžðšð¯ðð€ðð€ðâðð«±ð«²ð«³ð«Žðð€ð€âð€ð«°ð€ð€ð€ðððððâð«µððâðð€ð€ððð«¶ðð€²ð€ðâð ð€³ðªðŠŸðŠ¿ðŠµðŠ¶ððŠ»ðð§ ð«ð«ðŠ·ðŠŽððð ðð«Šð¶ð§ðŠð§ð§ð±ðšð§ð§ââïžð§ââïžðšâðŠ°ðšâðŠ±ðšâðŠ³ðšâðŠ²ð©ð©âðŠ°ð§âðŠ°ð©âðŠ±ð§âðŠ±ð©âðŠ³ð§âðŠ³ð©âðŠ²ð§âðŠ²ð±ââïžð±ââïžð§ðŽðµððââïžðââïžððââïžðââïžð ð ââïžð ââïžððââïžðââïžððââïžðââïžððââïžðââïžð§ð§ââïžð§ââïžððââïžðââïžð€Šð€Šââïžð€Šââïžð€·ð€·ââïžð€·ââïžð§ââïžðšââïžð©ââïžð§âððšâðð©âðð§âð«ðšâð«ð©âð«ð§ââïžðšââïžð©ââïžð§âðŸðšâðŸð©âðŸð§âð³ðšâð³ð©âð³ð§âð§ðšâð§ð©âð§ð§âððšâðð©âðð§âðŒðšâðŒð©âðŒð§âð¬ðšâð¬ð©âð¬ð§âð»ðšâð»ð©âð»ð§âð€ðšâð€ð©âð€ð§âðšðšâðšð©âðšð§ââïžðšââïžð©ââïžð§âððšâðð©âðð§âððšâðð©âðð®ð®ââïžð®ââïžðµðµïžââïžðµïžââïžððââïžðââïžð¥·ð·ð·ââïžð·ââïžð« ð€Žðžð³ð³ââïžð³ââïžð²ð§ð€µð€µââïžð€µââïžð°ð°ââïžð°ââïžð€°ð«ð«ð€±ð©âðŒðšâðŒð§âðŒðŒð ð€¶ð§âððŠžðŠžââïžðŠžââïžðŠ¹ðŠ¹ââïžðŠ¹ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð§ððââïžðââïžððââïžðââïžð¶ð¶ââïžð¶ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð§âðŠ¯ðšâðŠ¯ð©âðŠ¯ð§âðŠŒðšâðŠŒð©âðŠŒð§âðŠœðšâðŠœð©âðŠœððââïžðââïžððºðŽð¯ð¯ââïžð¯ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð€ºðâ·ðððïžââïžðïžââïžððââïžðââïžð£ð£ââïžð£ââïžððââïžðââïžâ¹â¹ïžââïžâ¹ïžââïžððïžââïžðïžââïžðŽðŽââïžðŽââïžðµðµââïžðµââïžð€žð€žââïžð€žââïžð€Œð€Œââïžð€Œââïžð€œð€œââïžð€œââïžð€Ÿð€Ÿââïžð€Ÿââïžð€¹ð€¹ââïžð€¹ââïžð§ð§ââïžð§ââïžððð§âð€âð§ðð«ð¬ðð©ââ€ïžâðâðšðšââ€ïžâðâðšð©ââ€ïžâðâð©ðð©ââ€ïžâðšðšââ€ïžâðšð©ââ€ïžâð©ðªðšâð©âðŠðšâð©âð§ðšâð©âð§âðŠðšâð©âðŠâðŠðšâð©âð§âð§ðšâðšâðŠðšâðšâð§ðšâðšâð§âðŠðšâðšâðŠâðŠðšâðšâð§âð§ð©âð©âðŠð©âð©âð§ð©âð©âð§âðŠð©âð©âðŠâðŠð©âð©âð§âð§ðšâðŠðšâðŠâðŠðšâð§ðšâð§âðŠðšâð§âð§ð©âðŠð©âðŠâðŠð©âð§ð©âð§âðŠð©âð§âð§ð£ð€ð¥ð«ð£ðŠ°ðŠ±ðŠ³ðŠ²ðµððŠðŠ§ð¶ððŠ®ðâðŠºð©ðºðŠðŠð±ððââ¬ðŠð¯ð ððŽððŠðŠðŠðŠ¬ð®ðððð·ðððœððððªð«ðŠðŠððŠ£ðŠðŠðððð¹ð°ðð¿ðŠ«ðŠðŠð»ð»ââïžðšðŒðŠ¥ðŠŠðŠšðŠðŠ¡ðŸðŠððð£ð€ð¥ðŠð§ððŠ ðŠðŠ¢ðŠðŠ€ðª¶ðŠ©ðŠðŠðžðð¢ðŠðð²ððŠðŠð³ðð¬ðŠðð ð¡ðŠðððªžððŠððððª²ððŠðª³ð·ðžðŠðŠðª°ðª±ðŠ ððžð®ðª·ðµð¹ð¥ðºð»ðŒð·ð±ðªŽð²ð³ðŽðµðŸð¿âðððððª¹ðªºðððððððð¥ððððððð«ð¥ð ð«ð¥¥ð¥ðð¥ð¥ðœð¶ð«ð¥ð¥¬ð¥Šð§ð§ ðð¥ð«ð°ðð¥ð¥ð«ð¥šð¥¯ð¥ð§ð§ððð¥©ð¥ððððð¥ªð®ð¯ð«ð¥ð§ð¥ð³ð¥ð²ð«ð¥£ð¥ð¿ð§ð§ð¥«ð±ððððððð ð¢ð£ð€ð¥ð¥®ð¡ð¥ð¥ ð¥¡ðŠðŠðŠðŠðŠªðŠð§ðšð©ðªðð°ð§ð¥§ð«ð¬ðð®ð¯ðŒð¥âð«ðµð¶ðŸð·ðžð¹ðºð»ð¥ð¥ð«ð¥€ð§ð§ð§ð§ð¥¢ðœðŽð¥ðªð«ðºðððððºðŸð§ðâ°ðð»ððððððððð§±ðªšðªµðððð ð¡ð¢ð£ð€ð¥ðŠðšð©ðªð«ð¬ðð¯ð°ððŒðœâªðððâ©ðâ²âºððððð ðððâšð ðð¡ð¢ððªðððð ðððððððððððððððððððððð»ððððððµðŠœðŠŒðºð²ðŽð¹ðŒðð£ð€ð¢âœððšð¥ðŠðð§âðâµð¶ð€ð³âŽð¥ð¢âð©ð«ð¬ðªðºððð ð¡ð°ððžðð§³ââ³ââ°â±â²ð°ðð§ðððððððððð ðð¡ðð¢ðð£ðð€ðð¥ððŠððððððððððððð¡âðððªâðð ðââ âð€ð¥ðŠð§ðšð©ðªð«ð¬ðððâââ±â¡ââââð¥ð§ðððððð§šâšðððððððððð§§ððððð«ððð ð¥ð¥ð¥âœâŸð¥ðððððŸð¥ð³ðððð¥ððžð¥ð¥ð¥ â³âžð£ð€¿ðœð¿ð·ð¥ð¯ðªðªð±ð®ðªð§¿ðª¬ð®ð¹ð°ð²ð§©ð§žðª ðª©ðªâ â¥âŠâ£âðððŽððŒðšð§µðª¡ð§¶ðª¢ðð¶ð¥œð¥ŒðŠºðððð§£ð§€ð§¥ð§Šððð¥»ð©±ð©²ð©³ðððððððð©Žððð¥Ÿð¥¿ð ð¡ð©°ð¢ððð©ðð§¢ðªâð¿ðððððððð¢ð£ð¯ðððŒðµð¶ðððð€ð§ð»ð·ðªðžð¹ðºð»ðªð¥ðªð±ð²âððð ððª«ðð»ð¥ðšâšð±ð²ðœðŸð¿ðð§®ð¥ððœð¬ðºð·ðžð¹ðŒððð¯ð¡ðŠð®ðªððððððððððððð°ðððð·ð°ðªðŽðµð¶ð·ðžð³ð§Ÿð¹âð§ðšð©ð€ð¥ðŠð«ðªð¬ðð®ð³ââððððððŒðððð ððððððððððððððâððððððððððšðªââð ð¡âð«ðªð¹ð¡ðªð§ðªð©âðâðŠ¯ðâðªð§°ð§²ðªâð§ªð§«ð§¬ð¬ðð¡ðð©žðð©¹ð©Œð©ºð©»ðªððªðªðððªðœðª ð¿ððª€ðªð§Žð§·ð§¹ð§ºð§»ðª£ð§Œð«§ðª¥ð§œð§¯ðð¬â°ðªŠâ±ð¿ðª§ðªªð§ð®ð°â¿ð¹ðºð»ðŒðŸðððð â ðžâð«ð³ðð¯ð±ð·ðµðâ¢â£â¬ââ¡ââ¬â⬠ââââ©âªâ€Žâ€µððððððððâðâ¡âžâ¯ââŠâªâ®ðð¯âââââââââââââðððâ¶â©ââ¯ââªâ®ðŒâ«ðœâ¬âžâ¹âºâðŠð ðð¶ð³ðŽâââ§ââââð°âŸâŒâââââã°ð±ð²ââ»âð±ðð°ââ âââââ°â¿ãœâ³âŽâ©®â¢#ïžâ£*ïžâ£0ïžâ£1ïžâ£2ïžâ£3ïžâ£4ïžâ£5ïžâ£6ïžâ£7ïžâ£8ïžâ£9ïžâ£ðð ð¡ð¢ð£ð€ð °ðð ±ðððâ¹ðâððð Ÿðð ¿ðððððð·ð¶ð¯ðð¹ðð²ððžðŽð³ããðºðµðŽð ð¡ð¢ðµð£ð€â«âªð¥ð§ðšð©ðŠðªð«â¬â¬âŒâ»âŸâœâªâ«ð¶ð·ðžð¹ðºð»ð ðð³ð²ðð©ððŽð³ð³ïžâðð³ïžââ§ïžðŽââ ïžðŠðšðŠð©ðŠðªðŠð«ðŠð¬ðŠð®ðŠð±ðŠð²ðŠðŽðŠð¶ðŠð·ðŠðžðŠð¹ðŠðºðŠðŒðŠðœðŠð¿ð§ðŠð§ð§ð§ð©ð§ðªð§ð«ð§ð¬ð§ðð§ð®ð§ð¯ð§ð±ð§ð²ð§ð³ð§ðŽð§ð¶ð§ð·ð§ðžð§ð¹ð§ð»ð§ðŒð§ðŸð§ð¿ðšðŠðšðšðšð©ðšð«ðšð¬ðšððšð®ðšð°ðšð±ðšð²ðšð³ðšðŽðšðµðšð·ðšðºðšð»ðšðŒðšðœðšðŸðšð¿ð©ðªð©ð¬ð©ð¯ð©ð°ð©ð²ð©ðŽð©ð¿ðªðŠðªðšðªðªðªð¬ðªððªð·ðªðžðªð¹ðªðºð«ð®ð«ð¯ð«ð°ð«ð²ð«ðŽð«ð·ð¬ðŠð¬ð§ð¬ð©ð¬ðªð¬ð«ð¬ð¬ð¬ðð¬ð®ð¬ð±ð¬ð²ð¬ð³ð¬ðµð¬ð¶ð¬ð·ð¬ðžð¬ð¹ð¬ðºð¬ðŒð¬ðŸðð°ðð²ðð³ðð·ðð¹ððºð®ðšð®ð©ð®ðªð®ð±ð®ð²ð®ð³ð®ðŽð®ð¶ð®ð·ð®ðžð®ð¹ð¯ðªð¯ð²ð¯ðŽð¯ðµð°ðªð°ð¬ð°ðð°ð®ð°ð²ð°ð³ð°ðµð°ð·ð°ðŒð°ðŸð°ð¿ð±ðŠð±ð§ð±ðšð±ð®ð±ð°ð±ð·ð±ðžð±ð¹ð±ðºð±ð»ð±ðŸð²ðŠð²ðšð²ð©ð²ðªð²ð«ð²ð¬ð²ðð²ð°ð²ð±ð²ð²ð²ð³ð²ðŽð²ðµð²ð¶ð²ð·ð²ðžð²ð¹ð²ðºð²ð»ð²ðŒð²ðœð²ðŸð²ð¿ð³ðŠð³ðšð³ðªð³ð«ð³ð¬ð³ð®ð³ð±ð³ðŽð³ðµð³ð·ð³ðºð³ð¿ðŽð²ðµðŠðµðªðµð«ðµð¬ðµððµð°ðµð±ðµð²ðµð³ðµð·ðµðžðµð¹ðµðŒðµðŸð¶ðŠð·ðªð·ðŽð·ðžð·ðºð·ðŒðžðŠðžð§ðžðšðžð©ðžðªðžð¬ðžððžð®ðžð¯ðžð°ðžð±ðžð²ðžð³ðžðŽðžð·ðžðžðžð¹ðžð»ðžðœðžðŸðžð¿ð¹ðŠð¹ðšð¹ð©ð¹ð«ð¹ð¬ð¹ðð¹ð¯ð¹ð°ð¹ð±ð¹ð²ð¹ð³ð¹ðŽð¹ð·ð¹ð¹ð¹ð»ð¹ðŒð¹ð¿ðºðŠðºð¬ðºð²ðºð³ðºðžðºðŸðºð¿ð»ðŠð»ðšð»ðªð»ð¬ð»ð®ð»ð³ð»ðºðŒð«ðŒðžðœð°ðŸðªðŸð¹ð¿ðŠð¿ð²ð¿ðŒðŽó §ó ¢ó ¥ó ®ó §ó ¿ðŽó §ó ¢ó ³ó £ó Žó ¿ðŽó §ó ¢ó ·ó ¬ó ³ó ¿ | |
| <section class="light"> | |
| Hello! This is <span class="colored-light">a colored text</span>! | |
| </section> | |
| <section class="dark"> | |
| Hello! This is <span class="colored-dark">a colored text</span>! | |
| </section> | |
| <section class="light"> | |
| Hello! This is <span class="colored-light">a colored text</span>! | |
| </section> | |
| <section class="dark"> | |
| Hello! This is <span class="colored-dark">a colored text</span>! | |
| </section> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <p><a href="plain.html">plain</a> | |
| <p><a href="compositor-only.html">compositor-only</a> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <style> | |
| body { | |
| font: 5vw sans-serif; | |
| margin: 0; | |
| } | |
| section { | |
| padding: 1em 0; | |
| text-align: center; | |
| } | |
| section.light { | |
| background: white; | |
| color: black; | |
| } | |
| section.dark { | |
| background: black; | |
| color: white; | |
| } | |
| svg { width: 50%; height: auto; display: block; margin: auto } | |
| </style> | |
| <style> | |
| .colored-dark, | |
| .colored-light { | |
| display: inline-block; | |
| vertical-align: top; | |
| background: linear-gradient(to right, #f00 0%, #aa0 12.5%, #0f0 25%, #0aa 37.5%, #00f 50%, #a0a 65.5%, #f00 75%, #aa0 87.5%, #0f0 100%); | |
| background-size: 400% 100%; | |
| background-clip: text; | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: #0000; | |
| animation: background-shifter 3s linear infinite; | |
| } | |
| @keyframes background-shifter { | |
| 0% { background-position-x: 0% } | |
| 100% { background-position-x: 100% } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <section class="light"> | |
| Hello! This is <span class="colored-light">a colored text</span>! | |
| </section> | |
| <section class="dark"> | |
| Hello! This is <span class="colored-dark">a colored text</span>! | |
| </section> | |
| <section class="light"> | |
| Hello! This is <span class="colored-light">a colored text</span>! | |
| </section> | |
| <section class="dark"> | |
| Hello! This is <span class="colored-dark">a colored text</span>! | |
| </section> | |
| ðððððð ð€£ðððð« ðððð¥°ðð€©ððâºððð¥²ðððð€ªðð€ð€ð€ð«¢ð«£ð€«ð€ð«¡ð€ð€šððð¶ð«¥ð¶âð«ïžðððð¬ð®âðšð€¥ðððªð€€ðŽð·ð€ð€ð€¢ð€®ð€§ð¥µð¥¶ð¥Žðµðµâð«ð€¯ð€ ð¥³ð¥žðð€ð§ðð«€ððâ¹ð®ð¯ð²ð³ð¥ºð¥¹ðŠð§ðšð°ð¥ð¢ðð±ðð£ððð©ð«ð¥±ð€ð¡ð ð€¬ðð¿ðâ ð©ð€¡ð¹ðºð»ðœðŸð€ðºðžð¹ð»ðŒðœðð¿ðŸðððððððððððððâ£ðâ€ïžâð¥â€ïžâð©¹â€ð§¡ððððð€ð€ð€ð¯ð¢ð¥ð«ðŠðšð³ð£ð¬ðïžâðšïžðšð¯ðð€ðð€ðâðð«±ð«²ð«³ð«Žðð€ð€âð€ð«°ð€ð€ð€ðððððâð«µððâðð€ð€ððð«¶ðð€²ð€ðâð ð€³ðªðŠŸðŠ¿ðŠµðŠ¶ððŠ»ðð§ ð«ð«ðŠ·ðŠŽððð ðð«Šð¶ð§ðŠð§ð§ð±ðšð§ð§ââïžð§ââïžðšâðŠ°ðšâðŠ±ðšâðŠ³ðšâðŠ²ð©ð©âðŠ°ð§âðŠ°ð©âðŠ±ð§âðŠ±ð©âðŠ³ð§âðŠ³ð©âðŠ²ð§âðŠ²ð±ââïžð±ââïžð§ðŽðµððââïžðââïžððââïžðââïžð ð ââïžð ââïžððââïžðââïžððââïžðââïžððââïžðââïžð§ð§ââïžð§ââïžððââïžðââïžð€Šð€Šââïžð€Šââïžð€·ð€·ââïžð€·ââïžð§ââïžðšââïžð©ââïžð§âððšâðð©âðð§âð«ðšâð«ð©âð«ð§ââïžðšââïžð©ââïžð§âðŸðšâðŸð©âðŸð§âð³ðšâð³ð©âð³ð§âð§ðšâð§ð©âð§ð§âððšâðð©âðð§âðŒðšâðŒð©âðŒð§âð¬ðšâð¬ð©âð¬ð§âð»ðšâð»ð©âð»ð§âð€ðšâð€ð©âð€ð§âðšðšâðšð©âðšð§ââïžðšââïžð©ââïžð§âððšâðð©âðð§âððšâðð©âðð®ð®ââïžð®ââïžðµðµïžââïžðµïžââïžððââïžðââïžð¥·ð·ð·ââïžð·ââïžð« ð€Žðžð³ð³ââïžð³ââïžð²ð§ð€µð€µââïžð€µââïžð°ð°ââïžð°ââïžð€°ð«ð«ð€±ð©âðŒðšâðŒð§âðŒðŒð ð€¶ð§âððŠžðŠžââïžðŠžââïžðŠ¹ðŠ¹ââïžðŠ¹ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð§ððââïžðââïžððââïžðââïžð¶ð¶ââïžð¶ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð§âðŠ¯ðšâðŠ¯ð©âðŠ¯ð§âðŠŒðšâðŠŒð©âðŠŒð§âðŠœðšâðŠœð©âðŠœððââïžðââïžððºðŽð¯ð¯ââïžð¯ââïžð§ð§ââïžð§ââïžð§ð§ââïžð§ââïžð€ºðâ·ðððïžââïžðïžââïžððââïžðââïžð£ð£ââïžð£ââïžððââïžðââïžâ¹â¹ïžââïžâ¹ïžââïžððïžââïžðïžââïžðŽðŽââïžðŽââïžðµðµââïžðµââïžð€žð€žââïžð€žââïžð€Œð€Œââïžð€Œââïžð€œð€œââïžð€œââïžð€Ÿð€Ÿââïžð€Ÿââïžð€¹ð€¹ââïžð€¹ââïžð§ð§ââïžð§ââïžððð§âð€âð§ðð«ð¬ðð©ââ€ïžâðâðšðšââ€ïžâðâðšð©ââ€ïžâðâð©ðð©ââ€ïžâðšðšââ€ïžâðšð©ââ€ïžâð©ðªðšâð©âðŠðšâð©âð§ðšâð©âð§âðŠðšâð©âðŠâðŠðšâð©âð§âð§ðšâðšâðŠðšâðšâð§ðšâðšâð§âðŠðšâðšâðŠâðŠðšâðšâð§âð§ð©âð©âðŠð©âð©âð§ð©âð©âð§âðŠð©âð©âðŠâðŠð©âð©âð§âð§ðšâðŠðšâðŠâðŠðšâð§ðšâð§âðŠðšâð§âð§ð©âðŠð©âðŠâðŠð©âð§ð©âð§âðŠð©âð§âð§ð£ð€ð¥ð«ð£ðŠ°ðŠ±ðŠ³ðŠ²ðµððŠðŠ§ð¶ððŠ®ðâðŠºð©ðºðŠðŠð±ððââ¬ðŠð¯ð ððŽððŠðŠðŠðŠ¬ð®ðððð·ðððœððððªð«ðŠðŠððŠ£ðŠðŠðððð¹ð°ðð¿ðŠ«ðŠðŠð»ð»ââïžðšðŒðŠ¥ðŠŠðŠšðŠðŠ¡ðŸðŠððð£ð€ð¥ðŠð§ððŠ ðŠðŠ¢ðŠðŠ€ðª¶ðŠ©ðŠðŠðžðð¢ðŠðð²ððŠðŠð³ðð¬ðŠðð ð¡ðŠðððªžððŠððððª²ððŠðª³ð·ðžðŠðŠðª°ðª±ðŠ ððžð®ðª·ðµð¹ð¥ðºð»ðŒð·ð±ðªŽð²ð³ðŽðµðŸð¿âðððððª¹ðªºðððððððð¥ððððððð«ð¥ð ð«ð¥¥ð¥ðð¥ð¥ðœð¶ð«ð¥ð¥¬ð¥Šð§ð§ ðð¥ð«ð°ðð¥ð¥ð«ð¥šð¥¯ð¥ð§ð§ððð¥©ð¥ððððð¥ªð®ð¯ð«ð¥ð§ð¥ð³ð¥ð²ð«ð¥£ð¥ð¿ð§ð§ð¥«ð±ððððððð ð¢ð£ð€ð¥ð¥®ð¡ð¥ð¥ ð¥¡ðŠðŠðŠðŠðŠªðŠð§ðšð©ðªðð°ð§ð¥§ð«ð¬ðð®ð¯ðŒð¥âð«ðµð¶ðŸð·ðžð¹ðºð»ð¥ð¥ð«ð¥€ð§ð§ð§ð§ð¥¢ðœðŽð¥ðªð«ðºðððððºðŸð§ðâ°ðð»ððððððððð§±ðªšðªµðððð ð¡ð¢ð£ð€ð¥ðŠðšð©ðªð«ð¬ðð¯ð°ððŒðœâªðððâ©ðâ²âºððððð ðððâšð ðð¡ð¢ððªðððð ðððððððððððððððððððððð»ððððððµðŠœðŠŒðºð²ðŽð¹ðŒðð£ð€ð¢âœððšð¥ðŠðð§âðâµð¶ð€ð³âŽð¥ð¢âð©ð«ð¬ðªðºððð ð¡ð°ððžðð§³ââ³ââ°â±â²ð°ðð§ðððððððððð ðð¡ðð¢ðð£ðð€ðð¥ððŠððððððððððððð¡âðððªâðð ðââ âð€ð¥ðŠð§ðšð©ðªð«ð¬ðððâââ±â¡ââââð¥ð§ðððððð§šâšðððððððððð§§ððððð«ððð ð¥ð¥ð¥âœâŸð¥ðððððŸð¥ð³ðððð¥ððžð¥ð¥ð¥ â³âžð£ð€¿ðœð¿ð·ð¥ð¯ðªðªð±ð®ðªð§¿ðª¬ð®ð¹ð°ð²ð§©ð§žðª ðª©ðªâ â¥âŠâ£âðððŽððŒðšð§µðª¡ð§¶ðª¢ðð¶ð¥œð¥ŒðŠºðððð§£ð§€ð§¥ð§Šððð¥»ð©±ð©²ð©³ðððððððð©Žððð¥Ÿð¥¿ð ð¡ð©°ð¢ððð©ðð§¢ðªâð¿ðððððððð¢ð£ð¯ðððŒðµð¶ðððð€ð§ð»ð·ðªðžð¹ðºð»ðªð¥ðªð±ð²âððð ððª«ðð»ð¥ðšâšð±ð²ðœðŸð¿ðð§®ð¥ððœð¬ðºð·ðžð¹ðŒððð¯ð¡ðŠð®ðªððððððððððððð°ðððð·ð°ðªðŽðµð¶ð·ðžð³ð§Ÿð¹âð§ðšð©ð€ð¥ðŠð«ðªð¬ðð®ð³ââððððððŒðððð ððððððððððððððâððððððððððšðªââð ð¡âð«ðªð¹ð¡ðªð§ðªð©âðâðŠ¯ðâðªð§°ð§²ðªâð§ªð§«ð§¬ð¬ðð¡ðð©žðð©¹ð©Œð©ºð©»ðªððªðªðððªðœðª ð¿ððª€ðªð§Žð§·ð§¹ð§ºð§»ðª£ð§Œð«§ðª¥ð§œð§¯ðð¬â°ðªŠâ±ð¿ðª§ðªªð§ð®ð°â¿ð¹ðºð»ðŒðŸðððð â ðžâð«ð³ðð¯ð±ð·ðµðâ¢â£â¬ââ¡ââ¬â⬠ââââ©âªâ€Žâ€µððððððððâðâ¡âžâ¯ââŠâªâ®ðð¯âââââââââââââðððâ¶â©ââ¯ââªâ®ðŒâ«ðœâ¬âžâ¹âºâðŠð ðð¶ð³ðŽâââ§ââââð°âŸâŒâââââã°ð±ð²ââ»âð±ðð°ââ âââââ°â¿ãœâ³âŽâ©®â¢#ïžâ£*ïžâ£0ïžâ£1ïžâ£2ïžâ£3ïžâ£4ïžâ£5ïžâ£6ïžâ£7ïžâ£8ïžâ£9ïžâ£ðð ð¡ð¢ð£ð€ð °ðð ±ðððâ¹ðâððð Ÿðð ¿ðððððð·ð¶ð¯ðð¹ðð²ððžðŽð³ããðºðµðŽð ð¡ð¢ðµð£ð€â«âªð¥ð§ðšð©ðŠðªð«â¬â¬âŒâ»âŸâœâªâ«ð¶ð·ðžð¹ðºð»ð ðð³ð²ðð©ððŽð³ð³ïžâðð³ïžââ§ïžðŽââ ïžðŠðšðŠð©ðŠðªðŠð«ðŠð¬ðŠð®ðŠð±ðŠð²ðŠðŽðŠð¶ðŠð·ðŠðžðŠð¹ðŠðºðŠðŒðŠðœðŠð¿ð§ðŠð§ð§ð§ð©ð§ðªð§ð«ð§ð¬ð§ðð§ð®ð§ð¯ð§ð±ð§ð²ð§ð³ð§ðŽð§ð¶ð§ð·ð§ðžð§ð¹ð§ð»ð§ðŒð§ðŸð§ð¿ðšðŠðšðšðšð©ðšð«ðšð¬ðšððšð®ðšð°ðšð±ðšð²ðšð³ðšðŽðšðµðšð·ðšðºðšð»ðšðŒðšðœðšðŸðšð¿ð©ðªð©ð¬ð©ð¯ð©ð°ð©ð²ð©ðŽð©ð¿ðªðŠðªðšðªðªðªð¬ðªððªð·ðªðžðªð¹ðªðºð«ð®ð«ð¯ð«ð°ð«ð²ð«ðŽð«ð·ð¬ðŠð¬ð§ð¬ð©ð¬ðªð¬ð«ð¬ð¬ð¬ðð¬ð®ð¬ð±ð¬ð²ð¬ð³ð¬ðµð¬ð¶ð¬ð·ð¬ðžð¬ð¹ð¬ðºð¬ðŒð¬ðŸðð°ðð²ðð³ðð·ðð¹ððºð®ðšð®ð©ð®ðªð®ð±ð®ð²ð®ð³ð®ðŽð®ð¶ð®ð·ð®ðžð®ð¹ð¯ðªð¯ð²ð¯ðŽð¯ðµð°ðªð°ð¬ð°ðð°ð®ð°ð²ð°ð³ð°ðµð°ð·ð°ðŒð°ðŸð°ð¿ð±ðŠð±ð§ð±ðšð±ð®ð±ð°ð±ð·ð±ðžð±ð¹ð±ðºð±ð»ð±ðŸð²ðŠð²ðšð²ð©ð²ðªð²ð«ð²ð¬ð²ðð²ð°ð²ð±ð²ð²ð²ð³ð²ðŽð²ðµð²ð¶ð²ð·ð²ðžð²ð¹ð²ðºð²ð»ð²ðŒð²ðœð²ðŸð²ð¿ð³ðŠð³ðšð³ðªð³ð«ð³ð¬ð³ð®ð³ð±ð³ðŽð³ðµð³ð·ð³ðºð³ð¿ðŽð²ðµðŠðµðªðµð«ðµð¬ðµððµð°ðµð±ðµð²ðµð³ðµð·ðµðžðµð¹ðµðŒðµðŸð¶ðŠð·ðªð·ðŽð·ðžð·ðºð·ðŒðžðŠðžð§ðžðšðžð©ðžðªðžð¬ðžððžð®ðžð¯ðžð°ðžð±ðžð²ðžð³ðžðŽðžð·ðžðžðžð¹ðžð»ðžðœðžðŸðžð¿ð¹ðŠð¹ðšð¹ð©ð¹ð«ð¹ð¬ð¹ðð¹ð¯ð¹ð°ð¹ð±ð¹ð²ð¹ð³ð¹ðŽð¹ð·ð¹ð¹ð¹ð»ð¹ðŒð¹ð¿ðºðŠðºð¬ðºð²ðºð³ðºðžðºðŸðºð¿ð»ðŠð»ðšð»ðªð»ð¬ð»ð®ð»ð³ð»ðºðŒð«ðŒðžðœð°ðŸðªðŸð¹ð¿ðŠð¿ð²ð¿ðŒðŽó §ó ¢ó ¥ó ®ó §ó ¿ðŽó §ó ¢ó ³ó £ó Žó ¿ðŽó §ó ¢ó ·ó ¬ó ³ó ¿ | |
| <section class="light"> | |
| Hello! This is <span class="colored-light">a colored text</span>! | |
| </section> | |
| <section class="dark"> | |
| Hello! This is <span class="colored-dark">a colored text</span>! | |
| </section> | |
| <section class="light"> | |
| Hello! This is <span class="colored-light">a colored text</span>! | |
| </section> | |
| <section class="dark"> | |
| Hello! This is <span class="colored-dark">a colored text</span>! | |
| </section> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment