CINXE.COM
Owen Gombas
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png"> <link rel="manifest" href="favicon/site.webmanifest"> <title>Owen Gombas</title> </head> <style> body { font-size: 20px; font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; font-weight: 600; display: flex; width: 100%; flex: 1; height: 100vh; justify-content: center; align-items: center; overflow: hidden; margin: 0; padding: 0 20px; } * { box-sizing: border-box; } .mono { font-weight: 500; font-family: 'Courier New', Courier, monospace; } .flex { display: flex; flex-direction: column; flex-wrap: wrap; } .flex-direction-row { flex-direction: row; } .button { color: black; background-color: rgb(255, 217, 0); padding: 10px 20px; border-radius: 15px; box-shadow: 1px 5px 20px 0px rgba(255, 217, 0, 0.5); transition: all .2s; display: flex; align-items: center; justify-content: center; text-align: center; } .button:hover { box-shadow: 1px 5px 25px 0px rgba(255, 217, 0, 0.6); } .button:active { box-shadow: 1px 5px 10px 0px rgba(255, 217, 0, 0.6); } .align-items-start { align-items: start; } .align-items-center { align-items: center; } .button a { color: black; } .button a:visited { color: black; } .button a:active { color: black; } a { color: rgb(0, 17, 255); text-decoration: none; } a:visited { color: rgb(0, 17, 255); } a:active { color: rgb(0, 17, 255); } .mt25 { margin-top: 25px; } .mt10 { margin-top: 10px; } .ml25 { margin-left: 25px; } .ml10 { margin-left: 10px; } .description { color: rgb(124, 124, 124); } .big-text { font-size: 1.5rem; } .medium-text { font-size: 1.2rem; } #heart { width: 50px; margin-right: 10px; } .flex-no-wrap { flex-wrap: nowrap; } .no-wrap { text-wrap: nowrap; } </style> <body> <div class="flex mono"> <div class="flex flex-direction-row align-items-center"> <div class="flex"> <img id="heart" src="images/heart_small.jpg" /> </div> <div id="me" class="flex"> <div class="big-text"> Owen Gombas </div> <div class="description medium-text"> Master's student in Computer Science at <a href="https://unibe.ch">University of Bern</a> </div> </div> </div> <div class="mt25 no-wrap"> <div class="mt10"> > <a href="https://www.linkedin.com/in/owen-calvin-gombas/" target="__blank">Linkedin</a> </div> <div class="mt10 no-wrap"> > <a href="https://github.com/owengombas" target="__blank">GitHub</a> </div> <div class="mt10 no-wrap"> > <a href="https://huggingface.co/owengombas" target="__blank">HuggingFace</a> </div> <div class="mt10 no-wrap"> > <a href="https://dev.to/owen" target="__blank">dev.to</a> </div> </div> </div> </body> </html>