Reboot.
This commit is contained in:
Marc Cataford
parent
3c60e2c798
commit
cc8e7a0656
14 changed files with 797 additions and 58 deletions
8
.gitignore
vendored
8
.gitignore
vendored
|
|
@ -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
91
about/index.html
Normal 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
2
assets/git.svg
Normal 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>
|
||||||
|
After Width: | Height: | Size: 1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 794 B |
Binary file not shown.
|
Before Width: | Height: | Size: 592 B |
2
assets/linkedin.svg
Normal file
2
assets/linkedin.svg
Normal 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>
|
||||||
|
After Width: | Height: | Size: 546 B |
470
assets/main.css
Normal file
470
assets/main.css
Normal 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; }
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 668 B |
2
assets/twitter.svg
Normal file
2
assets/twitter.svg
Normal 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>
|
||||||
|
After Width: | Height: | Size: 635 B |
56
css/base.css
Normal file
56
css/base.css
Normal 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
14
feed.xml
Normal 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"><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></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
88
index.html
|
|
@ -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>
|
<title>Hello!</title>
|
||||||
<head>
|
|
||||||
<title>Hello!</title>
|
|
||||||
<link href="style.css" rel="stylesheet"/>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<main>
|
</head>
|
||||||
|
|
||||||
<section class="main_matter">
|
<body>
|
||||||
|
<header>
|
||||||
|
|
||||||
<aside class="social">
|
<img src="http://placehold.it/50x50"/>
|
||||||
<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>
|
|
||||||
|
|
||||||
<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>
|
</nav>
|
||||||
<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 & 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 & 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>
|
|
||||||
|
|
||||||
<footer>
|
<nav class="social">
|
||||||
<em>Made with <span>❤</span> and cold coffee in the Montreal -> Toronto red-eye.</em>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
</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>
|
</html>
|
||||||
99
jekyll/update/2017/12/26/welcome-to-jekyll.html
Normal file
99
jekyll/update/2017/12/26/welcome-to-jekyll.html
Normal 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">#=> 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
23
style.css
|
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in a new issue