This file contains hidden or 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
| <*** google font LATO ***> | |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | |
| <link | |
| href="https://fonts.googleapis.com/css2?family=Lato&display=swap" | |
| rel="stylesheet" | |
| /> | |
This file contains hidden or 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
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| background-color: pink; | |
| color: #333; | |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, |
This file contains hidden or 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
| export const TRACKS = [ | |
| { | |
| title: 'Believer', | |
| artist: 'Imagine Dragons', | |
| albumArtUrl: 'https://i.ytimg.com/vi/7wtfhZwyrcc/maxresdefault.jpg', | |
| audioUrl: | |
| 'https://mp3.filmisongs.com/Believer%20Mp3%20Imagine%20Dragons.mp3', | |
| }, | |
| { | |
| title: 'Senorita', |
This file contains hidden or 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
| * { | |
| box-sizing: border-box; | |
| } | |
| body { | |
| background: #d0e0e6; | |
| min-height: 100vh; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; |
This file contains hidden or 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
| body { | |
| background: #e8eaf1; | |
| font-size: 18px; | |
| font-family: sans-serif, Arial, Helvetica; | |
| } | |
| .markdown__container { | |
| min-height: 100vh; | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; |
This file contains hidden or 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
| // JS array equivalents to C# LINQ methods - by Dan B. | |
| // Here's a simple array of "person" objects | |
| var people = [ | |
| { name: "John", age: 20 }, | |
| { name: "Mary", age: 35 }, | |
| { name: "Arthur", age: 78 }, | |
| { name: "Mike", age: 27 }, | |
| { name: "Judy", age: 42 }, | |
| { name: "Tim", age: 8 } |
This file contains hidden or 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
| .image__container { | |
| display: flex; | |
| justify-content: space-between; | |
| } | |
| .image__container img { | |
| width: 200px; | |
| } | |
| .image__thumbnail, |
This file contains hidden or 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
| * { | |
| box-sizing: border-box; | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| #root { | |
| height: 100%; | |
| } | |
| html, |
This file contains hidden or 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
| .product-slider { | |
| display: flex; | |
| } | |
| .product-slider img { | |
| width: 300px; | |
| height: 200px; | |
| object-fit: cover; | |
| margin: 0.8rem; | |
| } |
This file contains hidden or 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
| const goeasy = "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3"; | |
| const dreams = "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-3.mp3"; | |
| const chillout = | |
| "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-10.mp3"; | |
| const twistter = | |
| "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-13.mp3"; | |
| const freebird = |
NewerOlder