Commit 5e048040 authored by Phillip Harrington's avatar Phillip Harrington 👷🏼
Browse files

Adding 'made w/ love' plus making the component names standard w/ two words

parent bce1b153
.no-select {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
......@@ -9,3 +9,12 @@
.block {
display: block;
}
.no-select {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
......@@ -149,6 +149,8 @@ $n80: -20rem;
/* 96 */
$l96: 24rem;
$n96: -24rem;
/* 192 */
$l192: 48rem;
$wscreen: 100vw;
$hscreen: 100vh;
......
......@@ -26,6 +26,9 @@
</nuxt-link>
</div>
</div>
<div class="love">
<p>Made with 💖 and <a href="https://nuxtjs.org">NuxtJS</a> in Durham, North Carolina</p>
</div>
</div>
</div>
</footer>
......@@ -37,37 +40,46 @@
.footer {
margin-top: $lauto;
border-top-width: 1px;
border-color: $gray-200;
border-color: $gray-100;
}
.footer-wrapper {
padding-top: $l6;
padding-bottom: 2rem;
height: 6rem;
font-size: $l4;
line-height: $l6;
color: $gray-300;
padding-bottom: $l28;
height: $l40;
font-size: $l3;
line-height: $l5;
color: $gray-200;
background-color: $secondary;
}
.footer-inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-left: $l4;
padding-right: $l4;
margin: auto;
max-width: 48rem;
max-width: $l192;
}
.copyright {
width: 50%;
width: $l1-2;
}
.footer-links {
display: flex;
padding-top: $l1;
}
.love {
flex-grow: 1;
font-size: $l2;
line-height: $l4;
text-align: center;
margin-top: $l6;
margin-bottom: $l6;
}
.contact {
display: none;
}
.footer-link {
margin-right: 0.5rem;
margin-right: $l2;
}
.last-footer-link {
margin-right: $l4;
......
---
content-type: page
content-type: content-page
title: About
---
# About
......
---
content-type: blurb
content-type: page-blurb
title: Blog
posts: true
posts-list: true
---
# Blog
......
---
content-type: page
content-type: content-page
title: Contact
---
# Contact
......
---
content-type: jumbotron
content-type: jumbo-tron
title: Phillip Harrington
jumbotron-image: /img/phillip-harrington-sm.jpg
posts: true
posts-list: true
---
# Hi There!
......
---
content-type: page
content-type: content-page
title: Music
---
# Music
......
---
content-type: post
title: NuxtJS is Cool
content-type: blog-post
title: Migrating to NuxtJS for Content
description: How I learned to stop worrying, and embrace modern JavaScript frameworks for content
status: draft
---
# NuxtJS is Cool
# Migrating to NuxtJS for Content
I rebuilt my blog one night in [NuxtJS](https://nuxtjs.org) for fun and it's way cool!
......
---
content-type: blurb
content-type: page-blurb
title: Work
---
# Work
......
<template>
<div>
<component v-if="contents" v-for="content in contents" :key="content.path" :is="content['content-type']" :page="content" />
<post-list v-if="posts" :posts="posts" />
<posts-list v-if="posts" :posts="posts" />
</div>
</template>
<script>
import BigImage from '@/components/big-image'
import Blurb from '@/components/blurb'
import Jumbotron from '@/components/jumbotron'
import Page from '@/components/page'
import Post from '@/components/post'
import PostList from '@/components/post-list'
import BigImage from '../components/big-image'
import BlogPost from '../components/blog-post'
import ContentPage from '../components/content-page'
import JumboTron from '../components/jumbo-tron'
import PageBlurb from '../components/page-blurb'
import PostsList from '../components/posts-list'
export default {
components: {
BigImage,
Blurb,
Jumbotron,
Page,
Post,
PostList,
BlogPost,
ContentPage,
JumboTron,
PageBlurb,
PostsList,
},
async asyncData ({ $content, params, store }) {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment