Skip to content
Snippets Groups Projects
Commit b63261af authored by Charlie Root's avatar Charlie Root
Browse files

Initial commit

parents
Branches
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 518 additions and 0 deletions
.gitignore 0 → 100755
+ 10
− 0
View file @ b63261af
# Node build artifacts
src-front/node_modules
src-front/npm-debug.log
src-front/yarn-error.log
src-front/yarn.lock
#nuxt static builds
src-front/.nuxt
src-front/dist
src-front/static
src-front/.eslintrc.json 0 → 100644
+ 21
− 0
View file @ b63261af
{
"env": {
"browser": true,
"es6": true
},
"extends": "plugin:vue/essential",
"globals": {
"Atomics": "readonly",
"SharedArrayBuffer": "readonly"
},
"parserOptions": {
"ecmaVersion": 2018,
"sourceType": "module"
},
"plugins": [
"vue"
],
"rules": {
}
}
\ No newline at end of file
src-front/README.md 0 → 100644
+ 31
− 0
View file @ b63261af
## Build Setup
``` bash
# install dependencies
$ npm install # Or yarn install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production and launch server
$ npm run build
$ npm start
# generate static project
$ npm run generate
```
For detailed explanation on how things work, checkout the [Nuxt.js docs](https://github.com/nuxt/nuxt.js).
## Edit content
Access `yourwebsite.com/admin`, e.g. `localhost:3000/admin`.
## Manage dynamic routes
When you use Netlify CMS' `folder` type, you actually create dynamic routes. For example, when creating a blog,
you render different content files with the same template. And for the blog to know which content to render,
it looks at the url and gets the specific content file. That's a dynamic route.
So If you create a `folder` type with Netlify CMS, add the folder as glob to the `dynamicRoutes` variable
in the `nuxt.config.js`.
src-front/app.html 0 → 100644
+ 9
− 0
View file @ b63261af
<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
<head>
{{ HEAD }}
</head>
<body {{ BODY_ATTRS }}>
{{ APP }}
</body>
</html>
src-front/assets/README.md 0 → 100644
+ 8
− 0
View file @ b63261af
# ASSETS
This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
More information about the usage of this directory in the documentation:
https://nuxtjs.org/guide/assets#webpacked
**This directory is not required, you can delete it if you don't want to use it.**
src-front/assets/fonts/BebasNeueRegular.woff 0 → 100644
+ 0
− 0
View file @ b63261af
File added
src-front/assets/fonts/BebasNeueRegular.woff2 0 → 100644
+ 0
− 0
View file @ b63261af
File added
src-front/assets/scss/_base.scss 0 → 100755
+ 82
− 0
View file @ b63261af
body {
background: $color-white;
font-family: $font-primary;
font-size: 20px;
color: $color-black;
-webkit-font-smoothing: antialiased;
padding: 0;
margin: 0;
position: relative;
@media (max-width: 590px) {
font-size: 17px;
}
}
.container {
margin: 0 auto;
width: 92%;
max-width: 1240px;
position: relative;
&--slim {
max-width: 700px;
}
&--medium {
max-width: 1010px;
}
}
img {
display: block;
}
button {
text-decoration: none;
background: none;
text-transform: none;
border: 0;
margin: 0;
padding: 0;
outline: none;
cursor: pointer;
}
input::placeholder {
opacity: .8;
}
// Text highlight
.is-highlighted {
background: #ffcc00;
}
// Object not found
.not-found {
padding-top: 5%;
padding-bottom: 10%;
text-align: center;
.button {
margin: 0 auto;
width: 150px;
}
}
// Base page transitions
.page-enter-active {
transition: opacity 0.2s ease-out;
}
.page-leave-active {
transition: opacity 0.2s ease-in;
}
.page-enter,
.page-leave-active {
opacity: 0;
}
src-front/assets/scss/_fonts.scss 0 → 100755
+ 8
− 0
View file @ b63261af
@font-face {
font-family: 'Bebas Neue';
src: url('~assets/fonts/BebasNeueRegular.woff2') format('woff2'),
url('~assets/fonts/BebasNeueRegular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
}
src-front/assets/scss/_mixins.scss 0 → 100755
+ 20
− 0
View file @ b63261af
// Transition mixins
@mixin baseTransition {
transition: all .25s ease-in-out;
}
// Input placeholder
@mixin placeholder {
&::-webkit-input-placeholder {
@content;
}
&:-moz-placeholder {
@content;
}
&::-moz-placeholder {
@content;
}
&:-ms-input-placeholder {
@content;
}
}
src-front/assets/scss/_typography.scss 0 → 100755
+ 55
− 0
View file @ b63261af
h1, .like-h1,
h2, .like-h2,
h3, .like-h3,
h4, .like-h4 {
font-weight: 700;
font-family: $font-secondary;
margin: 0;
padding: 0;
}
h1, .like-h1 {
font-size: 50px;
@media (max-width: 590px) {
font-size: 40px;
}
@media (max-width: 420px) {
font-size: 35px;
}
}
h2, .like-h2 {
font-size: 35px;
}
h3, .like-h3 {
font-size: 30px;
@media (max-width: 600px) {
font-size: 26px;
}
}
h4, .like-h4 {
font-size: 20px;
}
p {
margin: 0;
padding: 0;
font-family: $font-primary;
font-weight: 300;
font-size: 20px;
line-height: 1.5;
@media (max-width: 590px) {
font-size: 17px;
}
}
a {
color: $color-black;
text-decoration: none;
}
src-front/assets/scss/_variables.scss 0 → 100755
+ 10
− 0
View file @ b63261af
// Colors
$color-white: #fff;
$color-black: #000;
$color-primary: #2d2d2d;
$color-gray: #d8d8d8;
// Fonts
$font-primary: 'Roboto Condensed', sans-serif;
$font-secondary: 'Bebas Neue', 'Roboto Condensed', sans-serif;
src-front/assets/scss/global.scss 0 → 100755
+ 4
− 0
View file @ b63261af
@import 'variables';
@import 'fonts';
@import 'base';
@import 'typography';
src-front/assets/scss/post-styles.scss 0 → 100755
+ 81
− 0
View file @ b63261af
.post-styles {
h2 {
margin-bottom: 25px;
}
h3 {
margin-bottom: 10px;
}
p {
font-weight: 300;
margin-bottom: 20px;
}
a {
text-decoration: underline;
text-decoration-color:#a0a0a0;
text-decoration-thickness:0;
}
hr {
border: 0;
width: 110%;
margin-left: -5%;
height: 6px;
display: block;
background: $color-black;
margin-top: .9em;
margin-bottom: .9em;
@media (max-width: 900px) {
width: 100%;
margin-left: 0;
}
}
blockquote {
border-left: 4px solid $color-black;
margin-left: 0;
padding: 1% 4%;
}
img,
iframe {
width: 114%;
margin-top: 45px;
margin-left: -7%;
margin-bottom: 80px;
@media (max-width: 850px) {
width: 100%;
margin-left: 0;
}
@media (max-width: 850px) {
margin-top: 30px;
margin-bottom: 40px;
}
}
iframe {
height: 35vw;
max-height: 550px;
@media (max-width: 1000px) {
height: 45vw;
}
}
/*&--with-aside {
img {
@media (max-width: 1000px) {
width: 100%;
margin-left: 0;
}
}
}*/
}
src-front/assets/scss_old/_base.scss 0 → 100644
+ 82
− 0
View file @ b63261af
body {
background: $color-white;
font-family: $font-primary;
font-size: 20px;
color: $color-black;
-webkit-font-smoothing: antialiased;
padding: 0;
margin: 0;
position: relative;
@media (max-width: 590px) {
font-size: 17px;
}
}
.container {
margin: 0 auto;
width: 92%;
max-width: 1240px;
position: relative;
&--slim {
max-width: 700px;
}
&--medium {
max-width: 1010px;
}
}
img {
display: block;
}
button {
text-decoration: none;
background: none;
text-transform: none;
border: 0;
margin: 0;
padding: 0;
outline: none;
cursor: pointer;
}
input::placeholder {
opacity: .8;
}
// Text highlight
.is-highlighted {
background: #ffcc00;
}
// Object not found
.not-found {
padding-top: 5%;
padding-bottom: 10%;
text-align: center;
.button {
margin: 0 auto;
width: 150px;
}
}
// Base page transitions
.page-enter-active {
transition: opacity 0.2s ease-out;
}
.page-leave-active {
transition: opacity 0.2s ease-in;
}
.page-enter,
.page-leave-active {
opacity: 0;
}
src-front/assets/scss_old/_fonts.scss 0 → 100644
+ 8
− 0
View file @ b63261af
@font-face {
font-family: 'Bebas Neue';
src: url('~assets/fonts/BebasNeueRegular.woff2') format('woff2'),
url('~assets/fonts/BebasNeueRegular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: auto;
}
src-front/assets/scss_old/_mixins.scss 0 → 100644
+ 20
− 0
View file @ b63261af
// Transition mixins
@mixin baseTransition {
transition: all .25s ease-in-out;
}
// Input placeholder
@mixin placeholder {
&::-webkit-input-placeholder {
@content;
}
&:-moz-placeholder {
@content;
}
&::-moz-placeholder {
@content;
}
&:-ms-input-placeholder {
@content;
}
}
src-front/assets/scss_old/_typography.scss 0 → 100644
+ 55
− 0
View file @ b63261af
h1, .like-h1,
h2, .like-h2,
h3, .like-h3,
h4, .like-h4 {
font-weight: 700;
font-family: $font-secondary;
margin: 0;
padding: 0;
}
h1, .like-h1 {
font-size: 50px;
@media (max-width: 590px) {
font-size: 40px;
}
@media (max-width: 420px) {
font-size: 35px;
}
}
h2, .like-h2 {
font-size: 35px;
}
h3, .like-h3 {
font-size: 30px;
@media (max-width: 600px) {
font-size: 26px;
}
}
h4, .like-h4 {
font-size: 20px;
}
p {
margin: 0;
padding: 0;
font-family: $font-primary;
font-weight: 300;
font-size: 20px;
line-height: 1.5;
@media (max-width: 590px) {
font-size: 17px;
}
}
a {
color: $color-black;
text-decoration: none;
}
src-front/assets/scss_old/_variables.scss 0 → 100644
+ 10
− 0
View file @ b63261af
// Colors
$color-white: #fff;
$color-black: #000;
$color-primary: #2d2d2d;
$color-gray: #d8d8d8;
// Fonts
$font-primary: 'Roboto Condensed', sans-serif;
$font-secondary: 'Bebas Neue', 'Roboto Condensed', sans-serif;
src-front/assets/scss_old/global.scss 0 → 100644
+ 4
− 0
View file @ b63261af
@import 'variables';
@import 'fonts';
@import 'base';
@import 'typography';
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Pirátský GitLab - Home of the CopyLeft