javascript – As imagens do meu site não carregam quando eu mudo para o dark mode

Eu percebi que logo ao entrar no meu site e trocar para o dark mode, as imagens não carregam. Mas se eu atualizar a página, as imagens aparecem normalmente. Esse problema só acontece na primeira vez que eu acesso a página e só no celular.
Esse é o meu site: https://hannahneves.github.io
Esse é o problema no meu celular: https://youtu.be/3zESMLQuOWc
Eu fiz o toggle do dark mode dessa forma:

const html = document.querySelector('html');
const checkbox = document.querySelector('.switch');


let check;

(() => {

  check = localStorage.getItem('check');

  if(check) {
    html.classList.toggle('dark-mode');
  }

})();

checkbox.addEventListener('change', function(){

  check = html.classList.toggle('dark-mode');

  if(check == true) {
    localStorage.setItem('check', check);
  } else {
    localStorage.clear();
  }

});

E fiz o upload das imagens com variáveis no CSS:

:root {
--portfolio: url('/assets/LightMode/portfolio.svg');
}
.dark-mode:root {
--portfolio: url('/assets/DarkMode/portfolio.svg');
}
.portfolio-animation{
  background: var(--portfolio);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 267.5px;
  height: 182px;
  margin: 0 auto;
}

slim – Cómo configurar .htaccess para multiples webs en varios subdirectorios

Buens a todxs,

Tengo varias webs con slim php y normalmente cuando les hago el deploy a producción, redirecciono mediante el plesk el site a /httpdocs/public, el siguiente archivo de .htaccess y los routes por defecto del framework son suficiente para ver el site correctamente:

<IfModule mod_headers.c>
    Header set X-XSS-Protection "1; mode=block"
    Header always append X-Frame-Options SAMEORIGIN
    Header set X-Content-Type-Options nosniff
</IfModule>

<IfModule mod_rewrite.c>
  RewriteEngine On

  # Some hosts may require you to use the `RewriteBase` directive.
  # Determine the RewriteBase automatically and set it as environment variable.
  # If you are using Apache aliases to do mass virtual hosting or installed the
  # project in a subdirectory, the base path will be prepended to allow proper
  # resolution of the index.php file and to redirect to the correct URI. It will
  # work in environments without path prefix as well, providing a safe, one-size
  # fits all solution. But as you do not need it in this case, you can comment
  # the following 2 lines to eliminate the overhead.
  RewriteCond %{REQUEST_URI}::$1 ^(/.+)/(.*)::2$
  RewriteRule ^(.*) - (E=BASE:%1)
  
  # If the above doesn't work you might need to set the `RewriteBase` directive manually, it should be the
  # absolute physical path to the directory that contains this htaccess file.
  # RewriteBase /

  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteRule ^ index.php (QSA,L)
</IfModule>

Y el arbol actual en producción para cada proyecto es el siguiente:

- HOSTING
   - httpdocs
      - app
      - lib
      - logs
      - public
      ...
   - ...
   - ...

El caso es que en el directorio /httpdocs raíz del hosting necesito tener varios directorios en formato /httpdocs/mi-app-1 /httpdocs/mi-app-2, etc. Para usarlo cómo entorno de preproducción y no logro visualizar los sites correctamente en los subdirectorios del hosting.

La estructura debería ser algo cómo:

- HOSTING
   - httpdocs
      - mi-app-1
         - httpdocs
         - app
         - lib
         - logs
         - public
         - ...
      - mi-app-2
      - ...

He leído documentación al respecto pero no saco el agua clara al respecto, puesto que en algunos sitios encuentro que con **RewriteRule ^(exist_folder).* - (NC,L)** dentro de my-app-1 debería ser suficiente.

A poder ser lo ideal seria no tocar los routes de la configuración en php, puesto que es una estructura de directorios que va a copiar-se reitaradamente por otros compañeros.

Cabe aclarar que no va redirigido a ningún subdominio, sinó que va a www.midominio.com/mi-app-1 www.midominio.com/mi-app-2, etc

Alguna idea o indicación para esto?

Muchas gracias!

java 8 – ¿Como crear componentes para un JFrame?

Intento crear componentes, en java como los botones o labels, de tal manera que cada uno sea independiente y pueda actualizarse independientemente del otro. Intente algo asi:

public class Bit extends Component{
        @Override
public void paint(Graphics g){
  g.setColor(asignarColor());

  g.fillOval(x, y, 20, 20);
    
  if(mostrarCarga){g.drawString(label, x + 23, y + 5);}
   
}

pero al probarlo solo se agrega el ultimo que agregue

public static void main(String() args) throws InterruptedException {
    JFrame frame = new JFrame("Prueba de Animación");
            
    //Linea  m = new Linea(50,50,700,100,true);
    
            //Linea  m2 = new Linea(150,200,500,800,true);
            
            Bit a = new Bit(true, 50, 60);
            a.setVisible(true);
            frame.add(a);
            Bit b = new Bit(false, 100, 60);
            b.setVisible(true);
            frame.add(b);
            Bit c = new Bit(true, 150, 200);
            c.setVisible(true);
            frame.add(c);
         }

en este caso el unico que se agregaria seria el Bit c

(Obvie el constructor del Bit)

java – Como faço para adicionar dinamicamente população e cidade em um MAP e depois resgatar a população pelo nome da cidade?

O usuário informa a cidade e a população que serão salvos em um Map<String,Integer>, em seguida obtém a população informando a cidade.

public class Question3 {

    public static void main(String() args) {

        
        List<Cidades> listCidades = new ArrayList<Cidades>();
        
        Map<String, List<Cidades>> mapcidades = new HashMap<String, List<Cidades>>();
        
        int escolha = JOptionPane.showConfirmDialog(null,"Deseja cadastrar cidade e população");
        
        if (escolha == 0) { 
            
            String cidade = JOptionPane.showInputDialog("Qual cidade");
            String populacao = JOptionPane.showInputDialog("Qual populaçao");
            
            listCidades.add(cidade);
            mapcidades.put(populacao, listCidades );
            
        }

        
        for (Cidades cidades2 : listCidades) {
            mapcidades.get(mapcidades);
        }

    }
}

Como faço para adicionar um evento a uma tecla física no android?

Por exemplo, quando declaro um botão no arquivo xml, posso usar o método onClick para acionar o seu comportamento. Mas como fazer isso através de uma tecla física? Quando eu clicar no botão voltar, ou volume, por exemplo.

Para moderadores

Esse tópico vai ser deletado ou definido como fora de escopo, E eu realmente não ligo, mas assim, moderadores do SOF-PT, Me digam, Porque vocês deletam tantas perguntas úteis e já com respostas? E tem pessoas que perguntam coisas que são totalmente compreensíveis e com bastante detalhes e mesmo assim vocês colocam como fora de escopo, muitas pessoas desistem de usar o SOF-PT por culpa desse tipo de coisa, Na minha antiga conta principal eu utilizava o SOF-PT para responder e ajudar as pessoas, mas de 10 perguntas que eu ia responder, 8 vocês fechavam, Eu sei que como moderadores provavelmente vocês vão ignorar a minha opinião, e isso é triste… mas só queria deixar essa carta aberta pra vocês pelo menos entender o contexto da pergunta para realmente definir se é realmente "Fora de escopo", Porque tem moderadores que são desenvolvedores softwares que fecham perguntas sobre web que foram muito bem explicadas, Não entendo, Como você vai fechar uma pergunta se você não trabalha naquela area?, Os moderadores do SOF (sem ser em português) prestam mais atenção nesse quesito, até por isso que só utilizo ele, Enfim, espero que melhorem 🙂

java – Sistema para uma pousada

Estou entrando no mundo das programações e estou o meu penúltimo semestre de ADS, neste semestre comecei um projeto que envolve o trabalho para finalizar o curso, neste semestre estou fazendo o levantamento para um sistema para uma pousada, o sistema consiste em:

  • O Sistema de Gerenciamento será aplicativo Desktop será em linguagem C# em interface gráfica (Windows Forms)
  • Um sistema Web responsivo com o uso da tecnologia ASP.net em linguagem C#
  • Uma parte em Java com foco em Android
  • O banco de dados deve ser em MS SQL Server hospedado em um servidor Microsoft Server

Minha principal duvida é:

Quando o hóspede fizer o cadastro ou uma reserva de acomodação no site ou app android, como eu faço para estas informações chegue no app desktop para fazer o controle?

Outras tecnologias que posso usar no trabalho

Obviamente junto destas tecnologias e linguagens há itens adicionais, como
html, javascript, jquery, bootstrap, sqlite para o mobile etc.

html – Hola buenas tardes, es para una tarea de mi carrera con este lenguaje

¡Gracias por contribuir en StackOverflow en español con una respuesta!

  • Por favor, asegúrate de responder a la pregunta. ¡Proporciona información y comparte tu investigación!

Pero evita

  • Pedir ayuda o aclaraciones, o responder a otras respuestas.
  • Hacer declaraciones basadas en opiniones; asegúrate de respaldarlas con referencias o con tu propia experiencia personal.

Para obtener más información, consulta nuestros consejos sobre cómo escribir grandes respuestas.

laravel – Como generar un archivo de texto para que sea descargado por un usuario

necesito generar un archivo de texto para que sea descargado por el usuario. A continuación, les muestro el código que genera los datos que debo convertir a un archivo de texto plano.

        $tbSnej1 = Snejtabsnej1::with('relProvincia')
        ->orderBy('anioRelev')
        ->orderBy('provincia_id').get();

    foreach ($tbSnej1 as $it){
        $flag1 ="NO";
        $flag2 ="NO";
        $flag3 ="NO";
        if ($it->C1_01 == 1){
            $flag1 = "SI";
        }
        if ($it->C1_02 == 1){
            $flag2 = "SI";
        }
        if ($it->C1_03 == 1){
            $flag3 = "SI";
        }

        $totParcial1 = (
            $it->C2_01_01 +
            $it->C2_01_02 +
            $it->C2_01_03 +
            $it->C2_01_04 +
            $it->C2_01_05 +
            $it->C2_01_06 +
            $it->C2_01_07 +
            $it->C2_01_08 +
            $it->C2_01_09 +
            $it->C2_01_10 +
            $it->C2_01_11 +
            $it->C2_01_12 +
            $it->C2_01_13 +
            $it->C2_01_14 +
            $it->C2_01_15 +
            $it->C2_01_16 +
            $it->C2_01_17 +
            $it->C2_01_18 +
            $it->C2_01_19 +
            $it->C2_01_20 +
            $it->C2_01_21 +
            $it->C2_01_22 +
            $it->C2_01_23 +
            $it->C2_01_24 +
            $it->C2_01_25 +
            $it->C2_01_26 +
            $it->C2_01_27 +
            $it->C2_01_28 +
            $it->C2_01_29);
    }

Dentro del foreach, se generará una línea que contendrá los flag1,2,3, mas el totalParcial que se calcula sumando la serie de campos. Luego de generar el archivo de texto, lo debe poder descargar el usuario en su pc.

La aplicación está desarrollada en Laravel 8 y consume datos de mysql via Elocuent

Desde ya, muchas gracias.