diff --git a/404.html b/404.html deleted file mode 100644 index c26a70a..0000000 --- a/404.html +++ /dev/null @@ -1,78 +0,0 @@ - - - - - - - - -Your awesome title | 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. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
-
- - -
-

404

- -

Page not found :(

-

The requested page could not be found.

-
- -
-
- - - - - - - - diff --git a/about/index.html b/about/index.html deleted file mode 100644 index 4bf368e..0000000 --- a/about/index.html +++ /dev/null @@ -1,79 +0,0 @@ - - - - - - - - -About | Your awesome title - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
-
-
- -
-

About

-
- -
-

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 jekyllrb.com

- -

You can find the source code for Minima at GitHub: -jekyll / -minima

- -

You can find the source code for Jekyll at GitHub: -jekyll / -jekyll

- - -
- -
- -
-
- - - - - - - - diff --git a/assets/main.css b/assets/main.css deleted file mode 100644 index db9a885..0000000 --- a/assets/main.css +++ /dev/null @@ -1,494 +0,0 @@ -/** - * 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 - */ -.svg-icon { - width: 16px; - height: 16px; - display: inline-block; - fill: #828282; - padding-right: 5px; - vertical-align: text-top; } - -.social-media-list li + li { - padding-top: 5px; } - -/** - * Tables - */ -table { - margin-bottom: 30px; - width: 100%; - text-align: left; - color: #3f3f3f; - border-collapse: collapse; - border: 1px solid #e8e8e8; } - table tr:nth-child(even) { - background-color: #f7f7f7; } - table th, table td { - padding: 10px 15px; } - table th { - background-color: #f0f0f0; - border: 1px solid #dedede; - border-bottom-color: #c9c9c9; } - table td { - border: 1px solid #e8e8e8; } - -/** - * 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: 32px; } - -.post-list-heading { - font-size: 28px; } - -.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; } diff --git a/assets/me.jpg b/assets/me.jpg deleted file mode 100644 index 0c0ffb7..0000000 Binary files a/assets/me.jpg and /dev/null differ diff --git a/assets/minima-social-icons.svg b/assets/minima-social-icons.svg deleted file mode 100644 index f532010..0000000 --- a/assets/minima-social-icons.svg +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/css/base.css b/css/base.css deleted file mode 100644 index 06c22ad..0000000 --- a/css/base.css +++ /dev/null @@ -1,61 +0,0 @@ -body { - background-color: #F5F5F5; - color: #464E46; - font-family: 'Open Sans Condensed', sans-serif; - margin: 0; - /* Panels */ } - body .panel { - width: 100vw; - height: 100vh; } - body .accent { - color: #2196F3; } - body #landing { - display: flex; - justify-content: center; - align-items: center; } - body #landing .content { - display: flex; - justify-content: center; } - body #landing .content img { - border-radius: 50%; - max-width: 20%; } - body #landing .content .intro { - display: flex; - flex-direction: column; - justify-content: center; - margin-left: 1em; } - body #landing .content .intro h1 { - font-size: 4em; - margin: 0 0 0.5em 0; } - body #landing .content .intro h3 { - font-size: 1.5em; - margin: 0 0 0.5em 0; } - body #landing .content .intro p { - font-size: 1.2em; - margin: 0; } - body #landing .content .intro p .accent { - font-weight: bold; } - body #current_biz { - display: flex; - align-items: center; - flex-direction: column; } - body #current_biz > h1 { - font-size: 4em; } - body #current_biz .content { - display: flex; - justify-content: flex-start; - flex-wrap: wrap; } - body #current_biz .content .card { - flex: 0 1 calc(20% - 1em); - font-size: 1.5em; - margin: 1em; } - body #current_biz .content .card .badge-accent, body #current_biz .content .card .btn-accent { - background-color: #2196F3; - transition: 0.25s; } - body #current_biz .content .card .badge { - font-size: 0.9em; - padding: 0.2em; } - body #current_biz .content .card .btn-accent { - width: 100%; } - body #current_biz .content .card .btn-accent:hover { - box-shadow: inset 1000px 0 0 0 rgba(0, 0, 0, 0.5); } diff --git a/current_work/2018/02/22/.html b/current_work/2018/02/22/.html deleted file mode 100644 index 5a5a08f..0000000 --- a/current_work/2018/02/22/.html +++ /dev/null @@ -1,82 +0,0 @@ - - - - - - - - -TB2 & real-time news integration | Your awesome title - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
-
-
- -
-

TB2 & real-time news integration

-

- -

-
- -
- - -
- - - - -
- -
-
- - - - - - - - diff --git a/current_work/2018/02/22/plaininbox.html b/current_work/2018/02/22/plaininbox.html deleted file mode 100644 index b5e098c..0000000 --- a/current_work/2018/02/22/plaininbox.html +++ /dev/null @@ -1,82 +0,0 @@ - - - - - - - - -PlainInbox | Your awesome title - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
-
-
- -
-

PlainInbox

-

- -

-
- -
-

PlainInbox is a generalization of PlainEmail to arbitrary SMTP mailservers. The application provides a new kind of workflow that treats your inbox as a stack, reducing distraction while you process each piece of mail thrown your way.

- -
- - - - -
- -
-
- - - - - - - - diff --git a/docs/init.md b/docs/init.md deleted file mode 100644 index 8b13789..0000000 --- a/docs/init.md +++ /dev/null @@ -1 +0,0 @@ - diff --git a/feed.xml b/feed.xml deleted file mode 100644 index c21c5a5..0000000 --- a/feed.xml +++ /dev/null @@ -1 +0,0 @@ -Jekyll2018-02-23T00:46:04-05:00http://localhost:4000/Your awesome titleWrite 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.PlainInbox2018-02-22T22:33:16-05:002018-02-22T22:33:16-05:00http://localhost:4000/current_work/2018/02/22/plaininbox<p><strong>PlainInbox</strong> is a generalization of <a href="">PlainEmail</a> to arbitrary SMTP mailservers. The application provides a new kind of workflow that treats your inbox as a <em>stack</em>, reducing distraction while you process each piece of mail thrown your way.</p>PlainInbox is a generalization of PlainEmail to arbitrary SMTP mailservers. The application provides a new kind of workflow that treats your inbox as a stack, reducing distraction while you process each piece of mail thrown your way.TB2 &amp; real-time news integration2018-02-22T22:33:16-05:002018-02-22T22:33:16-05:00http://localhost:4000/current_work/2018/02/22/ \ No newline at end of file diff --git a/index.html b/index.html index ea1e2aa..b92b656 100644 --- a/index.html +++ b/index.html @@ -1,2 +1,27 @@ -Something new coming soon. :) ---M \ No newline at end of file + + + + + + + + + + + marc +
+ +

Hello! My name is Marc!

+

I like computer engineering, software development, teaching and journalism.

+ +
+ + + + \ No newline at end of file diff --git a/js/base.js b/js/base.js deleted file mode 100644 index e4bdc7f..0000000 --- a/js/base.js +++ /dev/null @@ -1,4 +0,0 @@ -$(document).ready(( - - -) => {}); \ No newline at end of file diff --git a/js/svgDraw.js b/js/svgDraw.js deleted file mode 100644 index ecd34e4..0000000 --- a/js/svgDraw.js +++ /dev/null @@ -1,94 +0,0 @@ -//helper functions, it turned out chrome doesn't support Math.sgn() -function signum(x) { - return (x < 0) ? -1 : 1; -} -function absolute(x) { - return (x < 0) ? -x : x; -} - -function drawPath(svg, path, startX, startY, endX, endY) { - // get the path's stroke width (if one wanted to be really precize, one could use half the stroke size) - var stroke = parseFloat(path.attr("stroke-width")); - // check if the svg is big enough to draw the path, if not, set heigh/width - if (svg.attr("height") < endY) svg.attr("height", endY); - if (svg.attr("width" ) < (startX + stroke) ) svg.attr("width", (startX + stroke)); - if (svg.attr("width" ) < (endX + stroke) ) svg.attr("width", (endX + stroke)); - - var deltaX = (endX - startX) * 0.15; - var deltaY = (endY - startY) * 0.15; - // for further calculations which ever is the shortest distance - var delta = deltaY < absolute(deltaX) ? deltaY : absolute(deltaX); - - // set sweep-flag (counter/clock-wise) - // if start element is closer to the left edge, - // draw the first arc counter-clockwise, and the second one clock-wise - var arc1 = 0; var arc2 = 1; - if (startX > endX) { - arc1 = 1; - arc2 = 0; - } - // draw tha pipe-like path - // 1. move a bit down, 2. arch, 3. move a bit to the right, 4.arch, 5. move down to the end - path.attr("d", "M" + startX + " " + startY + - " V" + (startY + delta) + - " A" + delta + " " + delta + " 0 0 " + arc1 + " " + (startX + delta*signum(deltaX)) + " " + (startY + 2*delta) + - " H" + (endX - delta*signum(deltaX)) + - " A" + delta + " " + delta + " 0 0 " + arc2 + " " + endX + " " + (startY + 3*delta) + - " V" + endY ); -} - -function connectElements(svg, path, startElem, endElem) { - var svgContainer= $("#svgContainer"); - - // if first element is lower than the second, swap! - if(startElem.offset().top > endElem.offset().top){ - var temp = startElem; - startElem = endElem; - endElem = temp; - } - - // get (top, left) corner coordinates of the svg container - var svgTop = svgContainer.offset().top; - var svgLeft = svgContainer.offset().left; - - // get (top, left) coordinates for the two elements - var startCoord = startElem.offset(); - var endCoord = endElem.offset(); - - // calculate path's start (x,y) coords - // we want the x coordinate to visually result in the element's mid point - var startX = startCoord.left + 0.5*startElem.outerWidth() - svgLeft; // x = left offset + 0.5*width - svg's left offset - var startY = startCoord.top + startElem.outerHeight() - svgTop; // y = top offset + height - svg's top offset - - // calculate path's end (x,y) coords - var endX = endCoord.left + 0.5*endElem.outerWidth() - svgLeft; - var endY = endCoord.top - svgTop; - - // call function for drawing the path - drawPath(svg, path, startX, startY, endX, endY); - -} - - - -function connectAll() { - // connect all the paths you want! - connectElements($("#svg1"), $("#path1"), $(".current1"), $(".current2")); - connectElements($("#svg1"), $("#path2"), $(".current2"), $(".current3")); - connectElements($("#svg1"), $("#path3"), $(".current3"), $(".current4") ); - -} - -$(document).ready(function() { - // reset svg each time - $("#svg1").attr("height", "0"); - $("#svg1").attr("width", "0"); - connectAll(); -}); - -$(window).resize(function () { - // reset svg each time - $("#svg1").attr("height", "0"); - $("#svg1").attr("width", "0"); - connectAll(); -}); \ No newline at end of file diff --git a/marccataford-april2018.pdf b/marccataford-april2018.pdf new file mode 100644 index 0000000..5445ae7 Binary files /dev/null and b/marccataford-april2018.pdf differ diff --git a/me.png b/me.png new file mode 100644 index 0000000..76fcb9e Binary files /dev/null and b/me.png differ diff --git a/socialmedia.PNG b/socialmedia.PNG new file mode 100644 index 0000000..5e2d3b4 Binary files /dev/null and b/socialmedia.PNG differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..8861b2a --- /dev/null +++ b/style.css @@ -0,0 +1,104 @@ +body { + margin: 0; + + height: 100%; + font-family: 'Open Sans Condensed', sans-serif; +} + +main { + display: flex; + justify-content: space-around; + align-items: center; + flex-direction: column; + + height: calc(100vh - 2em); + padding: 1em 0; +} + +#backdrop { + font-size:60vh; + position: absolute; + z-index: -100; + color: rgb(54, 193, 82); + opacity: 0.1; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) scale(0); + text-transform: uppercase; + + animation-name: init_me2; + animation-duration: 0.75s; + animation-timing-function:cubic-bezier(0,1.46,.9,.96); + animation-fill-mode: forwards; +} + +#me { + max-height: 60vh; + border-radius: 50%; + background-color: rgb(54, 193, 82); + + animation-name: init_me; + animation-delay: 0.5s; + animation-duration: 0.75s; + animation-timing-function:cubic-bezier(0,1.46,.9,.96); + animation-fill-mode: forwards; + + transform: scale(0); + +} + +h1, h2 { + animation-name: init_me; + animation-delay: 0.5s; + animation-duration: 0.75s; + animation-timing-function:cubic-bezier(0,1.46,.9,.96); + animation-fill-mode: forwards; + + transform: scale(0); +} + +h1 { font-size: 1.6em; } +h1 span { color: rgb(54, 193, 82); font-weight: bold; text-transform: uppercase;} +h2 { font-size: 1.4em; } +h2 span { color: rgb(54, 193, 82); font-weight: bold;} + +#links { + width: 50%; + + display: flex; + justify-content: center; + + animation-name: init_me; + animation-delay: 1.25s; + animation-duration: 0.25s; + animation-fill-mode: forwards; + + transform: scale(0); +} + +#links a { + color: inherit; + + margin: 0.25em; + + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + flex: 1 0 calc(100%/5 - 0.5em); +} + +#links svg { + color: rgb(54, 193, 82); +} + +@keyframes init_me { + 0% { transform: scale(0); } + 100% { transform: scale(1); } +} + +@keyframes init_me2 { + 0% { transform: translate(-50%, -50%) scale(0); } + 100% { transform: translate(-50%, -50%) scale(1); } +} \ No newline at end of file