mirror of
https://github.com/timmypidashev/web.git
synced 2026-04-14 02:53:51 +00:00
remove nuxtjs config in favor of flask
This commit is contained in:
timothypidashev
19
README.md
19
README.md
@@ -1,19 +0,0 @@
|
|||||||
# Nuxt.js Example
|
|
||||||
|
|
||||||
This directory is a brief example of a [Nuxt.js](https://nuxtjs.org) app that can be deployed with Vercel and zero configuration.
|
|
||||||
|
|
||||||
## Deploy Your Own
|
|
||||||
|
|
||||||
Deploy your own Nuxt.js project with Vercel.
|
|
||||||
|
|
||||||
[](https://vercel.com/import/project?template=https://github.com/vercel/vercel/tree/main/examples/nuxtjs)
|
|
||||||
|
|
||||||
_Live Example: https://nuxtjs.now-examples.vercel.app/_
|
|
||||||
|
|
||||||
### How We Created This Example
|
|
||||||
|
|
||||||
To get started with Nuxt.js deployed with Vercel, you can use the [Create-Nuxt-App CLI](https://www.npmjs.com/package/create-nuxt-app) to initialize the project:
|
|
||||||
|
|
||||||
```shell
|
|
||||||
$ npx create-nuxt-app my-app
|
|
||||||
```
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
# ASSETS
|
|
||||||
|
|
||||||
**This directory is not required, you can delete it if you don't want to use it.**
|
|
||||||
|
|
||||||
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).
|
|
||||||
@@ -1,57 +0,0 @@
|
|||||||
$primary: #145bea;
|
|
||||||
$secondary: #833bec;
|
|
||||||
$uccess: #1ce1ac;
|
|
||||||
$info: #ff7d50;
|
|
||||||
$warning: #ffbe0b;
|
|
||||||
$danger: #ff007f;
|
|
||||||
$light: #c0ccda;
|
|
||||||
$dark: #001738;
|
|
||||||
|
|
||||||
$link-hover-decoration: none;
|
|
||||||
$border-radius: 0;
|
|
||||||
$font-family-sans-serif: "Fira Sans", sans-serif;
|
|
||||||
$font-family-monospace: "Fira Mono", monospace;
|
|
||||||
$font-weight-bold: 600;
|
|
||||||
|
|
||||||
@import '~/node_modules/bootstrap/scss/bootstrap.scss';
|
|
||||||
|
|
||||||
@import "~/node_modules/bootstrap/scss/functions";
|
|
||||||
@import "~/node_modules/bootstrap/scss/variables";
|
|
||||||
@import "~/node_modules/bootstrap/scss/mixins";
|
|
||||||
@import "~/node_modules/bootstrap/scss/reboot";
|
|
||||||
@import "~/node_modules/bootstrap/scss/type";
|
|
||||||
@import "~/node_modules/bootstrap/scss/images";
|
|
||||||
// @import "~bootstrap/scss/code";
|
|
||||||
@import "~/node_modules/bootstrap/scss/grid";
|
|
||||||
@import "~/node_modules/bootstrap/scss/tables";
|
|
||||||
@import "~/node_modules/bootstrap/scss/forms";
|
|
||||||
@import "~/node_modules/bootstrap/scss/buttons";
|
|
||||||
@import "~/node_modules/bootstrap/scss/transitions";
|
|
||||||
@import "~/node_modules/bootstrap/scss/dropdown";
|
|
||||||
@import "~/node_modules/bootstrap/scss/button-group";
|
|
||||||
// @import "~bootstrap/scss/input-group";
|
|
||||||
@import "~/node_modules/bootstrap/scss/nav";
|
|
||||||
@import "~/node_modules/bootstrap/scss/navbar";
|
|
||||||
@import "~/node_modules/bootstrap/scss/card";
|
|
||||||
@import "~/node_modules/bootstrap/scss/breadcrumb";
|
|
||||||
// @import "~bootstrap/scss/pagination";
|
|
||||||
// @import "~bootstrap/scss/badge";
|
|
||||||
// @import "~/node_modules/bootstrap/scss/jumbotron";
|
|
||||||
// @import "~bootstrap/scss/alert";
|
|
||||||
// @import "~bootstrap/scss/progress";
|
|
||||||
// @import "~bootstrap/scss/media";
|
|
||||||
// @import "~/node_modules/bootstrap/scss/list-group";
|
|
||||||
// @import "~bootstrap/scss/close";
|
|
||||||
// @import "~bootstrap/scss/toasts";
|
|
||||||
// @import "~bootstrap/scss/modal";
|
|
||||||
// @import "~bootstrap/scss/tooltip";
|
|
||||||
// @import "~bootstrap/scss/popover";
|
|
||||||
// @import "~bootstrap/scss/carousel";
|
|
||||||
// @import "~bootstrap/scss/spinners";
|
|
||||||
// @import "~/node_modules/bootstrap/scss/utilities";
|
|
||||||
// @import "~bootstrap/scss/print";
|
|
||||||
|
|
||||||
::selection {
|
|
||||||
background-color: $primary;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
<template>
|
|
||||||
<b-jumbotron id="about" bg-variant="white" class="rounded-0 mb-0">
|
|
||||||
<b-row>
|
|
||||||
<b-col md="8" order-md="1">
|
|
||||||
<b-container>
|
|
||||||
<h2 class="display-4">Timothy Pidashev</h2>
|
|
||||||
|
|
||||||
<p class="lead">
|
|
||||||
A 16-year-old on an epic journey to become a software developer!
|
|
||||||
</p>
|
|
||||||
</b-container>
|
|
||||||
</b-col>
|
|
||||||
</b-row>
|
|
||||||
</b-jumbotron>
|
|
||||||
</template>
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
# COMPONENTS
|
|
||||||
|
|
||||||
**This directory is not required, you can delete it if you don't want to use it.**
|
|
||||||
|
|
||||||
The components directory contains your Vue.js Components.
|
|
||||||
|
|
||||||
_Nuxt.js doesn't supercharge these components._
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
# LAYOUTS
|
|
||||||
|
|
||||||
**This directory is not required, you can delete it if you don't want to use it.**
|
|
||||||
|
|
||||||
This directory contains your Application Layouts.
|
|
||||||
|
|
||||||
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts).
|
|
||||||
@@ -1,49 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<nuxt />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
html {
|
|
||||||
font-family: 'New_Zelek', 'Arial';
|
|
||||||
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 #FF2965;
|
|
||||||
color: #FF2965;
|
|
||||||
text-decoration: none;
|
|
||||||
padding: 10px 30px;
|
|
||||||
}
|
|
||||||
.button--green:hover {
|
|
||||||
color: #fff;
|
|
||||||
background-color: #FF2965;
|
|
||||||
}
|
|
||||||
.button--grey {
|
|
||||||
display: inline-block;
|
|
||||||
border-radius: 4px;
|
|
||||||
border: 1px solid #FF2965;
|
|
||||||
color: #FF2965;
|
|
||||||
text-decoration: none;
|
|
||||||
padding: 10px 30px;
|
|
||||||
margin-left: 15px;
|
|
||||||
}
|
|
||||||
.button--grey:hover {
|
|
||||||
color: #fff;
|
|
||||||
background-color: #FF2965;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
# MIDDLEWARE
|
|
||||||
|
|
||||||
**This directory is not required, you can delete it if you don't want to use it.**
|
|
||||||
|
|
||||||
This directory contains your application middleware.
|
|
||||||
Middleware let you define custom functions that can be run before rendering either a page or a group of pages.
|
|
||||||
|
|
||||||
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing#middleware).
|
|
||||||
@@ -1,51 +0,0 @@
|
|||||||
export default {
|
|
||||||
// Target: https://go.nuxtjs.dev/config-target
|
|
||||||
target: 'static',
|
|
||||||
|
|
||||||
// Global page headers: https://go.nuxtjs.dev/config-head
|
|
||||||
head: {
|
|
||||||
title: 'Portfolio',
|
|
||||||
meta: [
|
|
||||||
{ charset: 'utf-8' },
|
|
||||||
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
|
|
||||||
{
|
|
||||||
hid: 'description',
|
|
||||||
name: 'description',
|
|
||||||
content: 'Portfolio',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
|
|
||||||
},
|
|
||||||
|
|
||||||
// Global CSS: https://go.nuxtjs.dev/config-css
|
|
||||||
css: ['@/assets/scss/custom.scss'],
|
|
||||||
|
|
||||||
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
|
|
||||||
plugins: [],
|
|
||||||
|
|
||||||
// Auto import components: https://go.nuxtjs.dev/config-components
|
|
||||||
components: true,
|
|
||||||
|
|
||||||
// Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
|
|
||||||
buildModules: [],
|
|
||||||
|
|
||||||
// Modules: https://go.nuxtjs.dev/config-modules
|
|
||||||
modules: ['bootstrap-vue/nuxt'],
|
|
||||||
|
|
||||||
module: {
|
|
||||||
rules: [
|
|
||||||
{
|
|
||||||
test: /\.s[ac]ss$/i,
|
|
||||||
use: ['style-loader', 'css-loader', 'sass-loader'],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
|
|
||||||
bootstrapVue: {
|
|
||||||
bootstrapCSS: false,
|
|
||||||
icons: true,
|
|
||||||
},
|
|
||||||
|
|
||||||
// Build Configuration: https://go.nuxtjs.dev/config-build
|
|
||||||
build: {}
|
|
||||||
};
|
|
||||||
22
package.json
22
package.json
@@ -1,22 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "Portfolio",
|
|
||||||
"version": "1.0.0",
|
|
||||||
"description": "My portfolio website",
|
|
||||||
"author": "timothypidashev",
|
|
||||||
"private": true,
|
|
||||||
"scripts": {
|
|
||||||
"dev": "nuxt",
|
|
||||||
"build": "nuxt generate",
|
|
||||||
"start": "nuxt start"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"bootstrap-vue": "^2.21.2",
|
|
||||||
"core-js": "^3.15.0",
|
|
||||||
"nuxt": "^2.15.7",
|
|
||||||
"sass-loader": "^10.1.1",
|
|
||||||
"node-sass": "^6.0.1",
|
|
||||||
"bootstrap": "^5.0.2"
|
|
||||||
|
|
||||||
},
|
|
||||||
"devDependencies": {}
|
|
||||||
}
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
# PAGES
|
|
||||||
|
|
||||||
This directory contains your Application Views and Routes.
|
|
||||||
The framework reads all the `*.vue` files inside this directory and creates the router of your application.
|
|
||||||
|
|
||||||
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing).
|
|
||||||
@@ -1,92 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="container">
|
|
||||||
<div>
|
|
||||||
<logo />
|
|
||||||
<h1 class="title">
|
|
||||||
Timothy Pidashev
|
|
||||||
</h1>
|
|
||||||
<h2 class="subtitle">
|
|
||||||
A 16-year-old on an epic journey to become a software developer!
|
|
||||||
</h2>
|
|
||||||
<div class="links">
|
|
||||||
<a
|
|
||||||
href="https://discord.gg/34RqygKbtX"
|
|
||||||
target="_blank"
|
|
||||||
class="button--green"
|
|
||||||
>
|
|
||||||
Github
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
href="https://discord.gg/34RqygKbtX"
|
|
||||||
target="_blank"
|
|
||||||
class="button--grey"
|
|
||||||
>
|
|
||||||
Discord
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.container {
|
|
||||||
background-color: transparent !important;
|
|
||||||
background-image: linear-gradient(to bottom, #200933 75%, #3d0b43);
|
|
||||||
background-size: auto 100vh;
|
|
||||||
background-position: top;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
position: relative;
|
|
||||||
margin: 0 auto;
|
|
||||||
min-height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.container:after{
|
|
||||||
content:'';
|
|
||||||
height:300px;
|
|
||||||
width:100%;
|
|
||||||
display:block;
|
|
||||||
background-image:linear-gradient(90deg, rgba(252,25,154,.1) 1px, rgba(0,0,0,0) 1px), linear-gradient(0deg, rgba(252,25,154,.1) 1px, rgba(0,0,0,0) 1px);
|
|
||||||
background-position:bottom;
|
|
||||||
background-repeat:repeat;
|
|
||||||
background-size:20px 20px;
|
|
||||||
left: -25px;
|
|
||||||
position: fixed;
|
|
||||||
pointer-events: none;
|
|
||||||
bottom: 0;
|
|
||||||
transform: perspective(100px) rotateX(60deg);
|
|
||||||
z-index: 0;
|
|
||||||
}
|
|
||||||
.container::backdrop {
|
|
||||||
background-image: repeating-linear-gradient(to bottom, transparent 0 ,transparent 2px, #FFF 2px, #FFF 4px);
|
|
||||||
background-size: 100% 4px cover;
|
|
||||||
transform-origin: 50% 50%;
|
|
||||||
content: '';
|
|
||||||
opacity: 0.02;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
.title {
|
|
||||||
font-family: 'New_Zelek' 'Arial';
|
|
||||||
display: block;
|
|
||||||
font-weight: 300;
|
|
||||||
font-size: 100px;
|
|
||||||
color: #FF2965;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
}
|
|
||||||
.subtitle {
|
|
||||||
font-weight: 300;
|
|
||||||
font-size: 42px;
|
|
||||||
color: #FF2965;
|
|
||||||
word-spacing: 5px;
|
|
||||||
padding-bottom: 15px;
|
|
||||||
}
|
|
||||||
.links {
|
|
||||||
padding-top: 15px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
# PLUGINS
|
|
||||||
|
|
||||||
**This directory is not required, you can delete it if you don't want to use it.**
|
|
||||||
|
|
||||||
This directory contains Javascript plugins that you want to run before mounting the root Vue.js application.
|
|
||||||
|
|
||||||
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins).
|
|
||||||
4
plugins/bootstrap.js
vendored
4
plugins/bootstrap.js
vendored
@@ -1,4 +0,0 @@
|
|||||||
import Vue from 'vue'
|
|
||||||
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
|
|
||||||
Vue.use(BootstrapVue)
|
|
||||||
Vue.use(IconsPlugin)
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
# STATIC
|
|
||||||
|
|
||||||
**This directory is not required, you can delete it if you don't want to use it.**
|
|
||||||
|
|
||||||
This directory contains your static files.
|
|
||||||
Each file inside this directory is mapped to `/`.
|
|
||||||
Thus you'd want to delete this README.md before deploying to production.
|
|
||||||
|
|
||||||
Example: `/static/robots.txt` is mapped as `/robots.txt`.
|
|
||||||
|
|
||||||
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static).
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
Reference in New Issue
Block a user