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

Reboot.

Browse source
This commit is contained in:
Marc Cataford 2017-12-30 00:17:27 -05:00
parent 3c60e2c798
commit cc8e7a0656
14 changed files with 797 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
.gitignore vendored
View file

@ -1,8 +0,0 @@
.project
.settings/org.eclipse.wst.jsdt.ui.superType.name
.settings/org.eclipse.wst.jsdt.ui.superType.container
.settings/.jsdtscope

91
about/index.html Normal file
View file

@ -0,0 +1,91 @@
<!DOCTYPE html>
<html lang="en">
<!DOCTYPE html>
<head>
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="http://localhost:4000/css/base.css" rel="stylesheet"/>
<title>About</title>
</head>
<body>
<body>
<header>
<img src="http://placehold.it/50x50"/>
<nav class="sections">
<ul>
<li>
<li><a href="#">Home</a></li><li><a href="#">Projects</a></li><li><a href="#">Blog</a></li><li><a href="#">Resumé</a></li>
</ul>
</nav>
<nav class="social">
<a href="https://www.github.com/mcataford">
<img src="http://localhost:4000/assets/git.svg"/>
</a>
<a href="https://www.linkedin.com/in/marccataford">
<img src="http://localhost:4000/assets/linkedin.svg"/>
</a>
<a href="https://www.twitter.com/marccataford">
<img src="http://localhost:4000/assets/twitter.svg"/>
</a>
</nav>
</header>
<main class="page-content" aria-label="Content">
<div class="wrapper">
<article class="post">
<header class="post-header">
<h1 class="post-title">About</h1>
</header>
<div class="post-content">
<p>This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at <a href="http://jekyllrb.com/">jekyllrb.com</a></p>
<p>You can find the source code for the Jekyll new theme at:
<a href="https://github.com/jekyll"><span class="icon icon--github"><svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"></path></svg>
</span><span class="username">jekyll</span></a>
/
<a href="https://github.com/jekyll/minima">minima</a></p>
<p>You can find the source code for Jekyll at
<a href="https://github.com/jekyll"><span class="icon icon--github"><svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"></path></svg>
</span><span class="username">jekyll</span></a>
/
<a href="https://github.com/jekyll/jekyll">jekyll</a></p>
</div>
</article>
</div>
</main>
<footer>
</footer>
</body>
</html>
</body>
</html>

2
assets/git.svg Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="utf-8"?>
<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M710 1308q0 66-93 66-107 0-107-63 0-64 98-64 102 0 102 61zm-36-466q0 85-74 85-77 0-77-84 0-90 77-90 36 0 55 25.5t19 63.5zm166-75v-125q-78 29-135 29-50-29-110-29-86 0-145 57t-59 143q0 50 29.5 102t73.5 67v3q-38 17-38 85 0 53 41 77v3q-113 37-113 139 0 45 20 78.5t54 51 72 25.5 81 8q224 0 224-188 0-67-48-99t-126-46q-27-5-51.5-20.5t-24.5-39.5q0-44 49-52 77-15 122-70t45-134q0-24-10-52 37-9 49-13zm59 419h137q-2-27-2-82v-387q0-46 2-69h-137q3 23 3 71v392q0 50-3 75zm509-16v-121q-30 21-68 21-53 0-53-82v-225h52q9 0 26.5 1t26.5 1v-117h-105q0-82 3-102h-140q4 24 4 55v47h-60v117q36-3 37-3 3 0 11 .5t12 .5v2h-2v217q0 37 2.5 64t11.5 56.5 24.5 48.5 43.5 31 66 12q64 0 108-24zm-356-706q0-36-24-63.5t-60-27.5-60.5 27-24.5 64q0 36 25 62.5t60 26.5 59.5-27 24.5-62zm612-48v960q0 119-84.5 203.5t-203.5 84.5h-960q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

BIN
assets/github-square.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 794 B

BIN
assets/linkedin-square.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 592 B

2
assets/linkedin.svg Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="utf-8"?>
<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M365 1414h231v-694h-231v694zm246-908q-1-52-36-86t-93-34-94.5 34-36.5 86q0 51 35.5 85.5t92.5 34.5h1q59 0 95-34.5t36-85.5zm585 908h231v-398q0-154-73-233t-193-79q-136 0-209 117h2v-101h-231q3 66 0 694h231v-388q0-38 7-56 15-35 45-59.5t74-24.5q116 0 116 157v371zm468-998v960q0 119-84.5 203.5t-203.5 84.5h-960q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 546 B

470
assets/main.css Normal file
View file

@ -0,0 +1,470 @@
/**
* Reset some basic elements
*/
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
margin: 0;
padding: 0; }
/**
* Basic styling
*/
body {
font: 400 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #111;
background-color: #fdfdfd;
-webkit-text-size-adjust: 100%;
-webkit-font-feature-settings: "kern" 1;
-moz-font-feature-settings: "kern" 1;
-o-font-feature-settings: "kern" 1;
font-feature-settings: "kern" 1;
font-kerning: normal; }
/**
* Set `margin-bottom` to maintain vertical rhythm
*/
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure,
.highlight {
margin-bottom: 15px; }
/**
* Images
*/
img {
max-width: 100%;
vertical-align: middle; }
/**
* Figures
*/
figure > img {
display: block; }
figcaption {
font-size: 14px; }
/**
* Lists
*/
ul, ol {
margin-left: 30px; }
li > ul,
li > ol {
margin-bottom: 0; }
/**
* Headings
*/
h1, h2, h3, h4, h5, h6 {
font-weight: 400; }
/**
* Links
*/
a {
color: #2a7ae2;
text-decoration: none; }
a:visited {
color: #1756a9; }
a:hover {
color: #111;
text-decoration: underline; }
.social-media-list a:hover {
text-decoration: none; }
.social-media-list a:hover .username {
text-decoration: underline; }
/**
* Blockquotes
*/
blockquote {
color: #828282;
border-left: 4px solid #e8e8e8;
padding-left: 15px;
font-size: 18px;
letter-spacing: -1px;
font-style: italic; }
blockquote > :last-child {
margin-bottom: 0; }
/**
* Code formatting
*/
pre,
code {
font-size: 15px;
border: 1px solid #e8e8e8;
border-radius: 3px;
background-color: #eef; }
code {
padding: 1px 5px; }
pre {
padding: 8px 12px;
overflow-x: auto; }
pre > code {
border: 0;
padding-right: 0;
padding-left: 0; }
/**
* Wrapper
*/
.wrapper {
max-width: -webkit-calc(800px - (30px * 2));
max-width: calc(800px - (30px * 2));
margin-right: auto;
margin-left: auto;
padding-right: 30px;
padding-left: 30px; }
@media screen and (max-width: 800px) {
.wrapper {
max-width: -webkit-calc(800px - (30px));
max-width: calc(800px - (30px));
padding-right: 15px;
padding-left: 15px; } }
/**
* Clearfix
*/
.wrapper:after, .footer-col-wrapper:after {
content: "";
display: table;
clear: both; }
/**
* Icons
*/
.icon > svg {
display: inline-block;
vertical-align: middle; }
.icon > svg path {
fill: #828282; }
.social-media-list .icon {
padding-right: 5px; }
.social-media-list li + li {
padding-top: 5px; }
/**
* Site header
*/
.site-header {
border-top: 5px solid #424242;
border-bottom: 1px solid #e8e8e8;
min-height: 55.95px;
position: relative; }
.site-title {
font-size: 26px;
font-weight: 300;
line-height: 54px;
letter-spacing: -1px;
margin-bottom: 0;
float: left; }
.site-title, .site-title:visited {
color: #424242; }
.site-nav {
float: right;
line-height: 54px; }
.site-nav .nav-trigger {
display: none; }
.site-nav .menu-icon {
display: none; }
.site-nav .page-link {
color: #111;
line-height: 1.5; }
.site-nav .page-link:not(:last-child) {
margin-right: 20px; }
@media screen and (max-width: 600px) {
.site-nav {
position: absolute;
top: 9px;
right: 15px;
background-color: #fdfdfd;
border: 1px solid #e8e8e8;
border-radius: 5px;
text-align: right; }
.site-nav label[for="nav-trigger"] {
display: block;
float: right;
width: 36px;
height: 36px;
z-index: 2;
cursor: pointer; }
.site-nav .menu-icon {
display: block;
float: right;
width: 36px;
height: 26px;
line-height: 0;
padding-top: 10px;
text-align: center; }
.site-nav .menu-icon > svg path {
fill: #424242; }
.site-nav input ~ .trigger {
clear: both;
display: none; }
.site-nav input:checked ~ .trigger {
display: block;
padding-bottom: 5px; }
.site-nav .page-link {
display: block;
padding: 5px 10px;
margin-left: 20px; }
.site-nav .page-link:not(:last-child) {
margin-right: 0; } }
/**
* Site footer
*/
.site-footer {
border-top: 1px solid #e8e8e8;
padding: 30px 0; }
.footer-heading {
font-size: 18px;
margin-bottom: 15px; }
.contact-list,
.social-media-list {
list-style: none;
margin-left: 0; }
.footer-col-wrapper {
font-size: 15px;
color: #828282;
margin-left: -15px; }
.footer-col {
float: left;
margin-bottom: 15px;
padding-left: 15px; }
.footer-col-1 {
width: -webkit-calc(35% - (30px / 2));
width: calc(35% - (30px / 2)); }
.footer-col-2 {
width: -webkit-calc(20% - (30px / 2));
width: calc(20% - (30px / 2)); }
.footer-col-3 {
width: -webkit-calc(45% - (30px / 2));
width: calc(45% - (30px / 2)); }
@media screen and (max-width: 800px) {
.footer-col-1,
.footer-col-2 {
width: -webkit-calc(50% - (30px / 2));
width: calc(50% - (30px / 2)); }
.footer-col-3 {
width: -webkit-calc(100% - (30px / 2));
width: calc(100% - (30px / 2)); } }
@media screen and (max-width: 600px) {
.footer-col {
float: none;
width: -webkit-calc(100% - (30px / 2));
width: calc(100% - (30px / 2)); } }
/**
* Page content
*/
.page-content {
padding: 30px 0; }
.page-heading {
font-size: 20px; }
.post-list {
margin-left: 0;
list-style: none; }
.post-list > li {
margin-bottom: 30px; }
.post-meta {
font-size: 14px;
color: #828282; }
.post-link {
display: block;
font-size: 24px; }
/**
* Posts
*/
.post-header {
margin-bottom: 30px; }
.post-title {
font-size: 42px;
letter-spacing: -1px;
line-height: 1; }
@media screen and (max-width: 800px) {
.post-title {
font-size: 36px; } }
.post-content {
margin-bottom: 30px; }
.post-content h2 {
font-size: 32px; }
@media screen and (max-width: 800px) {
.post-content h2 {
font-size: 28px; } }
.post-content h3 {
font-size: 26px; }
@media screen and (max-width: 800px) {
.post-content h3 {
font-size: 22px; } }
.post-content h4 {
font-size: 20px; }
@media screen and (max-width: 800px) {
.post-content h4 {
font-size: 18px; } }
/**
* Syntax highlighting styles
*/
.highlight {
background: #fff; }
.highlighter-rouge .highlight {
background: #eef; }
.highlight .c {
color: #998;
font-style: italic; }
.highlight .err {
color: #a61717;
background-color: #e3d2d2; }
.highlight .k {
font-weight: bold; }
.highlight .o {
font-weight: bold; }
.highlight .cm {
color: #998;
font-style: italic; }
.highlight .cp {
color: #999;
font-weight: bold; }
.highlight .c1 {
color: #998;
font-style: italic; }
.highlight .cs {
color: #999;
font-weight: bold;
font-style: italic; }
.highlight .gd {
color: #000;
background-color: #fdd; }
.highlight .gd .x {
color: #000;
background-color: #faa; }
.highlight .ge {
font-style: italic; }
.highlight .gr {
color: #a00; }
.highlight .gh {
color: #999; }
.highlight .gi {
color: #000;
background-color: #dfd; }
.highlight .gi .x {
color: #000;
background-color: #afa; }
.highlight .go {
color: #888; }
.highlight .gp {
color: #555; }
.highlight .gs {
font-weight: bold; }
.highlight .gu {
color: #aaa; }
.highlight .gt {
color: #a00; }
.highlight .kc {
font-weight: bold; }
.highlight .kd {
font-weight: bold; }
.highlight .kp {
font-weight: bold; }
.highlight .kr {
font-weight: bold; }
.highlight .kt {
color: #458;
font-weight: bold; }
.highlight .m {
color: #099; }
.highlight .s {
color: #d14; }
.highlight .na {
color: #008080; }
.highlight .nb {
color: #0086B3; }
.highlight .nc {
color: #458;
font-weight: bold; }
.highlight .no {
color: #008080; }
.highlight .ni {
color: #800080; }
.highlight .ne {
color: #900;
font-weight: bold; }
.highlight .nf {
color: #900;
font-weight: bold; }
.highlight .nn {
color: #555; }
.highlight .nt {
color: #000080; }
.highlight .nv {
color: #008080; }
.highlight .ow {
font-weight: bold; }
.highlight .w {
color: #bbb; }
.highlight .mf {
color: #099; }
.highlight .mh {
color: #099; }
.highlight .mi {
color: #099; }
.highlight .mo {
color: #099; }
.highlight .sb {
color: #d14; }
.highlight .sc {
color: #d14; }
.highlight .sd {
color: #d14; }
.highlight .s2 {
color: #d14; }
.highlight .se {
color: #d14; }
.highlight .sh {
color: #d14; }
.highlight .si {
color: #d14; }
.highlight .sx {
color: #d14; }
.highlight .sr {
color: #009926; }
.highlight .s1 {
color: #d14; }
.highlight .ss {
color: #990073; }
.highlight .bp {
color: #999; }
.highlight .vc {
color: #008080; }
.highlight .vg {
color: #008080; }
.highlight .vi {
color: #008080; }
.highlight .il {
color: #099; }

BIN
assets/twitter-square.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 668 B

2
assets/twitter.svg Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="utf-8"?>
<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1408 610q-56 25-121 34 68-40 93-117-65 38-134 51-61-66-153-66-87 0-148.5 61.5t-61.5 148.5q0 29 5 48-129-7-242-65t-192-155q-29 50-29 106 0 114 91 175-47-1-100-26v2q0 75 50 133.5t123 72.5q-29 8-51 8-13 0-39-4 21 63 74.5 104t121.5 42q-116 90-261 90-26 0-50-3 148 94 322 94 112 0 210-35.5t168-95 120.5-137 75-162 24.5-168.5q0-18-1-27 63-45 105-109zm256-194v960q0 119-84.5 203.5t-203.5 84.5h-960q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 635 B

56
css/base.css Normal file
View file

@ -0,0 +1,56 @@
body {
margin: 0;
padding: 0; }
body h1, body h2, body h3, body h4, body h5, body h6 {
font-family: "Raleway", sans-serif; }
body > header {
display: flex;
padding: 0.5em 5%;
background-color: #fff;
position: fixed;
top: 0;
width: calc(100vw - 10%); }
body > header > img {
border-radius: 50%; }
body > header nav.sections {
flex: 0 1 auto; }
body > header nav.sections ul {
list-style: none;
padding: 0; }
body > header nav.sections ul li {
display: inline-block; }
body > header nav.sections ul li a {
padding: 1em;
text-decoration: none;
color: #000;
text-transform: uppercase;
font-family: 'Raleway', sans-serif; }
body > header nav.sections ul li a:first-child {
padding-left: 2em; }
body > header nav.social {
display: flex;
align-items: center;
justify-content: center;
margin-left: auto; }
body > header nav.social a img {
max-height: 35px;
opacity: 0.7;
transition: 0.5s; }
body > header nav.social a:hover img {
opacity: 1; }
body > main {
max-width: 90%;
margin: 0 auto; }
body > main a {
background-color: rgba(184, 222, 255, 0.4);
text-decoration: none;
color: #000;
margin-bottom: -2px;
padding: 0 0.25em; }
body > main a:hover {
background-color: rgba(184, 222, 255, 0.8); }
body > main a:visited {
color: inherit; }
body > main aside.banner {
text-align: center;
font-size: 4em; }

14
feed.xml Normal file
View file

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.3.1">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2017-12-30T00:13:11-05:00</updated><id>http://localhost:4000/</id><title type="html">Your awesome title</title><subtitle>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
</subtitle><entry><title type="html">Welcome to Jekyll!</title><link href="http://localhost:4000/jekyll/update/2017/12/26/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2017-12-26T16:21:30-05:00</published><updated>2017-12-26T16:21:30-05:00</updated><id>http://localhost:4000/jekyll/update/2017/12/26/welcome-to-jekyll</id><content type="html" xml:base="http://localhost:4000/jekyll/update/2017/12/26/welcome-to-jekyll.html">&lt;p&gt;You’ll find this post in your &lt;code class=&quot;highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run &lt;code class=&quot;highlighter-rouge&quot;&gt;jekyll serve&lt;/code&gt;, which launches a web server and auto-regenerates your site when a file is updated.&lt;/p&gt;
&lt;p&gt;To add new posts, simply add a file in the &lt;code class=&quot;highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory that follows the convention &lt;code class=&quot;highlighter-rouge&quot;&gt;YYYY-MM-DD-name-of-post.ext&lt;/code&gt; and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.&lt;/p&gt;
&lt;p&gt;Jekyll also offers powerful support for code snippets:&lt;/p&gt;
&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-ruby&quot; data-lang=&quot;ruby&quot;&gt;&lt;span class=&quot;k&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;print_hi&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;nb&quot;&gt;puts&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;Hi, &lt;/span&gt;&lt;span class=&quot;si&quot;&gt;#{&lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;si&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;
&lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
&lt;span class=&quot;n&quot;&gt;print_hi&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s1&quot;&gt;'Tom'&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;c1&quot;&gt;#=&amp;gt; prints 'Hi, Tom' to STDOUT.&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;
&lt;p&gt;Check out the &lt;a href=&quot;http://jekyllrb.com/docs/home&quot;&gt;Jekyll docs&lt;/a&gt; for more info on how to get the most out of Jekyll. File all bugs/feature requests at &lt;a href=&quot;https://github.com/jekyll/jekyll&quot;&gt;Jekyll’s GitHub repo&lt;/a&gt;. If you have questions, you can ask them on &lt;a href=&quot;https://talk.jekyllrb.com/&quot;&gt;Jekyll Talk&lt;/a&gt;.&lt;/p&gt;</content><author><name></name></author><summary type="html">You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.</summary></entry></feed>

88
index.html
View file

@ -1,42 +1,76 @@
<!doctype HTML>
<!DOCTYPE html>
<head>
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="http://localhost:4000/css/base.css" rel="stylesheet"/>
<html>
<head>
<title>Hello!</title>
<link href="style.css" rel="stylesheet"/>
</head>
<body>
<title>Hello!</title>
<main>
</head>
<section class="main_matter">
<body>
<header>
<aside class="social">
<a href="https://www.github.com/mcataford"><img src="assets/github-square.png"/></a>
<a href="https://www.linkedin.com/in/marccataford/"><img src="assets/linkedin-square.png"/></a>
<a href="https://www.twitter.com/marccataford"><img src="assets/twitter-square.png"/></a>
</aside>
<img src="http://placehold.it/50x50"/>
<h1 class="hi">Hello</h1>
<nav class="sections">
<ul>
<li>
<li><a href="#">Home</a></li><li><a href="#">Projects</a></li><li><a href="#">Blog</a></li><li><a href="#">Resumé</a></li>
</ul>
<div>
<p>Hi! My name is <strong>Marc</strong> and I am a tinkerer/teacher/developer/engineering student.</p>
<p>I do a lot of things. I'm currently the chairperson and webmaster of the <a title="I live to serve since 1911" href="https://www.dailypublications.org">Daily Publications Society</a>, a non-profit organization that publishes two weekly print &amp; online student newspapers in the McGill community, the Editor-in-chief at <a title="We also organize artsy events." href="https://graphitepublications.com">Graphite Publications</a>, an independent Montreal-based online publication that tries really hard to do something different from its peers, and the web developer in charge of the clubs &amp; services of the <a title="Protector of WordPress Realms, Herder of Plugins." href="http://www.ssmu.ca">Students' Society of McGill University</a>. Oh, and I teach Java, Python and Intro. to Web development at <a title="More than 120 happy students since Fall 2016" href="http://ssmu.mcgill.ca/minicourses/">SSMU MiniCourses</a> to curious students to unwind.</p>
<p>I do a whole bunch of other things, check out my <a href="#">résumé</a> to know what I've been up to lately.</p>
<p>If you want to chat, work on some cool problems or write, hit me up at <a href="mailto:marc@marccataford.com">marc@marccataford.com</a>!</p>
</div>
</section>
</nav>
<footer>
<em>Made with <span>❤</span> and cold coffee in the Montreal -> Toronto red-eye.</em>
</footer>
<nav class="social">
</main>
<a href="https://www.github.com/mcataford">
<img src="http://localhost:4000/assets/git.svg"/>
</a>
<a href="https://www.linkedin.com/in/marccataford">
<img src="http://localhost:4000/assets/linkedin.svg"/>
</a>
<a href="https://www.twitter.com/marccataford">
<img src="http://localhost:4000/assets/twitter.svg"/>
</a>
</nav>
</header>
</body>
<main>
<aside class="banner">
<h1>Hello, I'm Marc.</h1>
</aside>
<p>My name is Marc and I am a <strong>Computer Engineering</strong> student at <strong>McGill University</strong> planning to graduate in May 2018. I am always open to hear about projects I could pitch into and would like to find <strong>full-time employment</strong> in the <strong>Toronto area</strong> starting <strong>Summer 2018</strong>. In the meantime, I would love to</p>
<h1 id="formal-training">Formal training</h1>
<p>During my engineering training, I have worked extensively with <strong>Java</strong>, <strong>Python</strong> and <strong>C/C++</strong>, used <strong>MATLAB</strong> a handful of times and dabbled with <strong>analog and digital electronics</strong> using the <strong>Arduino</strong> and <strong>Raspberry Pi</strong> platforms. My coursework included experimentation with <strong>robotics</strong> through the Java-based Lego Mindstorms system and PIC microcontrollers/hand-soldered analog circuits, <strong>digital systems architecture</strong> using FPGAs and <strong>game development</strong> in the context of my senior design project which consists in the elaboration of a real-time news game engine for <a href="http://pulitzercenter.org/reporting/tb2-malis-ancient-manuscripts">TB2: Mali’s Ancient Manuscripts</a>, in collaboration with <a href="https://http://pulitzercenter.org">The Pulitzer Center</a>.</p>
<h1 id="journalism">Journalism</h1>
<p>Between 2014 and 2017, I have served as <strong>Web editor</strong> at <a href="https://www.mcgilldaily.com">The McGill Daily</a>, one of Canada’s oldest university publications, continually publishing since the early 1911. During my tenure, I handled web development requests related to any web content we published, and maintained the publication’s website and social media presence. I have also singlehandedly rebuild the website in the Summer of 2016 to meet new requirements from the editorial team.</p>
<p>Since 2016, I have been involved in <a href="https://www.dailypublications.org">The Daily Publications’ Society</a> Board of Directors, first as an editorial representative to The Daily and then as the <strong>Society’s Chairperson</strong>, starting July 2017.</p>
<h1 id="teaching">Teaching</h1>
<p>I have taught French for seven years at <a href="http://www.cvm.qc.ca/activitesservices/soutienReussite/caf/Pages/index.aspx">Cégep du Vieux-Montréal</a> before starting to tutor and teach programming. I have been a <a href="https://www.chegg.com/tutors/">Chegg Tutors</a> tutor since 2013, providing assistance to hundreds of students with their Java, C/C++, Python, PHP, Javascript, MATLAB, Assembly and web development assignments, and taught introductory Python, Java and Web development for four semesters at the <a href="http://ssmu.mcgill.ca/minicourses/">Students’ Society of McGill University’s MiniCourses program</a>.</p>
</main>
<footer>
</footer>
</body>
</html>

99
jekyll/update/2017/12/26/welcome-to-jekyll.html Normal file
View file

@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="en">
<!DOCTYPE html>
<head>
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="http://localhost:4000/css/base.css" rel="stylesheet"/>
<title>Welcome to Jekyll!</title>
</head>
<body>
<body>
<header>
<img src="http://placehold.it/50x50"/>
<nav class="sections">
<ul>
<li>
<li><a href="#">Home</a></li><li><a href="#">Projects</a></li><li><a href="#">Blog</a></li><li><a href="#">Resumé</a></li>
</ul>
</nav>
<nav class="social">
<a href="https://www.github.com/mcataford">
<img src="http://localhost:4000/assets/git.svg"/>
</a>
<a href="https://www.linkedin.com/in/marccataford">
<img src="http://localhost:4000/assets/linkedin.svg"/>
</a>
<a href="https://www.twitter.com/marccataford">
<img src="http://localhost:4000/assets/twitter.svg"/>
</a>
</nav>
</header>
<main class="page-content" aria-label="Content">
<div class="wrapper">
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h1 class="post-title" itemprop="name headline">Welcome to Jekyll!</h1>
<p class="post-meta">
<time datetime="2017-12-26T16:21:30-05:00" itemprop="datePublished">
Dec 26, 2017
</time>
</p>
</header>
<div class="post-content" itemprop="articleBody">
<p>You’ll find this post in your <code class="highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
<p>To add new posts, simply add a file in the <code class="highlighter-rouge">_posts</code> directory that follows the convention <code class="highlighter-rouge">YYYY-MM-DD-name-of-post.ext</code> and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.</p>
<p>Jekyll also offers powerful support for code snippets:</p>
<figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span>
<span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span>
<span class="k">end</span>
<span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span>
<span class="c1">#=&gt; prints 'Hi, Tom' to STDOUT.</span></code></pre></figure>
<p>Check out the <a href="http://jekyllrb.com/docs/home">Jekyll docs</a> for more info on how to get the most out of Jekyll. File all bugs/feature requests at <a href="https://github.com/jekyll/jekyll">Jekyll’s GitHub repo</a>. If you have questions, you can ask them on <a href="https://talk.jekyllrb.com/">Jekyll Talk</a>.</p>
</div>
</article>
</div>
</main>
<footer>
</footer>
</body>
</html>
</body>
</html>

23
style.css
View file

@ -1,23 +0,0 @@
body, html { margin: 0; }
main { display: flex; align-items: center; justify-content: center; width: 100vw; height: 100vh; flex-direction: column; }
.main_matter { display: flex; width: 40%; align-items: center; animation: 1s ease-out 0s 1 onload_hello; }
.hi { width: 1em; word-wrap: break-word; text-transform: uppercase; font-size: 4em; margin: 0.5rem; }
p > a { font-weight: bold; }
footer { text-align: center; font-size: 0.8rem; }
footer em > span { font-style: normal; }
.social { display: flex; flex-direction: column; justify-content: center; margin-right: 1em; }
.social img { transition: 0.5s; }
.social img:hover { opacity: 0.5; }
@keyframes onload_hello {
0% {
opacity: 0;
margin-top: -100px;
}
100% {
opacity: 1;
margin-top: 0;
}
}