diff --git a/css/equipe.css b/css/equipe.css new file mode 100644 index 0000000..1f25de2 --- /dev/null +++ b/css/equipe.css @@ -0,0 +1,47 @@ +body { + background-color: #f4f4f4; +} + +.container { + margin-top: 200px; + width: 100%; + display: flex; + gap: 100px; + flex-wrap: wrap; + justify-content: space-evenly; + align-content: center; + text-align: center; +} + +.developer { + margin-bottom: 30px; +} + +.developer img { + border-radius: 50%; + width: 150px; + height: 150px; + object-fit: cover; + margin-bottom: 10px; +} + +.developer h2 { + margin-bottom: 5px; +} + +.developer p { + margin: 0; +} + +.social-icons { + display: flex; + justify-content: center; + margin-top: 10px; +} + +.social-icons a { + display: inline-block; + margin: 0 10px; + text-decoration: none; + color: #333; +} diff --git a/css/format.css b/css/format.css index 452ee90..3b70715 100644 --- a/css/format.css +++ b/css/format.css @@ -265,7 +265,7 @@ textarea#resposta { .titulo_ask { display: flex; justify-content: space-between; - margin-block-start: 25px; + margin-top: 100px; } .titulo_ask h1 { @@ -327,7 +327,6 @@ textarea#resposta { text-align: center; } - .modal { transition: opacity 0.5s ease; background-color: rgba(0, 0, 0, 0.9); @@ -395,7 +394,10 @@ fieldset { /* Container que envolve os elementos .form-row */ .container { display: grid; - grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Define colunas de tamanho mínimo de 200px */ + grid-template-columns: repeat( + auto-fill, + minmax(200px, 1fr) + ); /* Define colunas de tamanho mínimo de 200px */ gap: 10px; /* Espaçamento entre os elementos */ } @@ -408,14 +410,16 @@ fieldset { margin-inline-start: 0px; } -label, select, input { +label, +select, +input { text-align: left; vertical-align: middle; white-space: nowrap; /* Adicionado para evitar quebra de linha */ } - -select, input { +select, +input { /* margin-left: 10px; */ padding: 8px; border: 1px solid #ccc; @@ -432,19 +436,18 @@ input#filtroInput { } } - /* Estilizando a legenda (opcional) */ legend { - font-weight: bold; /* Deixa a legenda em negrito */ - margin-bottom: 10px; /* Adiciona espaçamento abaixo da legenda */ + font-weight: bold; /* Deixa a legenda em negrito */ + margin-bottom: 10px; /* Adiciona espaçamento abaixo da legenda */ } #filtroInput { - width: 60%; /* Ajuste o valor conforme necessário */ + width: 60%; /* Ajuste o valor conforme necessário */ } /*CSS linha-externa será adicionada à linha da tabela se a origem for "Externa".*/ .linha-externa { background-color: #b1e1eb; - font-weight: 500; -} \ No newline at end of file + font-weight: 500; +} diff --git a/equipe.html b/equipe.html new file mode 100644 index 0000000..e4b7132 --- /dev/null +++ b/equipe.html @@ -0,0 +1,149 @@ + + + + + + + + + + + + + Pagina Principal + + + + + + +
+
+
+
+
+
+ + + +
+
+
+ Logo Fatec Itapira +
+ + +
+ +
+ + + +
+
+ Desenvolvedor 1 +

Nome do Desenvolvedor 1

+

+ LinkedIn | + GitHub +

+
+ +
+ Desenvolvedor 2 +

Nome do Desenvolvedor 2

+

+ LinkedIn | + GitHub +

+
+ +
+ Desenvolvedor 3 +

Nome do Desenvolvedor 3

+

+ LinkedIn | + GitHub +

+
+ +
+ Desenvolvedor 4 +

Nome do Desenvolvedor 4

+

+ LinkedIn | + GitHub +

+
+
+ + + + + + + + +
+ + Whatsapp + +
+ + + + + + + + + + + \ No newline at end of file diff --git a/img/andre.jpeg b/img/andre.jpeg new file mode 100644 index 0000000..f0f00df Binary files /dev/null and b/img/andre.jpeg differ diff --git a/img/gostoso.jpg b/img/gostoso.jpg new file mode 100644 index 0000000..5718e26 Binary files /dev/null and b/img/gostoso.jpg differ diff --git a/img/iago.jpeg b/img/iago.jpeg new file mode 100644 index 0000000..c272da3 Binary files /dev/null and b/img/iago.jpeg differ diff --git a/img/reginaldo.jpeg b/img/reginaldo.jpeg new file mode 100644 index 0000000..6490733 Binary files /dev/null and b/img/reginaldo.jpeg differ diff --git a/painelAdmin.php b/painelAdmin.php index 7dab21a..44c2777 100644 --- a/painelAdmin.php +++ b/painelAdmin.php @@ -48,72 +48,67 @@ + backgroundColor: { + fill: '#fff', // Cor de fundo + }, + legend: { + textStyle: { + color: '#333', + fontSize: 14, + }, + }, + chartArea: { + //right: '20%', // Margem à esquerda + top: '15%', // Margem superior + width: '100%', // Largura da área do gráfico + height: '900%', // Altura da área do gráfico + }, + // Centraliza o gráficos + }; + + // Defina as dimensões do contêiner do gráfico + var chartContainer = document.getElementById('chart_div'); + chartContainer.style.width = '100%'; // Defina a largura desejada + chartContainer.style.height = '200px'; // Defina a altura desejada + + var chart = new google.visualization.PieChart(chartContainer); + + // Adicione um ouvinte de redimensionamento para ajustar o gráfico quando a janela for redimensionada + window.addEventListener('resize', function () { + chart.draw(data, options); + }); + + // Desenhe o gráfico pela primeira vez + chart.draw(data, options); + } + @@ -134,8 +129,8 @@ function drawChart() {
-
- + '; } - ?> -
+ ?> +

@@ -163,14 +158,14 @@ function drawChart() {
- -
-

Distribuição Temática de Perguntas

-
-
-
-
- + +
+

Distribuição Temática de Perguntas

+
+
+
+
+

Cadastro de Perguntas FAQ

@@ -178,11 +173,11 @@ function drawChart() {
- -
- Filtros e Ordenação: - +
+ Filtros e Ordenação: + +

- $value) : ?> - + $value): ?> +

+ Autor:
- +

- - + +
-
- Buscar Perguntas: +
+ Buscar Perguntas: - - + + - +
- +
@@ -244,40 +244,56 @@ function drawChart() { ID Origem - Autor + Autor pergunta Resposta Tema Status - Data Cadastro + Data Cadastro Ações - - - - + + + + + + + + + + + + 95 ? '...' : '')); ?> - - - - + + + + + + + + + + info edit - @@ -306,6 +322,7 @@ function drawChart() { - - + + + \ No newline at end of file diff --git a/principal.php b/principal.php index 65095f8..4a01dc9 100644 --- a/principal.php +++ b/principal.php @@ -40,7 +40,7 @@ function redirecionar() {
- Logo Fatec Itapira + Logo Fatec Itapira
@@ -61,7 +61,7 @@ function redirecionar() {

FAQ - FATEC

-

Principais Perguntas e Respostas para o FAQ

+

Dúvidas Recorrentes:

@@ -97,25 +97,25 @@ function redirecionar() { $stmt->bindParam(':offset', $offset, PDO::PARAM_INT); $stmt->execute(); - if($stmt->rowCount() > 0) { + if ($stmt->rowCount() > 0) { $temaAtual = null; - foreach($stmt as $row) { + foreach ($stmt as $row) { // Verifica se o tema mudou - if($temaAtual !== $row['NomeTema']) { + if ($temaAtual !== $row['NomeTema']) { // Se sim, exibe um cabeçalho para o novo tema - echo '

'.$row['NomeTema'].'

'; + echo '

' . $row['NomeTema'] . '

'; $temaAtual = $row['NomeTema']; } echo '
'; echo ''; echo 'Imagem cps_fatec'; - echo "

".nl2br($row['ConteudoPergunta'])."

"; + echo "

" . nl2br($row['ConteudoPergunta']) . "

"; echo ''; echo ''; echo '
'; - echo "

".nl2br($row['Resposta'])."

"; + echo "

" . nl2br($row['Resposta']) . "

"; // Adicione links específicos (substitua os URLs pelos corretos) echo '

Links dos sites Abaixo

'; @@ -143,23 +143,23 @@ function redirecionar() { $totalPaginas = ceil($totalPerguntas / $perguntasPorPagina); // Exiba links para a página anterior, se houver - if($paginaAtual > 1) { - echo 'Anterior'; + if ($paginaAtual > 1) { + echo 'Anterior'; } // Exiba os números das páginas - for($i = 1; $i <= $totalPaginas; $i++) { + for ($i = 1; $i <= $totalPaginas; $i++) { // Adicione uma classe para destacar a página atual $classeDestaque = ($i == $paginaAtual) ? 'pagina-atual' : ''; - echo ''.$i.''; + echo '' . $i . ''; // Adicione um espaçamento (pode ajustar o valor conforme necessário) echo ' '; } // Exiba um link para a próxima página, se houver - if($paginaAtual < $totalPaginas) { - echo 'Próxima'; + if ($paginaAtual < $totalPaginas) { + echo 'Próxima'; } ?>
@@ -198,7 +198,7 @@ function redirecionar() { echo ""; } } catch (PDOException $e) { - echo "Erro ao obter temas: ".$e->getMessage(); + echo "Erro ao obter temas: " . $e->getMessage(); } ?>