Skip to content
Snippets Groups Projects
Commit 72ed7e43 authored by Alexandre Villeneuve's avatar Alexandre Villeneuve
Browse files

Git initialized

parents
No related branches found
No related tags found
No related merge requests found
# editorconfig.org
root = true
[*]
indent_size = 2
indent_style = space
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false
module.exports = {
root: true,
parser: 'babel-eslint',
env: {
browser: true,
node: true
},
extends: 'standard',
// required to lint *.vue files
plugins: [
'html'
],
// add your custom rules here
rules: {},
globals: {}
}
# dependencies
node_modules
# logs
npm-debug.log
# Nuxt build
.nuxt
# Nuxt generate
dist
image: node
before_script:
- npm install
pages:
cache:
paths:
- node_modules/
script:
- npm run generate
artifacts:
paths:
- public
only:
- master
![Build Status](https://gitlab.com/pages/nuxt/badges/master/build.svg)
---
Example [Nuxt] website using GitLab Pages.
Learn more about GitLab Pages at https://pages.gitlab.io and the official
documentation https://docs.gitlab.com/ce/user/project/pages/.
---
<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)*
- [GitLab CI](#gitlab-ci)
- [Building locally](#building-locally)
- [GitLab User or Group Pages](#gitlab-user-or-group-pages)
- [Did you fork this project?](#did-you-fork-this-project)
<!-- END doctoc generated TOC please keep comment here to allow auto update -->
## GitLab CI
This project's static Pages are built by [GitLab CI][ci], following the steps
defined in [`.gitlab-ci.yml`](.gitlab-ci.yml):
```
image: node
before_script:
- npm install
pages:
cache:
paths:
- node_modules/
script:
- npm run generate
artifacts:
paths:
- public
only:
- master
```
## Building locally
To work locally with this project, you'll have to follow the steps below:
1. Fork, clone or download this project
1. [Install][] Nuxt
1. Generate and preview the website with hot-reloading: `npm run dev` or `nuxt`
1. Add content
Read more at Nuxt's [documentation][].
## GitLab User or Group Pages
To use this project as your user/group website, you will need one additional
step: just rename your project to `namespace.gitlab.io`, where `namespace` is
your `username` or `groupname`. This can be done by navigating to your
project's **Settings**.
Read more about [user/group Pages][userpages] and [project Pages][projpages].
## Did you fork this project?
If you forked this project for your own use, please go to your project's
**Settings** and remove the forking relationship, which won't be necessary
unless you want to contribute back to the upstream project.
[ci]: https://about.gitlab.com/gitlab-ci/
[Nuxt]: https://nuxtjs.org/
[install]: https://nuxtjs.org/guide/installation/
[documentation]: https://nuxtjs.org/guide
[userpages]: https://docs.gitlab.com/ce/user/project/pages/introduction.html#user-or-group-pages
[projpages]: https://docs.gitlab.com/ce/user/project/pages/introduction.html#project-pages
----
Forked from @haleksandre
# ASSETS
This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
More informations about the usage of this directory in the documentation:
https://nuxtjs.org/guide/assets#webpacked
**This directory is not required, to can delete it if you don't want to use it.**
<template>
<div class="VueToNuxtLogo">
<div class="Triangle Triangle--two"></div>
<div class="Triangle Triangle--one"></div>
<div class="Triangle Triangle--three"></div>
<div class="Triangle Triangle--four"></div>
</div>
</template>
<style>
.VueToNuxtLogo
{
display: inline-block;
animation: turn 2s linear forwards 1s;
transform: rotateX(180deg);
position: relative;
overflow: hidden;
height: 180px;
width: 245px;
}
.Triangle
{
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
}
.Triangle--one
{
border-left: 105px solid transparent;
border-right: 105px solid transparent;
border-bottom: 180px solid #41B883;
}
.Triangle--two
{
top: 30px;
left: 35px;
animation: goright 0.5s linear forwards 3.5s;
border-left: 87.5px solid transparent;
border-right: 87.5px solid transparent;
border-bottom: 150px solid #3B8070;
}
.Triangle--three
{
top: 60px;
left: 35px;
animation: goright 0.5s linear forwards 3.5s;
border-left: 70px solid transparent;
border-right: 70px solid transparent;
border-bottom: 120px solid #35495E;
}
.Triangle--four
{
top: 120px;
left: 70px;
animation: godown 0.5s linear forwards 3s;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
border-bottom: 60px solid #fff;
}
@keyframes turn {
100% {
transform: rotateX(0deg);
}
}
@keyframes godown {
100% {
top: 180px;
}
}
@keyframes goright {
100% {
left: 70px;
}
}
</style>
# COMPONENTS
The components directory contains your Vue.js Components.
Nuxt.js doesn't supercharge these components.
**This directory is not required, to can delete it if you don't want to use it.**
# LAYOUTS
This directory contains your Application Layouts.
More informations about the usage of this directory in the documentation:
https://nuxtjs.org/guide/views#layouts
**This directory is not required, to can delete it if you don't want to use it.**
<template>
<div>
<nuxt/>
</div>
</template>
<style>
html
{
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
word-spacing: 1px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
}
*, *:before, *:after
{
box-sizing: border-box;
margin: 0;
}
.button--green
{
display: inline-block;
border-radius: 4px;
border: 1px solid #3b8070;
color: #3b8070;
text-decoration: none;
padding: 10px 30px;
}
.button--green:hover
{
color: #fff;
background-color: #3b8070;
}
.button--grey
{
display: inline-block;
border-radius: 4px;
border: 1px solid #35495e;
color: #35495e;
text-decoration: none;
padding: 10px 30px;
margin-left: 15px;
}
.button--grey:hover
{
color: #fff;
background-color: #35495e;
}
</style>
# MIDDLEWARE
This directory contains your Application Middleware.
The middleware lets you define custom function to be ran before rendering a page or a group of pages (layouts).
More informations about the usage of this directory in the documentation:
https://nuxtjs.org/guide/routing#middleware
**This directory is not required, to can delete it if you don't want to use it.**
module.exports = {
/*
** Headers of the page
*/
head: {
title: 'starter',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: 'Nuxt.js project' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
]
},
/*
** Customize the progress-bar color
*/
loading: { color: '#3B8070' },
/*
** Customize the generated output folder
*/
generate: {
dir: 'public'
},
/*
** Customize the base url
*/
router: {
base: '/nuxt/'
},
/*
** Build configuration
*/
build: {
/*
** Run ESLINT on save
*/
extend (config, ctx) {
if (ctx.isClient) {
config.module.rules.push({
enforce: 'pre',
test: /\.(js|vue)$/,
loader: 'eslint-loader',
exclude: /(node_modules)/
})
}
}
}
}
{
"name": "nuxt-gitlab-pages",
"version": "1.0.0",
"description": "Nuxt example for Gitlab Pages",
"author": {
"name": "Alexandre Villeneuve",
"email": "haleksviller@gmail.com"
},
"private": true,
"dependencies": {
"nuxt": "latest"
},
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start",
"generate": "nuxt generate",
"lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
"precommit": "npm run lint"
},
"devDependencies": {
"babel-eslint": "^7.1.1",
"eslint": "^3.15.0",
"eslint-config-standard": "^6.2.1",
"eslint-loader": "^1.6.1",
"eslint-plugin-html": "^2.0.0",
"eslint-plugin-promise": "^3.4.1",
"eslint-plugin-standard": "^2.0.1"
}
}
# PAGES
This directory contains your Application Views and Routes.
The framework reads all the .vue files inside this directory and create the router of your application.
More informations about the usage of this directory in the documentation:
https://nuxtjs.org/guide/routing
<template>
<section class="container">
<div>
<logo/>
<h1 class="title">
NUXT
</h1>
<h2 class="subtitle">
Universal Vue.js Application
</h2>
<div class="links">
<a href="https://nuxtjs.org/" target="_blank" class="button--green">Documentation</a>
<a href="https://github.com/nuxt/nuxt.js" target="_blank" class="button--grey">Github</a>
</div>
</div>
</section>
</template>
<script>
import Logo from '~components/Logo.vue'
export default {
components: {
Logo
}
}
</script>
<style>
.container
{
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.title
{
font-family: "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* 1 */
display: block;
font-weight: 300;
font-size: 100px;
color: #35495e;
letter-spacing: 1px;
}
.subtitle
{
font-weight: 300;
font-size: 42px;
color: #526488;
word-spacing: 5px;
padding-bottom: 15px;
}
.links
{
padding-top: 15px;
}
</style>
# PLUGINS
This directory contains your Javascript plugins that you want to run before instantiating the root vue.js application.
More informations about the usage of this directory in the documentation:
https://nuxtjs.org/guide/plugins
**This directory is not required, to can delete it if you don't want to use it.**
# STATIC
This directory contains your static files.
Each file inside this directory is mapped to /.
Example: /static/robots.txt is mapped as /robots.txt.
More informations about the usage of this directory in the documentation:
https://nuxtjs.org/guide/assets#static
**This directory is not required, to can delete it if you don't want to use it.**
static/favicon.ico

1.12 KiB

# STORE
This directory contains your Vuex Store files.
Vuex Store option is implemented in the Nuxt.js framework.
Creating a index.js file in this directory activate the option in the framework automatically.
More informations about the usage of this directory in the documentation:
https://nuxtjs.org/guide/vuex-store
**This directory is not required, to can delete it if you don't want to use it.**
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment