update

RicardoKers · Nov 1, 2024 · 21ffdc7 · 21ffdc7
1 parent 9553db1
commit 21ffdc7
Show file tree

Hide file tree

Showing 2 changed files with 102 additions and 2 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -79,6 +79,87 @@
   --bs-highlight-bg: #fff3cd;
 }
 
+/* Kerschbaumer */
+
+/* Contêiner principal para duas colunas */
+.container {
+    display: flex;
+    gap: 20px;
+    max-width: 1000px;
+    margin: 0 auto;
+    padding: 20px;
+    align-items: flex-start;
+}
+
+/* Coluna esquerda ocupa mais espaço */
+.coluna-esquerda {
+    flex: 2;
+    padding: 10px;
+    background-color: #f8f9fa;
+    border-radius: 8px;
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+}
+
+/* Coluna direita com largura fixa */
+.coluna-direita {
+    flex: 0 0 450px;
+    padding: 20px;
+    background-color: #e9ecef;
+    border-radius: 8px;
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+}
+
+/* Estilos para o título da coluna direita */
+.coluna-direita h2 {
+    font-size: 1.5em;
+    margin-bottom: 10px;
+    color: #333;
+}
+
+/* Estilos para a lista de disciplinas */
+.disciplinas-lista {
+    list-style-type: none; /* Remove os marcadores de lista */
+    padding: 0;            /* Remove o padding da lista */
+    margin: 0;             /* Remove o margin da lista */
+}
+
+.disciplinas-lista li {
+    margin-bottom: 5px;    /* Espaço entre os itens da lista */
+}
+
+/* Estilos para os links dentro da lista */
+.disciplinas-lista a {
+    color: #007bff;
+    text-decoration: none;
+    font-size: 1em;
+    transition: background-color 0.3s ease;
+}
+
+.disciplinas-lista a:hover {
+    background-color: #d1e7dd;
+    color: #0056b3;
+    text-decoration: none;
+}
+
+/* Media Query para telas estreitas */
+@media (max-width: 768px) {
+    .container {
+        flex-direction: column; /* Empilha as colunas */
+    }
+
+    .coluna-esquerda, .coluna-direita {
+        flex: 1 1 100%; /* Ambas as colunas ocupam toda a largura */
+        max-width: 100%; /* Garante que ocupem toda a largura disponível */
+    }
+
+    .coluna-direita {
+        margin-top: 20px; /* Adiciona um espaçamento entre as colunas quando empilhadas */
+    }
+}
+
+
+/* \Kerschbaumer */
+
 *,
 *::before,
 *::after {

diff --git a/index.html b/index.html
@@ -25,14 +25,33 @@
         <!-- Page content-->
         <div class="container">
             <div class="text-center mt-5">
+				<!-- Coluna da esquerda-->
                 <h1>Ricardo Kerschbaumer</h1>
 				<img src="Anexos\foto.png" alt="Foto Ricardo">
                 <p class="lead"><div style="text-align: justify">Nascido em 1975 em Joaçaba, SC, (Brasil) graduou-se em Engenharia Elétrica pela Universidade do Estado de Santa Catarina - UDESC em 2002. Obteve o grau de Mestre em Engenharia Elétrica e Informática Industrial pela Universidade Tecnológica Federal do Paraná - UTFPR em 2008 e obteve o título de Doutor em Engenharia Elétrica e Informática Industrial, área de concentração Engenharia de Computação, pela Universidade Tecnológica Federal do Paraná - UTFPR em 2018. Possui ainda Especialização em Educação Profissional e Tecnológica pelo Instituto Federal de Educação Ciência e Tecnologia Catarinense – IFC, concluída no ano de 2021. Atualmente é Professor associado no Instituto Federal de Educação Ciência e Tecnologia Catarinense – IFC, Campus Luzerna. Tem experiência na área de Engenharia Elétrica, com ênfase em Eletrônica, Microcontroladores, Sistemas Embarcados, lógica reconfigurável e Inteligência Artificial.</div></p>
 				<p>ORCID: <a rel="noopener" class="external-link" href="https://orcid.org/0000-0002-9677-0856" target="_blank">https://orcid.org/0000-0002-9677-0856</a> LATTES: <a rel="noopener" class="external-link" href="http://lattes.cnpq.br/5304374284779760" target="_blank">http://lattes.cnpq.br/5304374284779760</a></p>
             </div>
+			<!-- Coluna da direita-->
 			<div class="coluna-direita">
-				<h2>Coluna Direita</h2>
-				<p>Conteúdo da coluna direita.</p>
+				<h2>Disciplinas</h2>
+				<ul class="disciplinas-lista">
+					<li><a href="AlgoritmoseEstruturasdaInformação.html">Algoritmos e Estruturas da Informação</a></li>
+					<li><a href="CalculoNumerico.html">Cálculo Numérico</a></li>
+					<li><a href="ControledeProcessos.html">Controle de Processos</a></li>
+					<li><a href="EletronicaBasicaECA.html">Eletrônica Básica ECA</a></li>
+					<li><a href="EletronicaBasicaTAI.html">Eletrônica Básica TAI</a></li>
+					<li><a href="EletronicaDigitalTAI.html">Eletrônica Digital TAI</a></li>
+					<li><a href="LogicaReconfiguravel.html">Lógica Reconfigurável</a></li>
+					<li><a href="MicrocontroladoresExperimental.html">Microcontroladores Experimental</a></li>
+					<li><a href="ProgramacaoAplicadaaMicrocontroladores.html">Programação Aplicada a Microcontroladores</a></li>
+					<li><a href="ProjetocomSistemasMicrocontrolados.html">Projeto com Sistemas Microcontrolados</a></li>
+					<li><a href="ProjetoIntegradorI.html">Projeto Integrador I</a></li>
+					<li><a href="ProjetoIntegradorII.html">Projeto Integrador II</a></li>
+					<li><a href="SistemasDigitais.html">Sistemas Digitais</a></li>
+					<li><a href="SistemasDigitaisExperimental.html">Sistemas Digitais Experimental</a></li>
+					<li><a href="TopicosemInteligênciaArtificial.html">Tópicos em Inteligência Artificial</a></li>
+				</ul>
+				<!-- <p>Coloque aqui informações adicionais, links, ou outros conteúdos relevantes.</p>-->
 			</div>
         </div>
 		<!-- Bootstrap core JS-->