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

121 lines
7 KiB
HTML
Raw Normal View History

up
2015-12-22 06:03:57 +00:00
<!DOCTYPE html>
<html>
<head>
<title>Hello!</title>
<!-- Stylesheets -->
<link href="css/style.css" rel="stylesheet">
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
<!--<link href="css/fullpage.css" rel="stylesheet">-->
<link rel="stylesheet" href="css/typed/main.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
up
2015-12-22 06:03:57 +00:00
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<body>
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
<div id="page-gen">
<div id="topmenu">
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand courgette menulink" id="#panel-landing">Marc Cataford</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse oswald basesize" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a id="#panel-aboutme" class="menulink">About me <span class="sr-only">(current)</span></a></li>
<li><a id="#panel-intouch" class="menulink">Get in touch!</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<div class="social">
<ul>
<li><a href="https://www.facebook.com/marc.cataford"><i class="fa fa-2x fa-facebook-square"></i></a></li>
<li><a href="https://twitter.com/_mcataford"><i class="fa fa-2x fa-twitter-square"></i></a></li>
<li><a href="https://github.com/mcataford"><i class="fa fa-2x fa-github-square"></i></a></li>
<li><a href="https://www.instagram.com/_mcataford/"><i class="fa fa-2x fa-instagram"></i></a></li>
</ul>
</div>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
<div id="panel-landing" class="panel-gen primarytext">
Reflect change in unit
2015-12-23 02:32:20 +00:00
<div id="container-landing" class="basesize">
<p id="greet" class="mb-z opensans">I'm <span class="accent bold oswald">Marc</span> and I love to <span id="typedWords" class="accent bold oswald"></span></p>
Clean
2015-12-22 18:00:51 +00:00
<div id="landing-blurb">
Added content.
2015-12-22 23:44:11 +00:00
<p class="mt-z basesize opensans"> I am a <span class="accent accentsize bold oswald">third-year computer engineering student</span> at <span class="accent accentsize bold oswald">McGill University</span>.</p>
<p class="basesize opensans">I'm interested in <span class="accent accentsize bold oswald">full-stack web development</span>, <span class="accent accentsize bold oswald">hardware design</span> and <span class="accent accentsize bold oswald">low-level programming</span>.
Clean
2015-12-22 18:00:51 +00:00
</div>
up
2015-12-22 06:03:57 +00:00
</div>
</div>
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
<div id="panel-aboutme" class="panel-gen primarytext">
<div id="container-aboutme" class="opensans basesize">
Image U/L
2015-12-22 23:59:40 +00:00
<div style="text-align: center"><img id="img_bubble1" src="images/web_couchpotato.jpg"></div>
Added projects content
2015-12-23 03:03:58 +00:00
<p>My name is <span class="accent accentsize bold oswald">Marc Cataford</span>, I am a <span class="accent accentsize bold oswald">25</span> years old Montrealer.
Added content.
2015-12-22 23:44:11 +00:00
<p>I'm currently completing my <span class="accent accentsize bold oswald">third year</span> as a <span class="accent accentsize bold oswald">computer engineering</span> student at McGill University and I am looking for <span class="accent accentsize bold oswald">new opportunities</span>.
<p>I'm currently employed as a <span class="accent accentsize bold oswald">Web editor / Web developer</span> at <span class-"accent accentsize bold oswald">The McGill Daily</span>, a student newspaper founded in 1911 that is published weekly, and updated almost daily online for our 80,000~ visitors. I have also been <span class="accent accentsize bold oswald">tutoring and teaching computer engineering topics and programming</span> for the past three years independently.
<p>My programming skillset includes <span class="accent accentsize bold oswald">Java</span>, <span class="accent accentsize bold oswald">C/C++</span>, <span class="accent accentsize bold oswald">PHP</span> and <span class="accent accentsize bold oswald">Javascript</span>, as well as basic knowledge of <span class="accent accentsize bold oswald">Python</span>, <span class="accent accentsize bold oswald">Perl</span>, <span class="accent accentsize bold oswald">Assembly</span> and <span class="accent accentsize bold oswald">Matlab</span>.
<p>I also have experience with <span class="accent accentsize bold oswald">Photoshop</span>, <span class="accent accentsize bold oswald">Wordpress</span> and <span class="accent accentsize bold oswald">Logisim</span>.
Update/clean
2015-12-22 07:10:30 +00:00
up
2015-12-22 06:03:57 +00:00
</div>
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
up
2015-12-22 06:03:57 +00:00
</div>
Clean
2015-12-22 18:00:51 +00:00
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
<div id="panel-intouch" class="panel-gen primarytext">
d
2015-12-23 05:06:03 +00:00
<div id="container-intouch" class="opensans">
Bug
2015-12-23 05:05:15 +00:00
<p class="accent accentsize oswald">Want to get in touch?</p>
Adde content
2015-12-23 04:19:04 +00:00
<p class="primarytext basesize">I'd love to hear from you!</p>
<br>
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
<p class="primarytext basesize">Feel free to reach out through <span class="accent accentsize oswald">social media</span> by clicking on the appropriate icon in the bar at the top of the page.</p>
<p class="primarytext basesize">You can also send me an <span class="accent accentsize oswald">email</span> at <a href="mailto:c.marcandre@gmail.com">c.marcandre[at]gmail.com</a>, or fill the form below!</p>
fix
2015-12-24 08:03:08 +00:00
<form name="contactme" action="https://api.formspree.io/c.marcandre@gmail.com" method="POST">
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
<p class="accentsize accent oswald">About you:</p>
fix
2015-12-24 08:06:21 +00:00
<p class="basesize">My name is <input name="name" type="text" class="accent" placeholder="Johnny Appleseed"required>, I'm a <input nform="contactme" name="function" type="text" class="accent" placeholder="fellow tinkerer">. You can come back to me at <input form="contactme" name="_replyto" type="text" class="accent" placeholder="foo@bar.baz" required></p>
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
<p class="basesize">I'd like to tell you about ...</p>
fix
2015-12-24 08:03:08 +00:00
<p class="basesize"><textarea form="contactme" name="details" class="accent" placeholder="... this new cool thing I'm working on." required></textarea></p>
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
<div class="ta-center">
fix
2015-12-24 08:03:08 +00:00
<input form="contactme" type="submit" name="sbt" value="Send message">
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
</div>
fix
2015-12-24 08:03:08 +00:00
<input form="contactme" type="hidden" name="_subject" value="Contact form submission" />
<input form="contactme" type="text" name="_gotcha" style="display:none" />
<input form="contactme" type="hidden" name="_next" value="thanks.html" />
Fix
2015-12-24 07:55:18 +00:00
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
</form>
Clean
2015-12-22 18:00:51 +00:00
</div>
</div>
up
2015-12-22 06:03:57 +00:00
</div>
<!-- JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
up
2015-12-22 06:03:57 +00:00
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
<script src="js/jquery-visible/jquery.visible.min.js"></script>
up
2015-12-22 06:03:57 +00:00
<script src="js/typed.js"></script>
Fixed layout, added stuff.
2015-12-24 07:36:59 +00:00
up
2015-12-22 06:03:57 +00:00
<script src="js/animate.js"></script>
</body>
</html>
Reference in a new issue Copy permalink