mmoser/markamoser.com
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

new design start

Browse Source
This commit is contained in:
Mark Moser
2017-08-05 16:56:17 -05:00
committed by Mark Moser
parent 4197ca7078
commit 7e6a482835
20 changed files with 219 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
Gruntfile.js
View File

@ -63,10 +63,21 @@ module.exports = function(grunt) {
files: [{
expand: true,
cwd: '<%= config.source %>/assets/',
src: ['{fonts,img,icon,data,vendor}/**/*'],
src: ['{js,fonts,img,icon,data,vendor}/**/*'],
dest: '<%= config.dest %>/assets/'
}]
},
vendor: {
files: [{
expand: true,
flatten: true,
cwd: './node_modules/',
src: [
'normalize.css/normalize.css'
],
dest: '<%= config.dest %>/assets/vendor/'
}]
},
misc: {
files: [{
expand: true,

3
package.json
View File

@ -29,5 +29,8 @@
"grunt-sass": "^2.0.0",
"grunt-sass-lint": "^0.2.2",
"load-grunt-tasks": "^3.5.2"
},
"dependencies": {
"normalize.css": "^7.0.0"
}
}

0
site/partials/footer.hbs → site/assets/scss/elements/_icons.scss
View File

41
site/assets/scss/elements/_typography.scss Normal file
View File

@ -0,0 +1,41 @@
.h1,
h1 {
}
.h2,
h2 {
}
.h3,
h3 {
}
.h4,
h4 {
}
.h5,
h5 {
}
.h6,
h6 {
}
a {
&:visited {
}
&:hover {
}
&:active {
}
}
.small {
}
code {
}

28
site/assets/scss/generic/_reset.scss Normal file
View File

@ -0,0 +1,28 @@
// normalize css is loaded, then these additions:
html {
margin: 0;
padding: 0;
font-size: 16px;
box-sizing: border-box;
}
main,
section,
article,
aside,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
ul,
*::before,
*::after {
box-sizing: inherit;
}

12
site/assets/scss/main.scss Normal file
View File

@ -0,0 +1,12 @@
@import 'tools/fonts';
@import 'tools/mixins';
@import 'settings/variables';
@import 'settings/colors';
@import 'generic/reset';
@import 'elements/typography';
@import 'elements/icons';
// @import 'components/thing';

0
site/assets/scss/settings/_colors.scss Normal file
View File

0
site/assets/scss/settings/_variables.scss Normal file
View File

0
site/assets/scss/tools/_fonts.scss Normal file
View File

0
site/assets/scss/tools/_mixins.scss Normal file
View File

10
site/layouts/default.hbs
View File

@ -4,14 +4,18 @@
{{> head }}
</head>
<body>
{{> header }}
{{> analytics }}
{{> nav-main }}
{{> nav-social }}
<main>
{{> body }}
{{> aside }}
</main>
{{> footer }}
<footer>
{{> nav-foot }}
</footer>
{{> javascripts }}
</body>
</html>

23
site/pages/about.hbs Normal file
View File

@ -0,0 +1,23 @@
<h1>Mark Moser - digital handyman</h1>
<p>
I&rsquo;m a ruby developer exploring and learning everything I can about being a better
developer. This place is where I share my findings, explorations, and other creative
outlets.
</p>
<p>
I&rsquo;m also fond of working in video post production: editing, compositing, and
motion graphics. I can either be your &ldquo;one man band&rdquo; for those smaller
productions, put together a killer team when you need even greater production value,
or be the go-to post production guy you call to join your existing team.
I have experience shooting interviews and putting together short informational
videos. I am very comfortable in the whole Adobe Production Suite of tools.
</p>
<p>
I have a high value for quality craftsmanship. I want to do great work, with people who
also do great work. I love to explore and learn about my world. I enjoy being
challenged. I take pleasure in providing creative solutions to specific needs, always
keeping the bigger picture in mind. I was raised to work hard and play hard.
</p>

47
site/pages/index.hbs
View File

@ -1,23 +1,30 @@
<h1>Mark Moser - digital handyman</h1>
<h1>Looking at styling for an h1</h1>
<p>Cum sociis natoque penatibus et magnis <a href="#sample-anchor">dis parturient montes</a>, nascetur ridiculus mus. Donec sed odio dui. Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Duis mollis, est non <i>commodo luctus</i>, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
<h2>Looking at styling for an h2</h2>
<p>Cum sociis natoque penatibus et magnis <a href="#sample-anchor">dis parturient montes</a>, nascetur ridiculus mus. Donec sed odio dui. Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Duis mollis, est non <i>commodo luctus</i>, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
<h3>Looking at styling for an h3</h3>
<p>Cum sociis natoque penatibus et magnis <a href="#sample-anchor">dis parturient montes</a>, nascetur ridiculus mus. Donec sed odio dui. Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Duis mollis, est non <i>commodo luctus</i>, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
<h4>Looking at styling for an h4</h4>
<p>Cum sociis natoque penatibus et magnis <a href="#sample-anchor">dis parturient montes</a>, nascetur ridiculus mus. Donec sed odio dui. Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Duis mollis, est non <i>commodo luctus</i>, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
<h5>Looking at styling for an h5</h5>
<p>Cum sociis natoque penatibus et magnis <a href="#sample-anchor">dis parturient montes</a>, nascetur ridiculus mus. Donec sed odio dui. Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Duis mollis, est non <i>commodo luctus</i>, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
<h6>Looking at styling for an h6</h6>
<p class="small">Cum sociis natoque penatibus et magnis <a href="#sample-anchor">dis parturient montes</a>, nascetur ridiculus mus. Donec sed odio dui. Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Duis mollis, est non <i>commodo luctus</i>, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
<p>
I&rsquo;m a ruby developer exploring and learning everything I can about being a better
developer. This place is where I share my findings, explorations, and other creative
outlets.
</p>
<code>
function thing1(thing2) {
var thing3 = 'some default value';
return thing2 + thing3;
}
</code>
<p>
I&rsquo;m also fond of working in video post production: editing, compositing, and
motion graphics. I can either be your &ldquo;one man band&rdquo; for those smaller
productions, put together a killer team when you need even greater production value,
or be the go-to post production guy you call to join your existing team.
I have experience shooting interviews and putting together short informational
videos. I am very comfortable in the whole Adobe Production Suite of tools.
</p>
<ul>
<li>item 1 in unordered list</li>
<li>item 2 in unordered list</li>
<li>item 3 in unordered list</li>
<li>item 4 in unordered list</li>
<li>item 5 in unordered list</li>
</ul>
<p>
I have a high value for quality craftsmanship. I want to do great work, with people who
also do great work. I love to explore and learn about my world. I enjoy being
challenged. I take pleasure in providing creative solutions to specific needs, always
keeping the bigger picture in mind. I was raised to work hard and play hard.
</p>
<a class="cta-primary" href="#cta-primary">Do a Thing!</a>
<a class="cta-secondary" href="#cta-secondary">Do another thing</a>

11
site/partials/analytics.hbs Normal file
View File

@ -0,0 +1,11 @@
<script type="text/javascript">
// var _gaq = _gaq || [];
// _gaq.push(["_setAccount", "UA-12808649-1"]);
// _gaq.push(["_trackPageview"]);
//
// (function() {
// var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
// ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
// var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
// })();
</script>

23
site/partials/head.hbs
View File

@ -1,23 +1,10 @@
<meta charset='utf-8'>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
<meta content='width=device-width,initial-scale=1.0' name='viewport'>
<meta content="Sharing what I'm learning." name='description'>
<meta content='' name='keywords'>
<title>Mark Moser | A Little About Me</title>
<link href="/assets/css/all.css" rel="stylesheet" type="text/css" />
<script src="/assets/js/vendor/modernizr.js" type="text/javascript"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(["_setAccount", "UA-12808649-1"]);
_gaq.push(["_trackPageview"]);
<meta content="describing Mark Moser" name='description'>
<meta content='web developer ruby html scss css javascript front-end-developer full-stack-developer' name='keywords'>
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<style>
.poster { background-image: url(/assets/img/stock/gulf_iss040e090540.jpg);}
</style>
<title>Mark Moser{{#if title}} | {{title}}{{/if}}</title>
<link href="{{assets}}/vendor/normalize.css" rel="stylesheet" type="text/css" />
<link href="{{assets}}/css/main.css" rel="stylesheet" type="text/css" />

34
site/partials/header.hbs
View File

@ -1,34 +0,0 @@
<nav>
<ul>
<li>
<a href='/'>
home
</a>
</li>
<li>
<a href='/video'>video</a>
</li>
<li>
<a href='/contact'>contact</a>
</li>
</ul>
</nav>
<ul class='social hidden-xs'>
<li>
<a href="http://linkedin.com/in/markamoser/"><i class='fa fa-lg fa-linkedin-square'></i>
</a>
</li>
<li>
<a href="https://twitter.com/obley"><i class='fa fa-lg fa-twitter'></i>
</a>
</li>
<li>
<a href="https://github.com/markmoser"><i class='fa fa-github fa-lg'></i>
</a>
</li>
<li>
<a href="https://bitbucket.org/markamoser"><i class='fa fa-bitbucket fa-lg'></i>
</a>
</li>
</ul>

8
site/partials/nav-foot.hbs Normal file
View File

@ -0,0 +1,8 @@
<nav class="nav-foot">
<ul>
<li><a href="foot-link-1">foot-link-1</a></li>
<li><a href="foot-link-2">foot-link-2</a></li>
<li><a href="foot-link-3">foot-link-3</a></li>
<li><a href="foot-link-4">foot-link-4</a></li>
</ul>
</nav>

15
site/partials/nav-main.hbs Normal file
View File

@ -0,0 +1,15 @@
<nav class="nav-main">
<ul>
<li>
<a href='/'>
home
</a>
</li>
<li>
<a href='/video'>video</a>
</li>
<li>
<a href='/contact'>contact</a>
</li>
</ul>
</nav>

24
site/partials/nav-social.hbs Normal file
View File

@ -0,0 +1,24 @@
<nav class="nac-social">
<ul>
<li>
<a href="//linkedin.com/in/markamoser/">
<span>linked-in</span>
</a>
</li>
<li>
<a href="//twitter.com/obley">
<span>twitter</span>
</a>
</li>
<li>
<a href="//github.com/markmoser">
<span>github</span>
</a>
</li>
<li>
<a href="//bitbucket.org/markamoser">
<span>bitbucket</span>
</a>
</li>
</ul>
</nav>

3
site/partials/aside.hbs → site/partials/rail.hbs
View File

@ -3,6 +3,7 @@
<a href="mailto:markamoser@gmail.com">markamoser@gmail.com</a>
</li>
</ul>
<ul>
<li>
some videos can be found on
@ -17,11 +18,13 @@
<a href="http://www.youtube.com/user/ObleyWan">youtube</a>
</li>
</ul>
<ul>
<li>
<a href="skype:fullsightstudios?userinfo">skype: fullsightstudios</a>
</li>
</ul>
<ul>
<li>
<a href="http://www.bluehost.com/track/fullsight">bluehost</a>