no arquivo functions.php
function wpmu_register_widgets() {
register_sidebar(array(
'name' => 'level_up_new_widget_area',
'id' => 'level_up_new_widget_area',
'before_widget' => '<div class="widget-instagram">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_widget' => '</h3>'
));
}
add_action( 'widgets_init', 'wpmu_register_widgets');
no template da pagina
<?php if ( !dynamic_sidebar('level_up_new_widget_area')) : ?><?php endif; ?>
Espero que sirva!
geo:<lat>,<lng>?z=<zoom>
http://maps.google.com/maps?z=12&t=m&q=<lat>,<lng>
z = is the zoom level (1-21)
t = is the map type ("m" map, "k" satellite, "h" hybrid, "p" terrain, "e" GoogleEarth)
q = is the search query
comgooglemaps://?q=<lat>,<lng>
marker
geo:<lat>,<lng>?q=<lat>,<lng>(Label,Name)
const diff = (a, b) => b.filter((i) => a.indexOf(i) === -1);
diff(['a', 'b'], ['a', 'b', 'c', 'd']);
espero que sirva!
Usando template string voce pode concatenar os objetos
let nome = "Joao da Silva";
Ex. console.log(`Ola ${nome}`)
Um outro macetinho eh passando por parametro com a propriedade %s
Ex: console.log('Ola %s', nome);
Fica a seu criteiro, voce pode passar varios parametros e ele vai pegando na posicao
Ex: console.log('Ola %s, voce tem %s anos de idade', 'paulo', 13)
Essa corrida aconteceu no dia 31 de Dezembro de 2019
Corrida que eu fiz com o Ze Carlos da Silva, atleta com deficiencia visual.
E nosso tempo foi de: 01:18:14
Esta prova aconteceu no dia 24 de novembro de 2019
E meu tempo foi de: 03:53:50, ficando em 40 lugar na categoria 40 anos
Essa semana eu precisei exportar uma planilha que eu tinha recebido em CVS pra JSON.
Primeiro eu abri ela no google Docs e fiz um MEGA script pra exportar pra JSON. Conclusão: Não exportou e vi que eu ia perder tempo!!!
Ai eu pesquisei um pouco mais e achei uma solução bem simples.
Mais basta vc exportar o documento, pegar algumas urls e pronto!
Esse artigo aqui o cara explica direitinho!
https://medium.com/@scottcents/how-to-convert-google-sheets-to-json-in-just-3-steps-228fe2c24e6
Esse aqui é o macete dos macetes!
Vira e mexe surge alguem pedindo pra eu fazer um projeto especifico pra sua empresa. Entao, pra que o sistema fique bonitinho, eu costumo usar o material design ou o bootstrap com as variacoes do SASS.
Mas o material design, ele ja adianta mto, porem, quando vc importa ou injeta o material, ele vem com a cor padrao.
É isso que eu vou explicar nesse post, como funciona o material design color!
Primeira coisa é a paleta de cores:
https://material.io/archive/guidelines/style/color.html#color-color-palette
É a partir daqui que as coisas sao criadas!
Tem varias paletas: red, gray, indigo, pink...etc
No angular tem 4 variacoes de estilos...que sao:
Seria mais ou menos assim no bootstrap: success, info, warning, secondary, deu pra sacar? E ali ele usa: no primary (paleta indigo) no accent (palleta pink)...e asism por diante e se formos ver a cor que representa seria:
primary - (indigo) => 500 (#3F51B5)
accent (pink) => 500 (#E91E63)
warn (red) => 500 (#F44336)
background (gray) => (#9E9E9E)
Entao é isso, quando vc for usar e fiz por exemplo:
<md-button>Oi</md-button> (fundo transparente e cor preta) -> normal, mas se fizer
<md-button md-no-ink class="md-primary">Primary (md-noink)</md-button> (fundo transparent e cor do texto do botao #3F51B5)
se voce colocar a classe md-raised <md-button class="md-raised md-primary">Primary</md-button> (fundo #3F51B5 e cor do texto do botao #FFF)
É assim que funciona:
Mas se você quiser alterar esse padrao default, existe uma possibilidade, atraves desde codigo
.config(function($mdThemingProvider) {
$mdThemingProvider.theme('default')
.primaryPalette('red', {
'default': '400', // by default use shade 400 from the pink palette for primary intentions
'hue-1': '100', // use shade 100 for the <code>md-hue-1</code> class
'hue-2': '800', // use shade 600 for the <code>md-hue-2</code> class
'hue-3': 'A100' // use shade A100 for the <code>md-hue-3</code> class
})
// If you specify less than all of the keys, it will inherit from the
// default shades
.accentPalette('deep-purple', {
'default': '200' // use shade 200 for default, and keep all other shades the same
}).dark();
})
A propriedades sao: theme.primaryPalette
, theme.accentPalette
, theme.warnPalette
, theme.backgroundPalette
Aqui eu digo que minha default vai usar a paleta primaria (red) e accent (dee-purple), podendo ainda customizar minha cor DEFAULT e as variacoes hue-*
As variacoes hue-1, hue-2, hue-3 usam as paletas (300
800
e A100) e serve pra primary e warn
A200, A100, A400 e A700 (warn)
Espero que sirva de estudo pra alguem!