You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
372 lines
24 KiB
372 lines
24 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Yiğit Çolakoğlu</title>
|
|
|
|
<!-- Meta -->
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="Hey, I am Yiğit Çolakoğlu. A High School student who loves everything about computers. And here is my personal site.">
|
|
<meta name="author" content="Yiğit Çolakoğlu">
|
|
<link rel="shortcut icon" href="favicon.ico">
|
|
|
|
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
|
|
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
|
|
|
|
<!-- Phone Stuff -->
|
|
<link rel="stylesheet" type="text/css" href="assets/fonts/Linearicons-Free-v1.0.0/icon-font.min.css">
|
|
<link rel="stylesheet" type="text/css" href="assets/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
|
|
<link rel="stylesheet" type="text/css" href="assets/css/phone.css">
|
|
|
|
<!-- FontAwesome JS -->
|
|
<script defer src="assets/fontawesome/js/all.js"></script>
|
|
|
|
<!-- Global CSS -->
|
|
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
|
|
|
|
<!-- github calendar css -->
|
|
<link rel="stylesheet" href="assets/plugins/github-calendar/dist/github-calendar.css">
|
|
<!-- github activity css -->
|
|
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">
|
|
<link rel="stylesheet" href="assets/plugins/github-activity/github-activity-0.1.5.min.css">
|
|
|
|
<!-- Theme CSS -->
|
|
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
|
|
|
|
</head>
|
|
|
|
<div id="contact-popup" class="container-contact100">
|
|
<div class="wrap-contact100">
|
|
<button class="close-popup" onclick="removeContact()">X</button>
|
|
<div class="contact100-form-title" style="background-image: url(assets/images/phone.jpg);">
|
|
<span class="contact100-form-title-1">
|
|
So you want my phone number?
|
|
</span>
|
|
|
|
<span class="contact100-form-title-2">
|
|
I can't publicly share my phone number, but if you need it you can hit me up with the form below and I will get in touch!
|
|
</span>
|
|
</div>
|
|
|
|
<form class="contact100-form validate-form" method="post">
|
|
<div class="wrap-input100 validate-input" data-validate="Name is required">
|
|
<span class="label-input100">Full Name:</span>
|
|
<input class="input100" type="text" name="name" placeholder="Enter full name">
|
|
<span class="focus-input100"></span>
|
|
</div>
|
|
|
|
<div class="wrap-input100 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
|
|
<span class="label-input100">Email:</span>
|
|
<input class="input100" type="text" name="email" placeholder="Enter email addess">
|
|
<span class="focus-input100"></span>
|
|
</div>
|
|
|
|
<div class="wrap-input100 validate-input" data-validate="Phone is required">
|
|
<span class="label-input100">Phone:</span>
|
|
<input class="input100" type="text" name="phone" placeholder="Enter phone number">
|
|
<span class="focus-input100"></span>
|
|
</div>
|
|
|
|
<div class="wrap-input100 validate-input" data-validate = "Message is required">
|
|
<span class="label-input100">Message:</span>
|
|
<textarea class="input100" name="reason" placeholder="Your Comment..."></textarea>
|
|
<span class="focus-input100"></span>
|
|
</div>
|
|
|
|
<div class="container-contact100-form-btn">
|
|
<button class="contact100-form-btn">
|
|
<span>
|
|
Submit
|
|
<i class="fa fa-long-arrow-alt-right m-l-7" aria-hidden="true"></i>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div id="main">
|
|
<!-- ******HEADER****** -->
|
|
<header class="header">
|
|
<div class="container clearfix">
|
|
<img class="profile-image img-fluid float-left rounded-circle" src="assets/images/pp.jpeg" alt="profile image" />
|
|
<div class="profile-content float-left">
|
|
<h1 class="name">Yiğit Çolakoğlu</h1>
|
|
<h2 class="desc">Developer, SysAdmin & Cyber Security Enthusiast</h2>
|
|
<ul class="social list-inline">
|
|
<li class="list-inline-item"><a href="https://twitter.com/ColakogluYigit"><i class="fab fa-twitter"></i></a></li>
|
|
<li class="list-inline-item"><a href="https://www.linkedin.com/in/yigitcolakoglu/"><i class="fab fa-linkedin-in"></i></a></li>
|
|
<li class="list-inline-item"><a href="https://github.com/yigitcolakoglu"><i class="fab fa-github-alt"></i></a></li>
|
|
<li class="list-inline-item"><a href="https://medium.com/@yigitcolakoglu"><i class="fab fa-medium"></i></a></li>
|
|
<li class="list-inline-item"><a href="#" onclick="showContact()"><i class="fa fa-mobile"></i></a></li>
|
|
</ul>
|
|
</div><!--//profile-->
|
|
<a class="btn btn-cta-primary float-right" href="mailto:yigit@yigitcolakoglu.com" target="_blank"><i class="fas fa-paper-plane"></i> Contact Me</a>
|
|
</div><!--//container-->
|
|
</header><!--//header-->
|
|
|
|
<div class="container sections-wrapper">
|
|
<div class="row">
|
|
<div class="primary col-lg-8 col-12">
|
|
<section class="about section">
|
|
<div class="section-inner shadow-sm rounded">
|
|
<h2 class="heading">About Me</h2>
|
|
<div class="content">
|
|
<p>I am a 17 year old high school student in Turkey. I have been introduced to coding when I was 10 and I've been loving it since then. Over the years I have accumulated lots of knowledge on various fields due to the variety of projects I've worked on. Coding is my greatest passion. Oh and, I use Arch BTW...</p>
|
|
|
|
</div><!--//content-->
|
|
</div><!--//section-inner-->
|
|
</section><!--//section-->
|
|
|
|
<section class="latest section">
|
|
<div class="section-inner shadow-sm rounded">
|
|
<h2 class="heading">Latest Projects</h2>
|
|
<div class="content">
|
|
|
|
<div class="item featured text-center">
|
|
|
|
<h3 class="title mb-3"><a href="https://github.com/yigitcolakoglu/dotfiles" target="_blank">DotFiles</a></h3>
|
|
<p class="summary">I released my dotfiles due to heavy request from my friends. Hope you have a great time using them :D</p>
|
|
|
|
<div class="featured-image has-ribbon">
|
|
<a href="https://github.com/yigitcolakoglu/dotfiles" target="_blank">
|
|
<img class="img-fluid project-image rounded shadow-sm" src="assets/images/projects/dotfiles.png" alt="dotfiles" />
|
|
</a>
|
|
<div class="ribbon">
|
|
<div class="text">i3</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="desc text-left">
|
|
</div><!--//desc-->
|
|
<a class="btn btn-cta-secondary" href="https://github.com/yigitcolakoglu/dotfiles" target="_blank"><i class="fas fa-thumbs-up"></i> Check it out!</a>
|
|
</div><!--//item-->
|
|
<!-- <hr class="divider" />
|
|
<div class="item row">
|
|
<a class="col-md-4 col-12" href="https://themes.3rdwavemedia.com/bootstrap-templates/startup/coderpro-bootstrap-4-startup-template-for-software-projects/" target="_blank">
|
|
<img class="img-fluid project-image rounded shadow-sm" src="assets/images/projects/project-1.png" alt="project name" />
|
|
</a>
|
|
<div class="desc col-md-8 col-12">
|
|
<h3 class="title"><a href="https://themes.3rdwavemedia.com/bootstrap-templates/startup/coderpro-bootstrap-4-startup-template-for-software-projects/" target="_blank">CoderPro - Boootstrap Startup Template For Software Projects</a></h3>
|
|
<p class="mb-2">You can put one of your secondary projects here. Suspendisse in tellus dolor. Vivamus a tortor eu turpis pharetra consequat quis non metus. Aliquam aliquam, orci eu suscipit pellentesque, mauris dui tincidunt enim, eget iaculis ante dolor non turpis.</p>
|
|
<p><a class="more-link" href="https://themes.3rdwavemedia.com/bootstrap-templates/startup/coderpro-bootstrap-4-startup-template-for-software-projects/" target="_blank"><i class="fas fa-external-link-alt"></i>Find out more</a></p>
|
|
</div>
|
|
</div>-->
|
|
</div><!--//content-->
|
|
</div><!--//section-inner-->
|
|
</section><!--//section-->
|
|
|
|
<section class="projects section">
|
|
<div class="section-inner shadow-sm rounded">
|
|
<h2 class="heading">Other Projects</h2>
|
|
<div class="content">
|
|
|
|
<div class="item">
|
|
<h3 class="title">
|
|
<a href="https://github.com/yigitcolakoglu/MyCity/">Citizen View</a>
|
|
<span class="badge badge-theme">Open Source</span></h3>
|
|
<p class="summary">A system that we developed for the WRO Friendship Tournament 2019 that detects defects on the road and does live traffic management.</p>
|
|
|
|
<p><a class="more-link" href="https://github.com/yigitcolakoglu/MyCity/"><i class="fas fa-external-link-alt"></i> View on Github</a></p>
|
|
</div>
|
|
<div class="item">
|
|
<h3 class="title">
|
|
<a href="https://github.com/yigitcolakoglu/WRO_QR">Food Cloud</a>
|
|
<span class="badge badge-theme">Open Source</span></h3>
|
|
<p class="summary">A project that we developed for the WRO Tournament 2018 that came in first place. It is a system that ensures food safety.</p>
|
|
<p><a class="more-link" href="https://github.com/yigitcolakoglu/WRO_QR"><i class="fas fa-external-link-alt"></i> View on Github</a></p>
|
|
</div>
|
|
<div class="item">
|
|
<h3 class="title">
|
|
<a href="https://siberogretmen.com">Siber Ogretmen</a>
|
|
</h3>
|
|
<p class="summary">An SSH based game that teaches linux commands & an online blog that aims to teach basics about Linux and Cyber Security.</p>
|
|
|
|
</div>
|
|
|
|
</div><!--//content-->
|
|
</div><!--//section-inner-->
|
|
</section><!--//section-->
|
|
|
|
<section class="experience section">
|
|
<div class="section-inner shadow-sm rounded">
|
|
<h2 class="heading">Work Experience</h2>
|
|
<div class="content">
|
|
<div class="item">
|
|
<h3 class="title">Internship - <span class="place"><a href="#">ASELSAN</a></span> <span class="year">(2020 January - 2020 February)</span></h3>
|
|
<p>Worked as an intern at ASELSAN for the duration of a month.</p>
|
|
</div>
|
|
<div class="item">
|
|
<h3 class="title">Internship - <span class="place"><a href="#">DivaSoft</a></span> <span class="year">(2018 Summer)</span></h3>
|
|
<p>Worked as an intern in <a href="http://www.divasoft.com/">DivaSoft</a> during summer time.</p>
|
|
</div>
|
|
</div><!--//content-->
|
|
</div><!--//section-inner-->
|
|
</section><!--//section-->
|
|
<section class="github section">
|
|
<div class="section-inner shadow-sm rounded">
|
|
<h2 class="heading">My GitHub</h2>
|
|
|
|
<div id="github-graph" class="github-graph">
|
|
|
|
</div><!--//github-graph-->
|
|
|
|
<div id="ghfeed" class="ghfeed">
|
|
</div><!--//ghfeed-->
|
|
|
|
</div><!--//secton-inner-->
|
|
</section><!--//section-->
|
|
</div><!--//primary-->
|
|
<div class="secondary col-lg-4 col-12">
|
|
<aside class="info aside section">
|
|
<div class="section-inner shadow-sm rounded">
|
|
<h2 class="heading sr-only">Basic Information</h2>
|
|
<div class="content">
|
|
<ul class="list-unstyled">
|
|
<li><i class="fas fa-map-marker-alt"></i><span class="sr-only">Location:</span>Ankara, TURKEY</li>
|
|
<li><i class="fas fa-envelope"></i><span class="sr-only">Email:</span><a href="mailto:yigit@yigitcolakoglu.com">yigit@yigitcolakoglu.com</a></li>
|
|
<li><i class="fas fa-link"></i><span class="sr-only">Website:</span><a href="https://yigitcolakoglu.com">https://yigitcolakoglu.com</a></li>
|
|
</ul>
|
|
</div><!--//content-->
|
|
</div><!--//section-inner-->
|
|
</aside><!--//aside-->
|
|
|
|
<aside class="skills aside section">
|
|
<div class="section-inner shadow-sm rounded">
|
|
<h2 class="heading">Skills</h2>
|
|
<div class="content">
|
|
<p class="intro">Over the years I have collected a variety of skills, some of which are listed below.</p>
|
|
<div class="skillset">
|
|
|
|
<div class="item">
|
|
<h3 class="level-title">Python & Flask<span class="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to explain more about your skill level..."><i class="fas fa-info-circle"></i>Proficient</span></h3>
|
|
<div class="level-bar">
|
|
<div class="level-bar-inner" data-level="82%">
|
|
</div>
|
|
</div><!--//level-bar-->
|
|
</div><!--//item-->
|
|
|
|
<div class="item">
|
|
<h3 class="level-title">Java & Android<span class="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to explain more about your skill level..."><i class="fas fa-info-circle"></i>Proficient</span></h3>
|
|
<div class="level-bar">
|
|
<div class="level-bar-inner" data-level="89%">
|
|
</div>
|
|
</div><!--//level-bar-->
|
|
</div><!--//item-->
|
|
|
|
<div class="item">
|
|
<h3 class="level-title">Linux & Unix<span class="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to explain more about your skill level..."><i class="fas fa-info-circle"></i>Expert</span></h3>
|
|
<div class="level-bar">
|
|
<div class="level-bar-inner" data-level="92%">
|
|
</div>
|
|
</div><!--//level-bar-->
|
|
</div><!--//item-->
|
|
|
|
<p><a class="more-link" href="https://github.com/yigitcolakoglu"><i class="fas fa-external-link-alt"></i>More on GitHub</a></p>
|
|
</div>
|
|
</div><!--//content-->
|
|
</div><!--//section-inner-->
|
|
</aside><!--//section-->
|
|
|
|
<!-- <aside class="testimonials aside section">
|
|
<div class="section-inner shadow-sm rounded">
|
|
<h2 class="heading">Testimonials</h2>
|
|
<div class="content">
|
|
<div class="item">
|
|
<blockquote class="quote">
|
|
<p><i class="fas fa-quote-left"></i>James is an excellent software engineer and he is passionate about what he does. You can totally count on him to deliver your projects!</p>
|
|
</blockquote>
|
|
<p class="source"><span class="name">Tim Adams</span><br /><span class="title">Curabitur commodo</span></p>
|
|
</div>
|
|
|
|
<p><a class="more-link" href="#"><i class="fas fa-external-link-alt"></i>More on Linkedin</a></p>
|
|
|
|
</div>
|
|
</div>
|
|
</aside>-->
|
|
|
|
<aside class="education aside section">
|
|
<div class="section-inner shadow-sm rounded">
|
|
<h2 class="heading">Education</h2>
|
|
<div class="content">
|
|
<div class="item">
|
|
<h3 class="title"><i class="fas fa-graduation-cap"></i> High School Grad.</h3>
|
|
<h4 class="university">TED Ankara College Private High School<span class="year">(2014-Present)</span></h4>
|
|
</div><!--//item-->
|
|
</div><!--//content-->
|
|
</div><!--//section-inner-->
|
|
</aside><!--//section-->
|
|
|
|
<aside class="languages aside section">
|
|
<div class="section-inner shadow-sm rounded">
|
|
<h2 class="heading">Languages</h2>
|
|
<div class="content">
|
|
<ul class="list-unstyled">
|
|
<li class="item">
|
|
<span class="title"><strong>Turkish:</strong></span>
|
|
<span class="level">Native Speaker <br class="visible-xs"/><i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> </span>
|
|
</li><!--//item-->
|
|
<li class="item">
|
|
<span class="title"><strong>English:</strong></span>
|
|
<span class="level">Advanced Level <br class="visible-sm visible-xs"/><i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i></span>
|
|
</li><!--//item-->
|
|
<li class="item">
|
|
<span class="title"><strong>French:</strong></span>
|
|
<span class="level">Intermediate Level <br class="visible-sm visible-xs"/><i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i></span>
|
|
</li><!--//item-->
|
|
</ul>
|
|
</div><!--//content-->
|
|
</div><!--//section-inner-->
|
|
</aside><!--//section-->
|
|
|
|
<aside class="blog aside section">
|
|
<div class="section-inner shadow-sm rounded">
|
|
<h2 class="heading">Latest Blog Posts</h2>
|
|
<div id="rss-feeds" class="content">
|
|
|
|
</div><!--//content-->
|
|
</div><!--//section-inner-->
|
|
</aside><!--//section-->
|
|
|
|
<aside class="list music aside section">
|
|
<div class="section-inner shadow-sm rounded">
|
|
<h2 class="heading">Favourite coding music</h2>
|
|
<div class="content">
|
|
<ul class="list-unstyled">
|
|
<li><i class="fas fa-headphones"></i> <a href="https://open.spotify.com/track/60nZcImufyMA1MKQY3dcCH?si=j7BQMrqcSfSPm1yjEQcTcQ">Happy</a></li>
|
|
<li><i class="fas fa-headphones"></i> <a href="https://open.spotify.com/track/2mlGPkAx4kwF8Df0GlScsC?si=S7vSMSqxSzCAnCDw29j4-Q">Buttercup</a></li>
|
|
<li><i class="fas fa-headphones"></i> <a href="https://open.spotify.com/track/1dtTRXifeGC51adYy0902s?si=hvFZgYeHSwOmDnN43kyS9w">Bad Boy</a></li>
|
|
<li><i class="fas fa-headphones"></i> <a href="https://open.spotify.com/track/55Fpeuuc2sbQiy74eA1gTt?si=o1OoYEnfS1-0BlQSZPJFog">Wolf in Sheep's Clothing</a></li>
|
|
</ul>
|
|
</div><!--//content-->
|
|
</div><!--//section-inner-->
|
|
</aside><!--//section-->
|
|
|
|
<aside class="list conferences aside section">
|
|
<div class="section-inner shadow-sm rounded">
|
|
<h2 class="heading">Conferences</h2>
|
|
<div class="content">
|
|
<ul class="list-unstyled">
|
|
<li><i class="far fa-calendar-alt"></i> <a href="https://twitter.com/nopcon" target="_blank">NOPCON 2019</a> (Ankara, Turkey)</li>
|
|
</ul>
|
|
</div><!--//content-->
|
|
</div><!--//section-inner-->
|
|
</aside><!--//section-->
|
|
</div>
|
|
<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
|
|
<script src="assets/js/phone.js"></script>
|
|
<!-- Javascript -->
|
|
<script type="text/javascript" src="assets/plugins/jquery-3.4.1.min.js"></script>
|
|
<script type="text/javascript" src="assets/plugins/popper.min.js"></script>
|
|
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="assets/plugins/jquery-rss/dist/jquery.rss.min.js"></script>
|
|
<!-- github calendar plugin -->
|
|
<script type="text/javascript" src="assets/plugins/github-calendar/dist/github-calendar.min.js"></script>
|
|
<!-- github activity plugin -->
|
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.2/mustache.min.js"></script>
|
|
<script type="text/javascript" src="assets/plugins/github-activity/github-activity-0.1.5.min.js"></script>
|
|
<!-- custom js -->
|
|
<script type="text/javascript" src="assets/js/main.js"></script>
|
|
</body>
|
|
</html>
|
|
|