karnov.club/index.html

119 lines
8 KiB
HTML
Raw Normal View History

2015-12-22 06:03:57 +00:00
<!DOCTYPE html>
<html>
2016-07-11 05:34:16 +00:00
<head>
2016-07-20 20:10:42 +00:00
<title>Marc Cataford</title>
2016-07-11 05:34:16 +00:00
2016-07-20 20:10:42 +00:00
<!-- Meta -->
2016-07-11 05:34:16 +00:00
<meta charset='UTF-8'>
<meta name="viewport" content="width=device-width, initial-scale=1">
2016-07-20 20:10:42 +00:00
<!-- Local stylesheets -->
2016-07-11 05:34:16 +00:00
<link href='style.css' rel='stylesheet'>
2016-07-20 20:10:42 +00:00
<!-- External stylesheets -->
2016-07-11 05:34:16 +00:00
<link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Ubuntu:300,500,300italic' rel='stylesheet' type='text/css'>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet'>
2016-07-20 20:10:42 +00:00
<!-- External JS -->
2016-07-11 05:34:16 +00:00
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js'></script>
2016-07-20 20:10:42 +00:00
<!-- Local JS -->
<script src='js/events.js'></script>
2016-07-11 05:34:16 +00:00
</head>
<body>
2016-07-20 20:10:42 +00:00
<!--<header></header>-->
2016-07-11 05:34:16 +00:00
<main>
<div id='landing-wrapper' class='full-page-wrapper'>
<div id='landing-block-1'>
<h1>Marc Cataford</h1>
<p>Get in touch through Twitter at @_mcataford, on Github at @mcataford or via email at c.marcandre [at] gmail.com
</p>
</div>
<div id='landing-block-2'>
<p class='landing-text-block'>Hi! My name is Marc, and I'm a fourth-year computer engineering student from McGill University. My main interests lie in full-stack web development, embdedded systems, and harnessing new technologies to educate, spread information and create a more sustainable world.
</p>
<p class='landing-text-block'>When I'm not working on a project, tinkering at home or learning new things, I like to cycle around Montreal and experiment with preserves and food in general.
</p>
</div>
<div id='landing-block-3'>
<button class='button'>See what I can do for you</button>
</div>
</div>
<div id='skills-wrapper' class='full-page-wrapper content-wrapper'>
<header class='left-border'>
<h1>Skills</h1>
<p>Through my practice as a tutor and web developer, I've learned a lot in a short amount of time, as deadlines were often immovable. If a project requires the use of something I'm not familiar with, the first step is always to research and learn so I can apply.</p>
</header>
<h3 class='left-border'>Software</h3>
<section>
<p>Through personal practice and teaching it to others, I've become proficient in many programming languages such as <span class='important-bit'>C/C++</span>, <span class='important-bit'>Java</span>, <span class='important-bit'>Javascript</span>, <span class='important-bit'>PHP</span>, <span class='important-bit'>x86-64 Intel assembly</span> and <span class='important-bit'>Python</span>. I've also worked with frameworks such as <span class='important-bit'>JQuery</span>, <span class='important-bit'>AngularJS</span> and <span class='important-bit'>Flask</span>.</p>
<p>I've also been working with <span class='important-bit'>Wordpress</span> and Wordpress-like systems for a while.</p>
</section>
<h3 class='left-border'>Hardware</h3>
<section>
<p>Over the course of a semester, I joined a robotics club that taught be the basics of <span class='important-bit'>circuit board prototyping</span> and <span class='important-bit'>soldering</span>, I then went to experiment with my trusty <span class='important-bit'>Arduino</span>, bulk electronics and a <span class='important-bit'>PIC programmer</span>.
</p>
<p>Recent coursework also led me to work with <span class='important-bit'>FPGAs</span> and <span class='important-bit'>VHDL</span>.</p>
</section>
</div>
<div id='resume-wrapper' class='full-page-wrapper content-wrapper'>
<header class='left-border'>
2016-07-21 18:44:50 +00:00
<h1><i class="fa fa-cogs" aria-hidden="true"></i>Current work</h1>
2016-07-11 05:34:16 +00:00
<p>I've had many different jobs before settling in engineering, these experiences have taught me to be quick on my feet, always receptive and willing to learn.</p>
<p>My prime directive is to assess what the expectations are, and find a way to exceed them.</p>
2016-07-20 20:10:42 +00:00
<p><a href='res/marc-cataford-resume.pdf'>Click here</a> to access my full résumé.</p>
2016-07-11 05:34:16 +00:00
</header>
2016-07-21 18:44:50 +00:00
<h3 class='left-border'><i class="fa fa-terminal" aria-hidden="true"></i> Web development</h3>
2016-07-11 05:34:16 +00:00
<section>
2016-07-20 20:10:42 +00:00
<p>As a web developer for <span class='important-bit'>The McGill Daily</span>, <span class='important-bit'>SSMU University Affairs</span> and other organizations, I've had the chance to design and implement web content accessed by thousands. I believe in simplicity, as design should highlight the content, not take the focus away from it.
</p>
2016-07-11 05:34:16 +00:00
</section>
2016-07-21 18:44:50 +00:00
<h3 class='left-border'><i class="fa fa-graduation-cap" aria-hidden="true"></i> Education</h3>
2016-07-11 05:34:16 +00:00
<section>
2016-07-20 20:10:42 +00:00
<p>I have been a computer science/engineering tutor at <span class='important-bit'>Chegg Tutors Inc.</span> since 2013, and a French tutor at <span class='important-bit'>Cégep du Vieux Montréal</span> since 2010. I have also tutoring privately around McGill for about a year. My time as a teacher has been a tremendous help in refining my communication and planning skills.</p>
2016-07-11 05:34:16 +00:00
</section>
</div>
<div id='skills-wrapper' class='full-page-wrapper content-wrapper'>
<header class='left-border'>
2016-07-21 18:44:50 +00:00
<h1><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Get in touch</h1>
2016-07-11 05:34:16 +00:00
<p>Got ideas you want to discuss? Interested in hiring a consultant or web developer? Want a cycling partner? I'd love to hear from you! Use the form below or use one of these social media links to send me something.</p>
</header>
<div class='social-media'>
<div class='smGlobalBtn'>
2016-07-20 20:14:23 +00:00
<a href='https://ca.linkedin.com/in/marccataford'><i class="fa fa-linkedin" aria-hidden="true"></i></a>
2016-07-11 05:34:16 +00:00
</div>
<div class='smGlobalBtn'>
2016-07-20 20:14:23 +00:00
<a href='https://www.facebook.com/marc.cataford'><i class="fa fa-facebook" aria-hidden="true"></i></a>
2016-07-11 05:34:16 +00:00
</div>
<div class='smGlobalBtn'>
2016-07-20 20:14:23 +00:00
<a href='https://twitter.com/@marccataford'><i class="fa fa-twitter" aria-hidden="true"></i></a>
2016-07-11 05:34:16 +00:00
</div>
<div class='smGlobalBtn'>
2016-07-20 20:14:23 +00:00
<a href='https://github.com/mcataford'><i class="fa fa-github" aria-hidden="true"></i></a>
2016-07-11 05:34:16 +00:00
</div>
</div>
2016-07-20 20:34:59 +00:00
<form action='https://formspree.io/c.marcandre@gmail.com' method='post'>
2016-07-11 05:34:16 +00:00
<label for='name'>My name is </label><input name='name' id='name' type='text' placeholder='Johnny Appleseed'>,
<label for='email'>and my email address is </label><input name='email' type='email' placeholder='me@mydomain.xyz'>.<br>
<textarea placeholder="I'd like to tell you about something awesome. Here it goes ..."></textarea>
<div class='submit-btn-wrapper'>
<input class='button inv-button' type='submit' value='Send'></div>
</form>
</div>
</main>
<aside>
<button id='nav-arrow-up' class='button inv-button nav-arrow'><i class="fa fa-arrow-up" aria-hidden="true"></i></button>
<button id='nav-arrow-down' class='button inv-button nav-arrow'><i class="fa fa-arrow-down" aria-hidden="true"></i></button>
</aside>
</body>
</html>