jamesrmoro

// Selecionando o elemento no DOM
let minhaDiv = document.querySelector("#meuElemento");

// Adicionando HTML antes do elemento
minhaDiv.insertAdjacentHTML("beforebegin", "<p>Este parágrafo está antes da div.</p>");

// Adicionando HTML depois do elemento
minhaDiv.insertAdjacentHTML("afterend", "<p>Este parágrafo está depois da div.</p>");

jamesrmoro

.seu-elemento-de-texto {
  background-image: url(caminho/para/sua-textura.jpg);
  background-clip: text;
  -webkit-text-fill-color: transparent; /* Para navegadores baseados em WebKit */
  background-color: #f1f1f1; /* Fallback para navegadores que não suportam background-clip */
  padding: 10px;
  font-size: 24px;
  font-weight: bold;
  font-family: Arial, sans-serif;
}

jamesrmoro

.seu-elemento-de-texto {
  background-image: url(caminho/para/sua-textura.jpg);
  background-clip: text;
  -webkit-text-fill-color: transparent; /* Para navegadores baseados em WebKit */
}

jamesrmoro

div:has(span:contains("Texto 2")) {
  /* estilos aplicados aos divs que contêm o span com "Texto 2" */
}

jamesrmoro

<div class="pai">
  <span>Texto 1</span>
  <span>Texto 2</span>
</div>
<div class="pai">
  <span>Texto 3</span>
  <span>Texto 4</span>
</div>

jamesrmoro

elemento-pai:has(seletor-filho) {
  /* estilos aplicados ao elemento-pai */
}

jamesrmoro

<button class="wpcf7-form-control has-spinner wpcf7-submit" type="submit">Enviar</button>

jamesrmoro

- Fazer o valor do input mudar as posições seja qual for o valor, exemplo: border: 1px solid red;
- Todos os elementos com svg e cor para identificar visualmente
- Animar botão e caixa de código quando der erro
- Animar botão e todos os elementos ao acertar e ir para próxima cena
- Deixar com animação de transição ao deslocar elemento para posição certa
- Salvar o estado do jogo com locastorage (persist do alpine js)
- Fazer versão para celular
- Otimizar as repetições de classes
- Deixar a caixa de níveis (as bolinhas do tooltip) ativas nos níveis acertados

jamesrmoro

<?php
/**
 * Template Name: Elements
 * @package SOMA Dev
 * @since 0.0.1
 */
get_header();
if ( have_posts() ) :
	$id_post = get_the_ID();
		if( have_rows('elements', $id_post) ):

jamesrmoro

<?php if( have_rows('cupom') ):
    $count = 0;
    while( have_rows('cupom') ): the_row();
    $titulo = get_sub_field('titulo');
    $icone = get_sub_field('icone');
    $link = get_sub_field('link');
    $target = get_sub_field('target');
    $count++;
?>
<a href="<?php echo $link; ?>" <?php echo $target == 1 ?? "target='_blank'"; ?>>