Skip to content

Commit

Permalink
Adds eslint.
Browse files Browse the repository at this point in the history
  • Loading branch information
@m4ttsch
m4ttsch committed Dec 30, 2019
1 parent 163fbc5 commit 530aa58
Show file tree
Hide file tree
Showing 19 changed files with 843 additions and 153 deletions.
24 changes: 24 additions & 0 deletions .eslintrc.js
View file
@@ -0,0 +1,24 @@
module.exports = {
parser: 'vue-eslint-parser',
parserOptions: {
ecmaVersion: 2018,
sourceType: 'module',
ecmaFeatures: {
jsx: true
}
},
env: {
browser: true,
es6: true
},
plugins: [
'gridsome'
],
extends: [
'plugin:gridsome/recommended',
'plugin:vue/recommended'
],
rules: {
'vue/no-v-html': 'off'
}
};
6 changes: 5 additions & 1 deletion package.json
View file
Expand Up @@ -24,8 +24,12 @@
},
"devDependencies": {
"@fortawesome/fontawesome-free": "^5.11.2",
"eslint": "^6.8.0",
"eslint-plugin-gridsome": "^1.4.0",
"eslint-plugin-vue": "^6.1.2",
"gridsome-plugin-tailwindcss": "^2.2.27",
"node-sass": "^4.13.0",
"sass-loader": "^8.0.0"
"sass-loader": "^8.0.0",
"vue-eslint-parser": "^7.0.0"
}
}
13 changes: 10 additions & 3 deletions src/components/Footer.vue
View file
Expand Up @@ -2,14 +2,21 @@
<div class="bg-indigo-800 text-gray-300">
<div class="w-100 max-w-5xl m-auto text-center py-4">
<div class="text-xs">
<p>OMSCS Notes is made with
<font-awesome-icon class="text-red-600" :icon="['fas', 'heart']" />
<p>
OMSCS Notes is made with
<font-awesome-icon
class="text-red-600"
:icon="['fas', 'heart']"
/>
in NYC by Matt Schlenker.
</p>
<p>
Copyright &copy; 2019-{{ new Date().getFullYear() }}. All rights reserved.
</p>
<a href="#" class="block text-gray-500">privacy policy</a>
<a
href="#"
class="block text-gray-500"
>privacy policy</a>
</div>
</div>
</div>
Expand Down
35 changes: 28 additions & 7 deletions src/components/Header.vue
View file
Expand Up @@ -17,19 +17,40 @@
<ExternalLinks />
</div>
<div class="ml-4 sm:ml-8 block md:hidden text-indigo-800 cursor-pointer">
<div class="w-5" v-if="!expanded">
<a href="#" @click.prevent="expanded = true">
<font-awesome-icon :icon="['fas', 'bars']" size="lg" />
<div
v-if="!expanded"
class="w-5"
>
<a
href="#"
@click.prevent="expanded = true"
>
<font-awesome-icon
:icon="['fas', 'bars']"
size="lg"
/>
</a>
</div>
<div class="w-5" v-else>
<a href="#" @click.prevent="expanded = false">
<font-awesome-icon :icon="['fas', 'times']" size="lg" />
<div
v-else
class="w-5"
>
<a
href="#"
@click.prevent="expanded = false"
>
<font-awesome-icon
:icon="['fas', 'times']"
size="lg"
/>
</a>
</div>
</div>
</nav>
<div v-show="expanded" class="absolute flex md:hidden items-center justify-between py-4 px-4 sm:px-8 border-gray-300 border-b border-t bg-white w-full">
<div
v-show="expanded"
class="absolute flex md:hidden items-center justify-between py-4 px-4 sm:px-8 border-gray-300 border-b border-t bg-white w-full"
>
<div class="text-gray-600">
<PrimaryNavLinks />
</div>
Expand Down
12 changes: 10 additions & 2 deletions src/components/header/AlgoliaSearch.vue
View file
@@ -1,8 +1,16 @@
<template lang="html">
<div class="w-full font-sans text-indigo-800 flex justify-end">
<label class="relative w-full">
<font-awesome-icon icon="search" class="m-3 fill-current absolute inset-0" width="18" height="18" />
<input placeholder="Search..." class="w-full shadow-inner bg-gray-200 py-1 px-4 pl-10 rounded-lg h-10 outline-none border focus:border-indigo-800" />
<font-awesome-icon
icon="search"
class="m-3 fill-current absolute inset-0"
width="18"
height="18"
/>
<input
placeholder="Search..."
class="w-full shadow-inner bg-gray-200 py-1 px-4 pl-10 rounded-lg h-10 outline-none border focus:border-indigo-800"
>
</label>
</div>
</template>
Expand Down
71 changes: 53 additions & 18 deletions src/components/header/ExternalLinks.vue
View file
Expand Up @@ -2,44 +2,79 @@
<div class="ExternalLinks">
<div class="flex">
<div class="icon-link">
<a target="_blank" rel="noopener noreferrer" :href="$static.metadata.github">
<font-awesome-icon :icon="['fab', 'github']" size="lg"/>
<a
target="_blank"
rel="noopener noreferrer"
:href="$static.metadata.github"
>
<font-awesome-icon
:icon="['fab', 'github']"
size="lg"
/>
</a>
</div>
<div class="icon-link">
<a target="_blank" rel="noopener noreferrer" :href="$static.metadata.linkedin">
<font-awesome-icon :icon="['fab', 'linkedin-in']" size="lg" />
<a
target="_blank"
rel="noopener noreferrer"
:href="$static.metadata.linkedin"
>
<font-awesome-icon
:icon="['fab', 'linkedin-in']"
size="lg"
/>
</a>
</div>
<div class="icon-link border-gray-300 border-r-2 pr-4">
<a target="_blank" rel="noopener noreferrer" :href="`mailto:${$static.metadata.email}`">
<font-awesome-icon :icon="['far', 'envelope']" size="lg" />
<a
target="_blank"
rel="noopener noreferrer"
:href="`mailto:${$static.metadata.email}`"
>
<font-awesome-icon
:icon="['far', 'envelope']"
size="lg"
/>
</a>
</div>
<div class="icon-link">
<a target="_blank" rel="noopener noreferrer" :href="$static.metadata.amazon">
<font-awesome-icon :icon="['fab', 'amazon']" size="lg" />
<a
target="_blank"
rel="noopener noreferrer"
:href="$static.metadata.amazon"
>
<font-awesome-icon
:icon="['fab', 'amazon']"
size="lg"
/>
</a>
</div>
<div class="icon-link">
<a target="_blank" rel="noopener noreferrer" :href="$static.metadata.paypal">
<font-awesome-icon :icon="['fab', 'paypal']" size="lg" />
<a
target="_blank"
rel="noopener noreferrer"
:href="$static.metadata.paypal"
>
<font-awesome-icon
:icon="['fab', 'paypal']"
size="lg"
/>
</a>
</div>
</div>
</div>
</template>

<static-query>
query {
metadata {
github
linkedin
email
paypal
amazon
query {
metadata {
github
linkedin
email
paypal
amazon
}
}
}
</static-query>

<script>
Expand Down
6 changes: 5 additions & 1 deletion src/components/header/IconHomeLink.vue
View file
@@ -1,7 +1,11 @@
<template lang="html">
<div class="IconHomeLink">
<g-link to="/">
<g-image src="~/assets/images/favicon.png" width="30" height="30" />
<g-image
src="~/assets/images/favicon.png"
width="30"
height="30"
/>
</g-link>
</div>
</template>
Expand Down
15 changes: 12 additions & 3 deletions src/components/header/PrimaryNavLinks.vue
View file
@@ -1,12 +1,21 @@
<template lang="html">
<div class="PrimaryNavLinks">
<g-link to="/operating-systems/welcome" class="nav-link">
<g-link
to="/operating-systems/welcome"
class="nav-link"
>
GIOS
</g-link>
<g-link to="/computer-networks/welcome" class="nav-link">
<g-link
to="/computer-networks/welcome"
class="nav-link"
>
CN
</g-link>
<g-link to="/information-security/welcome" class="nav-link">
<g-link
to="/information-security/welcome"
class="nav-link"
>
IIS
</g-link>
</div>
Expand Down
60 changes: 42 additions & 18 deletions src/components/home/GentleWave.vue
View file
@@ -1,30 +1,54 @@
<template lang="html">
<div class="relative">
<svg class="wave"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 24 150 28 "
preserveAspectRatio="none">
<defs>
<path id="gentle-wave"
d="M-160 44c30 0
<svg
class="wave"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 24 150 28 "
preserveAspectRatio="none"
>
<defs>
<path
id="gentle-wave"
d="M-160 44c30 0
58-18 88-18s
58 18 88 18
58-18 88-18
58 18 88 18
v44h-352z" />
v44h-352z"
/>
</defs>
<g class="parallax1">
<use xlink:href="#gentle-wave" x="50" y="3" fill="#edf2f7"/>
<use
xlink:href="#gentle-wave"
x="50"
y="3"
fill="#edf2f7"
/>
</g>
<g class="parallax2">
<use xlink:href="#gentle-wave" x="50" y="0" fill="#B2F5EA"/>
</g>
<g class="parallax3">
<use xlink:href="#gentle-wave" x="50" y="9" fill="#3C366B"/>
</g>
<g class="parallax4">
<use xlink:href="#gentle-wave" x="50" y="6" fill="#fff"/>
<g class="parallax2">
<use
xlink:href="#gentle-wave"
x="50"
y="0"
fill="#B2F5EA"
/>
</g>
<g class="parallax3">
<use
xlink:href="#gentle-wave"
x="50"
y="9"
fill="#3C366B"
/>
</g>
<g class="parallax4">
<use
xlink:href="#gentle-wave"
x="50"
y="6"
fill="#fff"
/>
</g>
</svg>
</div>
Expand Down
17 changes: 14 additions & 3 deletions src/components/home/Hero.vue
View file
Expand Up @@ -15,15 +15,26 @@
most importantly, free. I hope they help you on your journey
here. Happy studying!
</p>
<a href="#" @click.prevent="$emit('scrollIntoView', 'notebooks')" class="bg-indigo-800 hover:bg-indigo-700 text-white text-lg font-semibold py-3 px-5 border-b-4 border-indigo-900 hover:border-indigo-800 rounded mr-4">
<a
href="#"
class="bg-indigo-800 hover:bg-indigo-700 text-white text-lg font-semibold py-3 px-5 border-b-4 border-indigo-900 hover:border-indigo-800 rounded mr-4"
@click.prevent="$emit('scrollIntoView', 'notebooks')"
>
Notebooks
</a>
<a href="#" @click.prevent="$emit('scrollIntoView', 'testimonials')" class="bg-teal-200 hover:bg-teal-100 text-teal-900 text-lg font-semibold py-3 px-5 border-b-4 border-teal-300 hover:border-teal-200 rounded">
<a
href="#"
class="bg-teal-200 hover:bg-teal-100 text-teal-900 text-lg font-semibold py-3 px-5 border-b-4 border-teal-300 hover:border-teal-200 rounded"
@click.prevent="$emit('scrollIntoView', 'testimonials')"
>
Testimonials
</a>
</div>
<div class="hidden lg:block">
<g-image src="~/assets/images/dev_productivity.svg" width="400" />
<g-image
src="~/assets/images/dev_productivity.svg"
width="400"
/>
</div>
</div>
</div>
Expand Down

0 comments on commit 530aa58

Please sign in to comment.