-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
88396a5
commit c2122c0
Showing
54 changed files
with
864 additions
and
52 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes
File renamed without changes.
File renamed without changes.
Binary file not shown.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,53 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <title>Djonathan Krause</title> | ||
| <link rel="icon" href="./favicon.ico"> | ||
|
|
||
| <meta charset="utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
| <link rel="stylesheet" href="assets/css/main.css" /> | ||
|
|
||
| <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> | ||
| <script src="index.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/p5.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/addons/p5.dom.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"></script> | ||
| </head> | ||
| <body class="loading"> | ||
| <div id="wrapper"> | ||
| <div id="main"> | ||
| <header id="header"> | ||
| <h1>Djonathan Krause</h1> | ||
| <p>Hi, you can call me dj! • Software Engineer • Computer Scientist (FURB 2018)</p> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="https://www.linkedin.com/in/djonathan-krause-8981a788/" target="_blank" class="icon fa fa-linkedin"><span class="label">Linkedin</span></a></li> | ||
| <li><a href="http://www.github.com/ThisIsDjonathan" target="_blank" class="icon fa-github"><span class="label">Github</span></a></li> | ||
| <li><a href="http://instagram.com/sr.nier" target="_blank" class="icon fa-instagram"><span class="label">Instagram</span></a></li> | ||
| <li><a href="https://api.whatsapp.com/send?phone=5547991554827" target="_blank" class="icon fa-whatsapp"><span class="label">Whatsapp</span></a></li> | ||
| <li><a href="mailto:email@djonathan.com" target="_blank" class="icon fa-envelope"><span class="label">E-Mail</span></a></li> | ||
| <li><a href="#" class="fa fa-plus flip"><span class="label">More</span></a></li> | ||
| </ul> | ||
| </nav> | ||
|
|
||
| <div class="panel" style="display: none; position: absolute; left: 28%; width: 45%;"> | ||
| <a href="cv.pdf" target="_blank"> View Resume (CV) </a> </br> | ||
| <p>email@djonathan.com </br> odjonathankrause@gmail.com</p> | ||
| </div> | ||
| </header> | ||
| </div> | ||
| </div> | ||
| <script> | ||
| window.onload = function() { document.body.className = ''; } | ||
| window.ontouchmove = function() { return false; } | ||
| window.onorientationchange = function() { document.body.scrollTop = 0; } | ||
|
|
||
| $(document).ready(function() { | ||
| $(".flip").click(function() { | ||
| $(".panel").slideToggle("slow"); | ||
| }); | ||
| }); | ||
| </script> | ||
| </body> | ||
| </html> |
File renamed without changes.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,53 +1,116 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <title>Djonathan Krause</title> | ||
| <link rel="icon" href="./favicon.ico"> | ||
|
|
||
| <meta charset="utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
| <link rel="stylesheet" href="assets/css/main.css" /> | ||
|
|
||
| <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> | ||
| <script src="index.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/p5.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/addons/p5.dom.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"></script> | ||
| </head> | ||
| <body class="loading"> | ||
| <div id="wrapper"> | ||
| <div id="main"> | ||
| <header id="header"> | ||
| <h1>Djonathan Krause</h1> | ||
| <p>Hi, you can call me dj! • Software Engineer • Computer Scientist (FURB 2018)</p> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="https://www.linkedin.com/in/djonathan-krause-8981a788/" target="_blank" class="icon fa fa-linkedin"><span class="label">Linkedin</span></a></li> | ||
| <li><a href="http://www.github.com/ThisIsDjonathan" target="_blank" class="icon fa-github"><span class="label">Github</span></a></li> | ||
| <li><a href="http://instagram.com/sr.nier" target="_blank" class="icon fa-instagram"><span class="label">Instagram</span></a></li> | ||
| <li><a href="https://api.whatsapp.com/send?phone=5547991554827" target="_blank" class="icon fa-whatsapp"><span class="label">Whatsapp</span></a></li> | ||
| <li><a href="mailto:email@djonathan.com" target="_blank" class="icon fa-envelope"><span class="label">E-Mail</span></a></li> | ||
| <li><a href="#" class="fa fa-plus flip"><span class="label">More</span></a></li> | ||
| </ul> | ||
| </nav> | ||
|
|
||
| <div class="panel" style="display: none; position: absolute; left: 28%; width: 45%;"> | ||
| <a href="cv.pdf" target="_blank"> View Resume (CV) </a> </br> | ||
| <p>email@djonathan.com </br> odjonathankrause@gmail.com</p> | ||
| </div> | ||
| </header> | ||
| </div> | ||
| </div> | ||
| <script> | ||
| window.onload = function() { document.body.className = ''; } | ||
| window.ontouchmove = function() { return false; } | ||
| window.onorientationchange = function() { document.body.scrollTop = 0; } | ||
|
|
||
| $(document).ready(function() { | ||
| $(".flip").click(function() { | ||
| $(".panel").slideToggle("slow"); | ||
| }); | ||
| }); | ||
| </script> | ||
| </body> | ||
| <!DOCTYPE html> | ||
| <html lang="pt-br"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Djonathan Krause</title> | ||
|
|
||
| <link rel="icon" href="./favicon.png"> | ||
| <link rel="stylesheet" href="./styles/reset.css"> | ||
| <link rel="stylesheet" href="style.css"> | ||
|
|
||
| <script src="https://kit.fontawesome.com/226758f4b2.js" crossorigin="anonymous"></script> | ||
| </head> | ||
|
|
||
| <body> | ||
| <main class="main-container"> | ||
| <section class="section-presentation" id="presentation"> | ||
| <div class="sidebar"> | ||
| <a href="https://www.linkedin.com/in/djonathan-krause-8981a788/" target="_blank" class="sidebar__link"> | ||
| <span class="fa-brands fa-linkedin"></span> | ||
| </a> | ||
| <a href="https://github.com/thisisdjonathan" target="_blank" class="sidebar__link"> | ||
| <span class="fa-brands fa-github"></span> | ||
| </a> | ||
| <a href="https://www.instagram.com/naosou.dj" target="_blank" class="sidebar__link"> | ||
| <span class="fa-brands fa-instagram"></span> | ||
| </a> | ||
|
|
||
| <a href="https://api.whatsapp.com/send?phone=5547991554827" target="_blank" class="sidebar__link"> | ||
| <span class="fa-brands fa-whatsapp"></span> | ||
| </a> | ||
|
|
||
| <a href="mailto:email@djonathan.com" target="_blank" class="sidebar__link"> | ||
| <span class="fa-solid fa-envelope"></span> | ||
| </a> | ||
| </div> | ||
|
|
||
| <div class="container"> | ||
| <div class="container__presentation"> | ||
| <h3 class="presentation__hello">Hello, I'm</h3> | ||
| <h2 class="presentation__name">Djonathan Krause</h2> | ||
| <h2 class="presentation__job">But you can call me DJ</h2> | ||
|
|
||
| <div class="container__buttons"> | ||
| <a href="cv.pdf" target="_blank" class="presentation__button resume"> | ||
| <i class="fa fa-eye"></i> | ||
| <p class="button__title">View Resume</p> | ||
| </a> | ||
|
|
||
| <a href="#projects" class="presentation__button about"> | ||
| <i class="fa fa-code"></i> | ||
| <p class="button__title">Projects</p> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section class="section-projects" id="projects"> | ||
| <h2 class="projects__title">My Projects</h2> | ||
| <div class="container-projects first"> | ||
| <a href="https://github.com/ThisIsDjonathan/alexa-skill-daily-stoic" target="_blank"><img class="projects__image" src="./assets/alexa-skill.png" alt="stoic man writing"></a> | ||
| <div class="projects__description"> | ||
| <h3 class="description__title">Alexa Skill - Daily Stoic</h3> | ||
| <p class="description__text"> | ||
| This is an Alexa Skill that will give you a new stoic quote everyday!</br> | ||
| Download the Portuguese version | ||
| <a | ||
| href="https://www.amazon.com.br/Djonathan-Krause-Di%C3%A1rio-Estoico/dp/B0CRZ9Y9K7/ref=sr_1_8?qid=1708099314&refinements=p_72%3A17833783011&s=alexa-skills&sr=1-8">here</a> | ||
| and the English version | ||
| <a | ||
| href="https://www.amazon.com.br/Djonathan-Krause-Di%C3%A1rio-Estoico/dp/B0CRZ9Y9K7/ref=sr_1_8?qid=1708099314&refinements=p_72%3A17833783011&s=alexa-skills&sr=1-8">here</a>. | ||
| <a | ||
| href="https://github.com/ThisIsDjonathan/alexa-skill-daily-stoic"></br>Here</a> | ||
| is the GitHub with the implementation details. | ||
| </p> | ||
| <a href="https://github.com/ThisIsDjonathan/alexa-skill-daily-stoic" target="_blank"><i class="fa fa-github"></i></a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="container-projects"> | ||
| <a href="https://github.com/ThisIsDjonathan/youtube-audiobook-chapter-identifier" target="_blank"><img class="projects__image" src="./assets/audiobook-bot.jpeg" alt="robot listening to audiobook"></a> | ||
| <div class="projects__description"> | ||
| <h3 class="description__title">Audiobook Chapter Identifier</h3> | ||
| <p class="description__text">This bot identify the chapters in an audiobook hosted on YouTube 🔎🕵🏻♂️📋</p> | ||
| <a href="https://github.com/ThisIsDjonathan/youtube-audiobook-chapter-identifier" target="_blank"><i class="fa fa-arrow-up-right-from-square"></i></a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="container-projects"> | ||
| <a href="https://github.com/ThisIsDjonathan/clone-tabnews" target="_blank"><img class="projects__image" src="./assets/tabnews.png"></a> | ||
| <div class="projects__description"> | ||
| <h3 class="description__title">Clone TabNews.com.br</h3> | ||
| <p class="description__text">This is a <a href="https://www.tabnews.com.br/" target="_blank">TabNews.com.br</a> clone we are building together on <a href="https://curso.dev/" target="_blank">curso.dev</a> 📚👓</p> | ||
| <a href="https://github.com/ThisIsDjonathan/clone-tabnews" target="_blank"><i class="fa fa-arrow-up-right-from-square"></i></a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="container-projects"> | ||
| <a href="https://github.com/ThisIsDjonathan/tictactoe3" target="_blank"><img class="projects__image" src="./assets/tictactoe3.png"></a> | ||
| <div class="projects__description"> | ||
| <h3 class="description__title">TicTacToe 3</h3> | ||
| <p class="description__text">A new version of the classic Tic Tac Toe game 🎲⭕❌. </br> This is work in progress</p> | ||
| <a href="https://github.com/ThisIsDjonathan/tictactoe3" target="_blank"><i class="fa fa-arrow-up-right-from-square"></i></a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| </main> | ||
| <footer class="footer"> | ||
| <p class="footer__text">Djonathan Krause</p> | ||
| </footer> | ||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| @import url("./styles/presentation.css"); | ||
| @import url("./styles/about-me.css"); | ||
| @import url("./styles/tech-stack.css"); | ||
| @import url("./styles/projects.css"); | ||
| @import url("./styles/footer.css"); | ||
| @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;700&display=swap'); | ||
|
|
||
| :root { | ||
| --main-font: 'Josefin Sans', sans-serif; | ||
|
|
||
| --main-color: #FFFFFF; | ||
| --base-color: #000000; | ||
| --contrast-color: rgb(230, 195, 55); | ||
| --secondary-color: #D0CDD6; | ||
| --main-background-color: #333232; | ||
| --second-background-color: #3C3C3C; | ||
| --third-backgroud-color: #F6F6F6; | ||
| } | ||
|
|
||
| body { | ||
| font-family: var(--main-font); | ||
| width: 100%; | ||
| height: 100vh; | ||
| overflow-x: hidden; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,81 @@ | ||
| .section-about__me { | ||
| background-color: var(--second-background-color); | ||
| display: flex; | ||
| flex-direction: column; | ||
| justify-content: center; | ||
| text-align: center; | ||
| padding: 2.5em 1.5em; | ||
| } | ||
|
|
||
| .section-about__me .about__me__title { | ||
| color: var(--contrast-color); | ||
| font-size: 32px; | ||
| font-weight: 700; | ||
| padding-bottom: 1.2em; | ||
| } | ||
|
|
||
| .section-about__me .about__me__subtitle { | ||
| font-size: 26px; | ||
| color: var(--main-color); | ||
| font-weight: 500; | ||
| } | ||
|
|
||
| .section-about__me .about__me__job { | ||
| font-size: 22px; | ||
| padding-top: 0.4em; | ||
| color: var(--main-color); | ||
| font-weight: 500; | ||
| } | ||
|
|
||
| .section-about__me .about__me__location { | ||
| color: var(--main-color); | ||
| font-size: 18px; | ||
| padding: 0.5em 0 2em 0; | ||
| } | ||
|
|
||
| .section-about__me .about__me__description { | ||
| color: var(--secondary-color); | ||
| font-size: 18px; | ||
| line-height: 1.5em; | ||
| } | ||
|
|
||
| @media screen and (min-width: 1024px) { | ||
| .section-about__me { | ||
| padding: 6em 0; | ||
| } | ||
|
|
||
| .section-about__me .about__me__title { | ||
| font-size: 42px; | ||
| } | ||
|
|
||
| .section-about__me .about__me__description { | ||
| margin: 0 12em; | ||
| } | ||
| } | ||
|
|
||
| @media screen and (min-width: 1728px) { | ||
| .section-about__me { | ||
| height: 60vh; | ||
| } | ||
|
|
||
| .section-about__me .about__me__title { | ||
| font-size: 48px; | ||
| } | ||
|
|
||
| .section-about__me .about__me__subtitle { | ||
| font-size: 36px; | ||
| } | ||
|
|
||
| .section-about__me .about__me__job { | ||
| font-size: 30px; | ||
| } | ||
|
|
||
| .section-about__me .about__me__location { | ||
| font-size: 22px; | ||
| } | ||
|
|
||
| .section-about__me .about__me__description { | ||
| font-size: 20px; | ||
| margin: 0 31em; | ||
| } | ||
| } |
Oops, something went wrong.