marc/karnov.club
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
karnov.club/index.html

109 lines
5.7 KiB
HTML
Raw Normal View History

up
2015-12-22 06:03:57 +00:00
<!DOCTYPE html>
<html>
<head>
Form.
2016-03-06 19:45:23 +00:00
<title>Hi!</title>
reboot.
2016-03-02 06:42:58 +00:00
<!-- Meta -->
<meta charset="UTF-8">
Metatags.
2016-03-03 06:30:43 +00:00
<meta property="og:url" content="http://mcataford.github.io" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Marc Cataford" />
<meta property="og:description" content="I live to serve since 1911" />
<meta property="og:image" content="http://mcataford.github.io/facebook.png" />
up
2015-12-22 06:03:57 +00:00
<!-- Stylesheets -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
reboot.
2016-03-02 06:42:58 +00:00
<link rel="stylesheet" href="css/style.css">
<!-- See bottom for JS, loaded last for speed -->
up
2015-12-22 06:03:57 +00:00
</head>
<body>
reboot.
2016-03-02 06:42:58 +00:00
<header>
<nav>
<ul>
<li><a href="#hello">Home</a></li>
<li><a href="#aboutme">About me</a></li>
Form.
2016-03-06 19:45:23 +00:00
<li style="display: none"><a href="#cv">Curriculum vitae</a></li>
Menu adjust.
2016-03-06 19:51:05 +00:00
<li><a href="#contactme">Contact me</a></li>
reboot.
2016-03-02 06:42:58 +00:00
</ul>
</nav>
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
<ul>
Added social links.
2016-03-03 05:58:23 +00:00
<li><a href="https://www.facebook.com/marc.cataford"><i class="fa fa-3x fa-facebook-square"></i></a></li>
<li><a href="https://twitter.com/_mcataford"><i class="fa fa-3x fa-twitter-square"></i></a></li>
<li><a href="https://github.com/mcataford"><i class="fa fa-3x fa-github-square"></i></a></li>
<li><a href="https://ca.linkedin.com/in/marccataford"><i class="fa fa-3x fa-linkedin-square"></i></a></li>
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
</ul>
reboot.
2016-03-02 06:42:58 +00:00
<hr>
</header>
Clean
2015-12-22 18:00:51 +00:00
reboot.
2016-03-02 06:42:58 +00:00
<main class="ubuntu primary">
<div class="panel" id="hello">
Removed useless CSS.
2016-03-03 14:26:06 +00:00
<section class="pad10vw pad30vh">
reboot.
2016-03-02 06:42:58 +00:00
<h1 class="marb1r">Hi, I'm <span class='accent'>Marc</span>.</h1>
<h2>I love to <span id="landing-subtyped"></span></h2>
<p>I am a <span class='accent'>third-year computer engineering</span> student at <span class='accent'>McGill University</span> who is interested in <span class='accent'>full-stack web development</span>, <span class='accent'>embedded electronics</span>, <span class='accent'>low-level programming</span> and <span class='accent'>journalism</span>.
</section>
up
2015-12-22 06:03:57 +00:00
</div>
reboot.
2016-03-02 06:42:58 +00:00
<div class="panel" id="aboutme">
<section class="pad10vw pad10vh">
<h1 class="marb1r">A bit more about me</h1>
Basic footer.
2016-03-03 06:07:04 +00:00
<p>I am <span class='accent'>determined</span>. Before finding (and falling in love with) engineering at 22, I have studied physiology, mathematics and psychology. The day I received the acceptance letter from McGill was amongst the happiest I can remember. I have always been a <span class='accent'>tinkerer</span>, an adept of <span class='accent'>DIY</span> and a <span class='accent'>keen learner</span>. This long journey allowed me to work in cool places like an historically-rich mental hospital, various CÉGEPs and a YMCA, teaching me the value of <span class='accent'>hard work</span> and <span class='accent'>perserverance</span>. No matter the job, my motto is to do things <span class='accent'>well</span> or keep practicing until I can <span class='accent'>exceed expectations</span>.
Update/clean
2015-12-22 07:10:30 +00:00
reboot.
2016-03-02 06:42:58 +00:00
<p>For the past year, I have been working as a <span class='accent'>Web editor</span> at <a href="#">The McGill Daily</a>, one of the oldest university publications in Canada – publishing continually since 1911 and attracting around <span class='accent'>80,000 visitors monthly</span> online.
up
2015-12-22 06:03:57 +00:00
reboot.
2016-03-02 06:42:58 +00:00
<p>I have also been <span class='accent'>tutoring</span> professionally for <span class='accent'>six years</span>, at first in French grammar, and then in various <span class='accent'>computer science and engineering topics</span> ranging from <span class='accent'>software/web programming</span> to <span class='accent'>computer organization and digital design</span>.
Clean
2015-12-22 18:00:51 +00:00
reboot.
2016-03-02 06:42:58 +00:00
<p>I am always looking for new opportunities to <span class='accent'>learn</span> and to <span class='accent'>grow</span>, and one of my primary goals at the moment is acquiring <span class='accent'>professional experience</span> related to my interests through <span class='accent'>freelance contracts</span> and <span class='accent'>internships</span>.
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
reboot.
2016-03-02 06:42:58 +00:00
</section>
Clean
2015-12-22 18:00:51 +00:00
</div>
Metatags.
2016-03-03 06:30:43 +00:00
<div class="panel" id="cv" style="display: none;">
<section>
Test CV section.
2016-03-10 22:51:57 +00:00
<h1 class="marb1r">Curriculum vitae</h1>
<ul>
<li><section>
<h3>The McGill Daily</h3>
<p>Some task
<p>More tasks
</section></li>
</ul>
Metatags.
2016-03-03 06:30:43 +00:00
</section>
</div>
Added skeleton for extra panels
2016-03-03 06:32:13 +00:00
Form.
2016-03-06 19:45:23 +00:00
<div class="panel" id="contactme">
Added contact form.
2016-03-03 14:55:10 +00:00
<section class="pad10vh pad10vw">
<h1 class="marb1r">Get in touch!</h1>
Menu typo.
2016-03-06 19:52:35 +00:00
<p>I would love to hear about you, whether it is about new opportunities, suggestions, or clever limericks. You can reach me through social media at <a href="https://www.twitter.com/_mcataford">@_mcataford</a>, by <a href="mailto:c.marcandre@gmail.com">email</a> or by filling the form below!</p>
Added contact form.
2016-03-03 14:55:10 +00:00
Form.
2016-03-06 19:45:23 +00:00
<form action="http://formspree.io/c.marcandre@gmail.com" method="POST">
Added contact form.
2016-03-03 14:55:10 +00:00
<fieldset>
Form deets.
2016-03-06 19:48:08 +00:00
<p><label for="contactme-name">Hi! My name is </label><input type="text" id="contactme-name" placeholder="Johnny Appleseed" name="contact-name" required> , <label for="contactme-email">you can reach me at </label><input type="email" id="contactme-email" placeholder="my@email.xyz" name="contact-email" required> .</p>
Added contact form.
2016-03-03 14:55:10 +00:00
<p><label for="contactme-details">I would like to tell you about ...</label></p>
Form deets.
2016-03-06 19:48:08 +00:00
<p><textarea id="contactme-details" placeholder="exciting new ideas." name="contact-details" required></textarea></p>
Forgot submit.
2016-03-06 19:46:52 +00:00
<input type="submit" value="Send">
Added contact form.
2016-03-03 14:55:10 +00:00
</fieldset>
</form>
Removed useless CSS.
2016-03-03 14:26:06 +00:00
</section>
Added skeleton for extra panels
2016-03-03 06:32:13 +00:00
</div>
reboot.
2016-03-02 06:42:58 +00:00
</main>
Add popup
2015-12-25 01:47:38 +00:00
reboot.
2016-03-02 06:42:58 +00:00
<footer>
Basic footer.
2016-03-03 06:07:04 +00:00
<p class="txt-center"><em>From scratch, with love – <a href="mailto:c.marcandre@gmail.com">Marc Cataford</a></em></p>
reboot.
2016-03-02 06:42:58 +00:00
</footer>
up
2015-12-22 06:03:57 +00:00
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
reboot.
2016-03-02 06:42:58 +00:00
<!-- JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="js/typed/typed.min.js"></script>
up
2015-12-22 06:03:57 +00:00
<script src="js/animate.js"></script>
</body>
</html>
Reference in a new issue Copy permalink