bobafart's questions

Li os documentos e pesquisei no Google - não consegui encontrar uma resposta. Tenho um slide bootstrap parallax. No primeiro slide, estou tentando fazer 3 colunas div com altura e largura iguais, lado a lado, em uma única linha. O código está abaixo... no entanto, quando renderizado, cada coluna é empilhada uma sobre a outra, então há basicamente 1 coluna. Ajuda, por favor?

  <div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper mySwiper">
    <div class="parallax-bg" style="
          background-image: url(https:// domain .com/assets/img/moonscape.jpg);
        " data-swiper-parallax="-23%"></div>
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <div class="title" data-swiper-parallax="-300">Slide 1</div>
        <div class="subtitle" data-swiper-parallax="-200">Subtitle</div>
        <div class="text" data-swiper-parallax="-100">
          <div class="container">
            <div class="row">
              <div class="col-sm-4">
                <p>
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
                  dictum mattis velit, sit amet faucibus felis iaculis nec. Nulla
                  laoreet justo vitae porttitor porttitor. Suspendisse in sem justo.
                  Integer laoreet magna nec elit suscipit, ac laoreet nibh euismod.
                  Aliquam hendrerit lorem at elit facilisis rutrum. Ut at
                  ullamcorper velit. Nulla ligula nisi, imperdiet ut lacinia nec,
                  tincidunt ut libero. Aenean feugiat non eros quis feugiat.
                </p>
              </div>
              <div class="col-sm-4">
                <p>
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
                  dictum mattis velit, sit amet faucibus felis iaculis nec. Nulla
                  laoreet justo vitae porttitor porttitor. Suspendisse in sem justo.
                  Integer laoreet magna nec elit suscipit, ac laoreet nibh euismod.
                  Aliquam hendrerit lorem at elit facilisis rutrum. Ut at
                  ullamcorper velit. Nulla ligula nisi, imperdiet ut lacinia nec,
                  tincidunt ut libero. Aenean feugiat non eros quis feugiat.
                </p>
              </div>
              <div class="col-sm-4">
                <p>
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
                  dictum mattis velit, sit amet faucibus felis iaculis nec. Nulla
                  laoreet justo vitae porttitor porttitor. Suspendisse in sem justo.
                  Integer laoreet magna nec elit suscipit, ac laoreet nibh euismod.
                  Aliquam hendrerit lorem at elit facilisis rutrum. Ut at
                  ullamcorper velit. Nulla ligula nisi, imperdiet ut lacinia nec,
                  tincidunt ut libero. Aenean feugiat non eros quis feugiat.
                </p>
              </div>
            </div>
          </div>                    
        </div>
      </div>
      <div class="swiper-slide">
        <div class="title" data-swiper-parallax="-300">Slide 2</div>
        <div class="subtitle" data-swiper-parallax="-200">Subtitle</div>
        <div class="text" data-swiper-parallax="-100">
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
            dictum mattis velit, sit amet faucibus felis iaculis nec. Nulla
            laoreet justo vitae porttitor porttitor. Suspendisse in sem justo.
            Integer laoreet magna nec elit suscipit, ac laoreet nibh euismod.
            Aliquam hendrerit lorem at elit facilisis rutrum. Ut at
            ullamcorper velit. Nulla ligula nisi, imperdiet ut lacinia nec,
            tincidunt ut libero. Aenean feugiat non eros quis feugiat.
          </p>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="title" data-swiper-parallax="-300">Slide 3</div>
        <div class="subtitle" data-swiper-parallax="-200">Subtitle</div>
        <div class="text" data-swiper-parallax="-100">
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
            dictum mattis velit, sit amet faucibus felis iaculis nec. Nulla
            laoreet justo vitae porttitor porttitor. Suspendisse in sem justo.
            Integer laoreet magna nec elit suscipit, ac laoreet nibh euismod.
            Aliquam hendrerit lorem at elit facilisis rutrum. Ut at
            ullamcorper velit. Nulla ligula nisi, imperdiet ut lacinia nec,
            tincidunt ut libero. Aenean feugiat non eros quis feugiat.
          </p>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="title" data-swiper-parallax="-300">Slide 4</div>
        <div class="subtitle" data-swiper-parallax="-200">Subtitle</div>
        <div class="text" data-swiper-parallax="-100">
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
            dictum mattis velit, sit amet faucibus felis iaculis nec. Nulla
            laoreet justo vitae porttitor porttitor. Suspendisse in sem justo.
            Integer laoreet magna nec elit suscipit, ac laoreet nibh euismod.
            Aliquam hendrerit lorem at elit facilisis rutrum. Ut at
            ullamcorper velit. Nulla ligula nisi, imperdiet ut lacinia nec,
            tincidunt ut libero. Aenean feugiat non eros quis feugiat.
          </p>
        </div>
      </div>      
    </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-pagination"></div>
  </div>

Eu já usei Jquery UI antes e dicas de ferramentas sem problemas... desta vez, por algum motivo, não consigo fazê-las funcionar. Estou tentando fazer com que uma dica de ferramenta seja exibida em apenas 1 elemento se o mouse for passado sobre ele. O <head> é:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.14.1/themes/smoothness/jquery-ui.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.14.1/jquery-ui.min.js"></script>
    <script>
  $("#barracks").tooltip({disabled:true});
    $(document).click(function() {
        if($("#barracks").tooltip("option", "disabled")) {
            $("#barracks").tooltip("enable");
            $("#barracks").tooltip("open");
            $("#barracks").off("mouseleave focusout");
        } else {
            $("#barracks").tooltip("close");
            $("#barracks").tooltip("disable");
        }
    });
    </script>

e no < body >:

                <div class="col-lg-2 col-md-2 col-xs-2 thumb"> 
                    <img src="https://www. domain .com/adminp/occur/assets/img/soldier.jpg" id="barracks" class="img-thumbnail img-fluid rounded float-start max-width: 100%;" alt="infantry" title="Infantry">
                </div>
                <div class="col-lg-2 col-md-2 col-xs-2 thumb">
                    <img src="https://www. domain .com/adminp/occur/assets/img/gunner.jpg" id="barracks" class="img-thumbnail img-fluid rounded mx-auto d-block max-width: 100%;" alt="gunner" title="Gunner">                                 
                </div>
                <div class="col-lg-2 col-md-2 col-xs-2 thumb">
                    <img src="https://www. domain .com/adminp/occur/assets/img/pilot.jpg" id="barracks" class="img-thumbnail img-fluid rounded mx-auto d-block max-width: 100%;" alt="pilot" title="Pilot">                                 
                </div>                        
                <div class="col-lg-2 col-md-2 col-xs-2 thumb">
                    <img src="https://www. domain .com/adminp/occur/assets/img/astronaut.jpg" id="barracks" class="img-thumbnail img-fluid rounded float-end max-width: 100%;" alt="astronaut" title="Astronaut">    
                </div>

A dica de ferramenta Infrantry funciona, mas as outras 3 não. Nenhuma dica de ferramenta é exibida

Li perguntas anteriores do SO e li tutoriais e não entendo o mod_rewrite completamente, então estou postando aqui

Options +FollowSymLinks
RewriteEngine On

#Using THE_REQUEST for catching references and using them later on.
RewriteCond %{THE_REQUEST} \s/(content)/index\.php\?var=(.*?)\s [NC]
RewriteRule ^ /%1/featured/%2? [R=301,L]

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(content)/featured/(.*?)/?$ $1/index.php?var=$2 [QSA,NC,L]

RewriteRule ^profile/([0-9]+)/ /profile.php?userid=$3 [NC, L] 

Gostaria de pegar www.domain.com/profile.php?userid=2343 e reescrever a URL para uma URL limpa que seja www.domain.com/profile/2343/

Tentei diversas variações... o código .htaccess descrito acima não funciona.

Ajuda por favor?

Não consigo resolver esse erro fatal, apesar de tentar depurá-lo -- o problema é uma instrução Insert do MySQL

O erro é:

Erro fatal: PDOException não detectado: SQLSTATE[23000]: Violação de restrição de integridade: 1062 Entrada duplicada '' para a chave 'uq_mobile' em /home/path/public_html/signupvalidate.php:51 Rastreamento de pilha: #0 /home/path/path/signupvalidate.php(51): PDOStatement->execute(Array) #1 {main} lançado em /home/path/path/signupvalidate.php na linha 51

o que é 'uq_mobile'? Esta não é uma frase em nenhum lugar do meu código ou banco de dados mySQL ou configuração de tabela

A instrução Insert é:

$stmtInsertProfile = $conn->prepare('INSERT INTO users_profile (userid, firstName, middleName, lastName, mobile, email, country, registeredAt, lastLogin, intro, userProfile)
                                    VALUES (:userid, :firstName, :middleName, :lastName, :mobile, :email, :country, :registeredAt, :lastLogin, :intro, :userProfile)');

$stmtInsertProfile->execute([
    // 'id' => '', // do not specific the auto increment primary key on insert commands 
    'userid' => $fetchedUserID,
    'firstName' => '',
    'middleName' => '',
    'lastName' => '',
    'mobile' => '',
    'email' => $fetchedUserEmail,
    'country' => '',
    'registeredAt' => '',
    'lastLogin' => '',
    'intro' => '',
    'userProfile' => ''
]);

Minha estrutura de tabela exportada é:

CREATE TABLE `users_profile` (
  `id` bigint(20) NOT NULL,
  `userid` int(11) NOT NULL,
  `firstName` varchar(50) DEFAULT NULL,
  `middleName` varchar(50) DEFAULT NULL,
  `lastName` varchar(50) DEFAULT NULL,
  `mobile` varchar(15) DEFAULT NULL,
  `email` varchar(50) DEFAULT NULL,
  `userBio` text NOT NULL,
  `country` varchar(32) NOT NULL,
  `registeredAt` int(11) NOT NULL,
  `lastLogin` int(11) DEFAULT NULL,
  `intro` tinytext DEFAULT NULL,
  `userProfile` text DEFAULT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;

A chave primária é "id" na tabela, portanto, não está sendo referenciada no comando INSERT. $fetchedUserEmail (uma string de e-mail válida) e $fetchedUserID (um inteiro válido) são variáveis ​​que contêm os valores esperados quando os exibo durante a depuração

Pesquisei isso no Google e não consigo encontrar uma resposta. Eu venho do PHP. Em PHP, eu escreveria meu código em meu IDE em meu laptop, carregaria o script .php em meu servidor (VPS) e, em seguida, executaria/executaria o script através do navegador da web.

Eu sou novo em Python. Eu escrevi o seguinte código

print("Hello World") 

em um arquivo chamado hello.py.

Se eu enviar o arquivo para o meu servidor e acessá-lo através do Google Chrome, recebo o seguinte:

print("Olá, mundo!")

Python está instalado e a versão é Python 3.x. No mundo PHP, eu concluiria que o servidor não está analisando o código PHP. O arquivo hello.py não está na pasta /bin/ no servidor, o que eu entendo que é adequado para minha instalação do Python.

Algum conselho sobre como posso fazer com que o arquivo seja executado no navegador? Obrigado