Skip to content

Instantly share code, notes, and snippets.

@NinjaAniket
NinjaAniket / app.css
Last active November 18, 2022 13:53
react-dictionary-youtube-css
<*** 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"
/>
@NinjaAniket
NinjaAniket / weather-youtube-tutorial.css
Created September 17, 2021 15:58
css for weather app youtube tutorial
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: pink;
color: #333;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
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',
* {
box-sizing: border-box;
}
body {
background: #d0e0e6;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
body {
background: #e8eaf1;
font-size: 18px;
font-family: sans-serif, Arial, Helvetica;
}
.markdown__container {
min-height: 100vh;
display: grid;
grid-template-columns: 1fr 1fr;
// 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 }
.image__container {
display: flex;
justify-content: space-between;
}
.image__container img {
width: 200px;
}
.image__thumbnail,
@NinjaAniket
NinjaAniket / style.css
Created August 29, 2020 10:57
css gist for dark mode or light mode
* {
box-sizing: border-box;
margin: 0px;
padding: 0px;
}
#root {
height: 100%;
}
html,
.product-slider {
display: flex;
}
.product-slider img {
width: 300px;
height: 200px;
object-fit: cover;
margin: 0.8rem;
}
@NinjaAniket
NinjaAniket / resource.js
Last active December 26, 2019 14:10
Resource file of music player built with ReactJs for ReactNinja Youtube channel
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 =