Layout e páginas iniciais criados

62620ff7 · Eduardo Paludo · 62620ff7 · 62620ff7 · 62620ff7 · 62620ff7
Commit 62620ff7 authored 2 years ago by Eduardo Paludo
--- a/contato.html
+++ b/contato.html
+<!DOCTYPE html>
+<html lang="pt-br">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="author" content="Eduardo S. Paludo">
+        <meta name="description" content="Página pessoal de Eduardo S. Paludo">
+        <meta name="keywords" content="Eduardo, Paludo">
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
+        <link rel="stylesheet" type="text/css" href="resources/styles.css"/>
+        <title>Eduardo S. Paludo</title>
+    </head>
+    <body>
+        <nav>
+            <ul>
+                <li><img src="resources/img.jpg" alt="Eu"><p class="image-description">Eduardo Paludo</p></li>
+                <hr class="solid">
+                <li><a href="index.html">Sobre mim</a></li>
+                <li><a href="projetos.html">Projetos</a></li>
+                <li class="current-page">Contato</li>
+            </ul>
+        </nav>
+        <main>
+            <h1>Contato</h1><br>
+                <p>E-mail: <a href="mailto:esp21@inf.ufpr.br">esp21@inf.ufpr.br</a>.</p>
+                <p>Linkedin: <a href="https://www.linkedin.com/in/eduardo-paludo">https://www.linkedin.com/in/eduardo-paludo</a>.</p>
+        </main>
+    </body>
+</html>
\ No newline at end of file
--- a/home.html
+++ b/home.html
--- a/index.html
+++ b/index.html
+<!DOCTYPE html>
+<html lang="pt-br">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="author" content="Eduardo S. Paludo">
+        <meta name="description" content="Página pessoal de Eduardo S. Paludo">
+        <meta name="keywords" content="Eduardo, Paludo">
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
+        <link rel="stylesheet" type="text/css" href="resources/styles.css"/>
+        <title>Eduardo S. Paludo</title>
+    </head>
+    <body>
+        <nav>
+            <ul>
+                <li><img src="resources/img.jpg" alt="Eu"><p class="image-description">Eduardo Paludo</p></li>
+                <hr class="solid">
+                <li class="current-page">Sobre mim</li>
+                <li><a href="projetos.html">Projetos</a></li>
+                <li><a href="contato.html">Contato</a></li>
+            </ul>
+        </nav>
+        <main>
+            <h1>Sobre mim</h1><br>
+            <p>Atualmente, estudo Ciência da Computação na Universidade Federal do Paraná (UFPR).
+                Participei de uma Iniciação Científica sobre teoria estrutural e algorítmica de grafos, especificamente sobre particionamento de redes complexas.</p>
+            <p>Sou estudante, também, do curso de extensão <i>Apple Developer Academy</i>, onde desenvolvo aplicativos para dispositivos com sistemas operacionais da <i>Apple</i>, utilizando a linguagem de programação <i>Swift</i> e <i>frameworks</i> como <i>SwiftUI</i>, <i>UIKit</i> e <i>SpriteKit</i>.</p>
+        </main>
+    </body>
+
+</html>
\ No newline at end of file
--- a/projetos.html
+++ b/projetos.html
+<!DOCTYPE html>
+<html lang="pt-br">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="author" content="Eduardo S. Paludo">
+        <meta name="description" content="Página pessoal de Eduardo S. Paludo">
+        <meta name="keywords" content="Eduardo, Paludo">
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
+        <link rel="stylesheet" type="text/css" href="resources/styles.css"/>
+        <title>Eduardo S. Paludo</title>
+    </head>
+    <body>
+        <nav>
+            <ul>
+                <li><img src="resources/img.jpg" alt="Eu"><p class="image-description">Eduardo Paludo</p></li>
+                <hr class="solid">
+                <li><a href="index.html">Sobre mim</a></li>
+                <li class="current-page">Projetos</li>
+                <li><a href="contato.html">Contato</a></li>
+            </ul>
+        </nav>
+        <main>
+            <h1>Projetos</h1><br>
+                <p>Para ver meus projetos gerais, acesse meu <a href="https://github.com/du-paludo" target="_blank">GitHub</a>.</p>
+                <p>Para ver meus trabalhos da faculdade, acesse meu <a href="https://gitlab.c3sl.ufpr.br/esp21" target="_blank">GitLab</a>.</p>
+            <!-- Linkedin -->
+        </main>
+    </body>
+
+</html>
\ No newline at end of file
--- a/resources/.DS_Store
+++ b/resources/.DS_Store
--- a/resources/bootstrap.css
+++ b/resources/bootstrap.css
--- a/resources/img.jpg
+++ b/resources/img.jpg
--- a/resources/styles.css
+++ b/resources/styles.css
+body {
+    display: flex;
+    text-justify: auto;
+    margin: 0;
+    padding: 0;
+    flex-direction: row;
+    height: 100vh;
+}
+
+nav {  
+    flex: 1;
+    background-color: #252526;
+	padding: 20px;
+    height: 100vh;
+    min-width: 240px;
+    max-width: 240px;
+}
+
+nav ul {
+	list-style-type: none;
+	padding: 0;
+}
+
+nav ul li {
+    margin-bottom: 20px;
+    padding: 10px 12px;
+    text-align: center;
+}
+
+nav li img {
+    color: white;
+    display: block;
+    margin: 0 auto 20px;
+    width: 160px;
+    height: 160px;
+    border-radius: 80%;
+    margin-top: 40px;
+}
+
+nav li a {
+    padding: 10px 12px;
+    border-radius: 4px;
+    text-decoration: none;
+    color: azure;
+}
+
+nav li.current-page {
+    border-radius: 4px;
+    color: black;
+    background-color: azure;
+}
+
+nav li a:hover {
+    padding: 10px 12px;
+	background-color: #555;
+}
+
+main {
+    flex: 4;
+    background-color: #3e3e42;
+    color: white;
+    padding: 60px;
+}
+
+p {
+    font-size: 1.2em;
+    text-align: justify;
+}
+
+p.image-description {
+    text-align: center;
+    color: azure;
+    margin-top: 10px;
+}
+
+p a {
+    text-decoration: none;
+    color: cornflowerblue;
+    
+}
+
+hr.solid {
+    border-top: 3px solid white;
+    padding: 12px;
+}
\ No newline at end of file