109 lines
4.8 KiB
Plaintext
109 lines
4.8 KiB
Plaintext
<head>
|
|
<title>Retrylife</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css" rel="stylesheet">
|
|
<style>
|
|
body{
|
|
background-color:#e5e9f0;
|
|
background-image: url(https://www.bypeople.com/wp-content/uploads/2015/05/css-grid-like-background.png);
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-attachment: fixed;
|
|
}
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
</style>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
|
</head>
|
|
<body>
|
|
<div style="height:35%"></div>
|
|
|
|
<div class="bg-white mx-auto max-w-sm shadow-lg rounded-lg overflow-hidden">
|
|
<div class="sm:flex sm:items-center px-6 py-4">
|
|
<img class="block h-16 sm:h-24 rounded-full mx-auto mb-4 sm:mb-0 sm:mr-4 sm:ml-0" src="https://avatars0.githubusercontent.com/u/21065412?s=460&v=4" alt="">
|
|
<div class="text-center sm:text-left sm:flex-grow">
|
|
<div class="mb-4">
|
|
<p class="text-xl leading-tight">Evan Pratten</p>
|
|
<p class="text-sm leading-tight text-grey-dark">Programmer and student</p>
|
|
</div>
|
|
<div>
|
|
<a href="https://github.com/ewpratten"><button class="text-xs font-semibold rounded-full px-4 py-1 leading-normal bg-white border border-purple text-purple hover:bg-purple hover:text-white">GitHub</button></a>
|
|
<a href="#about"><button class="text-xs font-semibold rounded-full px-4 py-1 leading-normal bg-white border border-purple text-purple hover:bg-purple hover:text-white">View More</button></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="height:40%"></div>
|
|
|
|
<br><br>
|
|
|
|
<div id="about"></div>
|
|
<div class="bg-white mx-auto max-w-sm shadow-lg rounded-lg overflow-hidden">
|
|
<div class="sm:flex sm:items-center px-6 py-4">
|
|
<div class="text-center sm:text-left sm:flex-grow">
|
|
<div class="mb-4">
|
|
<p class="text-xl leading-tight">About Me</p>
|
|
<br>
|
|
<p class="text-sm leading-tight text-grey-dark">I am a teenager who loves to write code and make stuff. Currently, I am in school, doing stuff... Aside from that, I am a programming captain on FRC team #<a href="https://github.com/frc5024" style="text-decoration:none">5024</a> and spend my free time either programming or thinking about programming</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div class="bg-white mx-auto max-w-sm shadow-lg rounded-lg overflow-hidden">
|
|
<div class="sm:flex sm:items-center px-6 py-4">
|
|
<div class="text-center sm:text-left sm:flex-grow">
|
|
<div class="mb-4">
|
|
<p class="text-xl leading-tight">Robotics</p>
|
|
<br>
|
|
<p class="text-sm leading-tight text-grey-dark">As a part of team 5024, I co-lead the programming team and help teach new programmers about programming in compiled languages, interfacing with hardware, and computer vidsion. Currently, we are in the middle of a build season and are working to create code for the many tasks involved in this year's game.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div class="bg-white mx-auto max-w-sm shadow-lg rounded-lg overflow-hidden">
|
|
<div class="sm:flex sm:items-center px-6 py-4">
|
|
<div class="text-center sm:text-left sm:flex-grow">
|
|
<div class="mb-4">
|
|
<p class="text-xl leading-tight">Social Media</p>
|
|
<br>
|
|
<p class="text-sm leading-tight text-grey-dark">When I am not programming or doing homework, I post updates on robotics and other projects to my social media. Feel free to check my posts out.</p>
|
|
</div>
|
|
<div>
|
|
<a href="https://twitter.com/ewpratten"><button class="text-xs font-semibold rounded-full px-4 py-1 leading-normal bg-white border border-purple text-purple hover:bg-purple hover:text-white">Twitter</button></a>
|
|
<a href="https://devrant.com/users/ewpratten"><button class="text-xs font-semibold rounded-full px-4 py-1 leading-normal bg-white border border-purple text-purple hover:bg-purple hover:text-white">devRant</button></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
<div class="bg-white mx-auto max-w-sm shadow-lg rounded-lg overflow-hidden">
|
|
<div class="sm:flex sm:items-center px-6 py-4">
|
|
<div class="text-center sm:text-left sm:flex-grow">
|
|
<div class="mb-4">
|
|
<p class="text-xl leading-tight">Web Development</p>
|
|
<br>
|
|
<p class="text-sm leading-tight text-grey-dark">In my free time, I build websites for varipus people and groups. Here are some of the sites I have built:</p><br>
|
|
<li><a href="https://frc5024.github.io">frc5024</a></li>
|
|
<li><a href="https://hyperlisk.xyz">hyperlisk.xyz</a></li>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br><br>
|
|
|
|
<br><br>
|
|
<div style="text-align:center;">
|
|
<p class="text-sm leading-tight text-grey-dark" ><a href="https://keybase.io/ewpratten/pgp_keys.asc" style="text-decoration:none;padding:2;border-radius:2px;background-color:#e5e9f0;">56F5 A6FB 5A8E EF90</a></p>
|
|
</div>
|
|
|
|
|
|
</body> |