Skip to content

Commit a59a2da

Browse files
Rigo-mRigo-m
committed
feat: upgraded to nuxt 3
0 parents  commit a59a2da

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

53 files changed

+1685
-0
lines changed

‎.github/workflows/deploy.yml‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
# https://github.com/actions/deploy-pages#usage
2+
name: Deploy to GitHub Pages
3+
4+
on:
5+
workflow_dispatch:
6+
push:
7+
branches:
8+
- development
9+
10+
jobs:
11+
build:
12+
runs-on: ubuntu-latest
13+
steps:
14+
- uses: actions/checkout@v3
15+
- run: corepack enable
16+
- uses: actions/setup-node@v3
17+
with:
18+
node-version: "22"
19+
20+
- run: npx nypm install
21+
- run: npm run build
22+
env:
23+
NITRO_PRESET: github_pages
24+
25+
- name: Upload artifact
26+
uses: actions/upload-pages-artifact@v1
27+
with:
28+
path: ./.output/public
29+
30+
# Deployment job
31+
deploy:
32+
# Add a dependency to the build job
33+
needs: build
34+
35+
# Grant GITHUB_TOKEN the permissions required to make a Pages deployment
36+
permissions:
37+
pages: write # to deploy to Pages
38+
id-token: write # to verify the deployment originates from an appropriate source
39+
40+
# Deploy to the github_pages environment
41+
environment:
42+
name: github-pages
43+
url: ${{ steps.deployment.outputs.page_url }}
44+
45+
# Specify runner + deployment step
46+
runs-on: ubuntu-latest
47+
steps:
48+
- name: Deploy to GitHub Pages
49+
id: deployment
50+
uses: actions/deploy-pages@v1

‎.gitignore‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Nuxt dev/build outputs
2+
.output
3+
.data
4+
.nuxt
5+
.nitro
6+
.cache
7+
dist
8+
9+
# Node dependencies
10+
node_modules
11+
12+
# Logs
13+
logs
14+
*.log
15+
16+
# Misc
17+
.DS_Store
18+
.fleet
19+
.idea
20+
21+
# Local env files
22+
.env
23+
.env.*
24+
!.env.example

‎.vscode/settings.json‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"editor.formatOnSave": false,
3+
"editor.codeActionsOnSave": {
4+
"source.fixAll.eslint": "explicit"
5+
}
6+
}

‎README.md‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
# Nuxt Minimal Starter
2+
3+
Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
4+
5+
## Setup
6+
7+
Make sure to install dependencies:
8+
9+
```bash
10+
# npm
11+
npm install
12+
13+
# pnpm
14+
pnpm install
15+
16+
# yarn
17+
yarn install
18+
19+
# bun
20+
bun install
21+
```
22+
23+
## Development Server
24+
25+
Start the development server on `http://localhost:3000`:
26+
27+
```bash
28+
# npm
29+
npm run dev
30+
31+
# pnpm
32+
pnpm dev
33+
34+
# yarn
35+
yarn dev
36+
37+
# bun
38+
bun run dev
39+
```
40+
41+
## Production
42+
43+
Build the application for production:
44+
45+
```bash
46+
# npm
47+
npm run build
48+
49+
# pnpm
50+
pnpm build
51+
52+
# yarn
53+
yarn build
54+
55+
# bun
56+
bun run build
57+
```
58+
59+
Locally preview production build:
60+
61+
```bash
62+
# npm
63+
npm run preview
64+
65+
# pnpm
66+
pnpm preview
67+
68+
# yarn
69+
yarn preview
70+
71+
# bun
72+
bun run preview
73+
```
74+
75+
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

‎app.vue‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<template>
2+
<div>
3+
<NuxtRouteAnnouncer style="display: none" />
4+
<NuxtLayout>
5+
<NuxtPage />
6+
</NuxtLayout>
7+
</div>
8+
</template>

‎assets/scss/globals/_colors.scss‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
2+
// First Attempt
3+
// $primary: #F06449;
4+
// $primary-darker: #EE4F2F;
5+
// $primary-darkest:#BD2C0F;
6+
// $secondary: #191924;
7+
// $tertiary: #3B8EA5;
8+
// $hover-contrast: #FFD046;
9+
// $plain-text: #F8FFE5;
10+
11+
// https://coolors.co/f05f42-f2efea-3b8ea5-403d58-dbd56e
12+
// $primary: #F06449;
13+
// $primary-darker: #EE4F2F;
14+
// $primary-darkest:#E23512;
15+
// $secondary: #403D58;
16+
// $tertiary: #3B8EA5;
17+
// $hover-contrast: #DBD56E;
18+
// $plain-text: #F2EFEA;
19+
20+
// Andre https://coolors.co/313640-c7cfd9-5a6773-bf8069-f2b5a7
21+
$primary: #F2B5A7;
22+
$primary-darker: #EC9683;
23+
$primary-darkest:#E67960;
24+
$secondary: #313640;
25+
$tertiary: #5A6773;
26+
$hover-contrast: #BF8069;
27+
$plain-text: #C7CFD9;

‎assets/scss/globals/_global.scss‎

Lines changed: 181 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,181 @@
1+
@import './typography';
2+
@import './colors';
3+
4+
html, body {
5+
margin: 0;
6+
padding: 0;
7+
height: 100%;
8+
}
9+
10+
body {
11+
font-family: $fontSans;
12+
font-weight: 300;
13+
color: $primary;
14+
}
15+
16+
17+
#__nuxt, #__nuxt > div {
18+
min-height: 100%;
19+
display: grid;
20+
width: 100%;
21+
grid-template-areas: "content";
22+
23+
@media all and (max-width: 1023px) {
24+
overflow: hidden;
25+
}
26+
}
27+
28+
29+
.container {
30+
grid-area: 'content';
31+
}
32+
33+
34+
// utility classes
35+
.fl-row {
36+
display: flex;
37+
flex-direction: row;
38+
position: relative;
39+
40+
&.center {
41+
justify-content: center;
42+
}
43+
44+
@media all and (max-width: 768px) {
45+
flex-direction: column;
46+
box-sizing: border-box;
47+
padding: 0 5vw;
48+
}
49+
}
50+
51+
.fl-column {
52+
display: flex;
53+
flex-direction: column;
54+
width: 100%;
55+
}
56+
57+
.aself-start {
58+
align-self: flex-start;
59+
}
60+
61+
62+
.standard-padding {
63+
box-sizing: border-box;
64+
padding: 0 25vw 3vw 4vw;
65+
66+
.index & {
67+
padding-right: 4vw;
68+
}
69+
70+
@media all and (max-width: 768px) {
71+
padding: 0 8vw 6vw;
72+
}
73+
}
74+
75+
.title {
76+
font-family: $fontSerif;
77+
font-weight: 900;
78+
font-size: 6vw;
79+
line-height: 1.1em;
80+
color: $primary;
81+
letter-spacing: 0.01em;
82+
83+
&.small {
84+
font-size: 3vw;
85+
86+
@media all and (max-width: 768px) {
87+
font-size: 6vw;
88+
}
89+
}
90+
}
91+
92+
.huge-title {
93+
font-family: $fontSerif;
94+
font-weight: 900;
95+
font-size: 4.5vw;
96+
line-height: 1.1em;
97+
color: $primary;
98+
letter-spacing: 0.01em;
99+
margin-bottom: 2vw;
100+
position: relative;
101+
102+
.index & {
103+
padding-left: 30px;
104+
105+
@media all and (max-width: 768px) {
106+
padding-left: 20px;
107+
}
108+
}
109+
110+
@media all and (max-width: 768px) {
111+
font-size: 9vw;
112+
line-height: 1.1em;
113+
margin-bottom: 12vw;
114+
margin-top: 2vw;
115+
}
116+
117+
span {
118+
display: inline-block;
119+
opacity: 0;
120+
transform: translateX(10%);
121+
transition: all 0.4s 0.3s ease-out;
122+
123+
.loaded & {
124+
opacity: 1;
125+
transform: none;
126+
}
127+
}
128+
129+
&:before {
130+
position: absolute;
131+
left: 0;
132+
top: 0;
133+
height: 100%;
134+
content: '';
135+
border-left: 0px solid currentColor;
136+
transition: border-left-width 0.3s ease-out;
137+
.loaded & {
138+
border-left-width: 10px;
139+
}
140+
}
141+
}
142+
143+
.copy {
144+
color: $plain-text;
145+
font-size: 1.75vw;
146+
147+
&.small {
148+
font-size: 1.5vw;
149+
@media all and (max-width: 768px) {
150+
font-size: 4vw;
151+
padding-right: 0;
152+
}
153+
}
154+
155+
156+
@media all and (max-width: 768px) {
157+
font-size: 4.5vw;
158+
line-height: 1.3em;
159+
}
160+
161+
a, a:visited {
162+
color: currentColor;
163+
transition: color 0.3s ease-out;
164+
165+
&:hover {
166+
color: $hover-contrast;
167+
}
168+
}
169+
}
170+
171+
.text-container {
172+
padding-right: 5vw;
173+
display: flex;
174+
flex-direction: column;
175+
justify-content: center;
176+
flex: 0 0 20vw;
177+
178+
@media all and (max-width: 768px) {
179+
flex: 1 1 auto;
180+
}
181+
}

‎assets/scss/globals/_typography.scss‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
$fontSerif: 'Playfair Display', serif;
2+
$fontSans: 'Lato', sans-serif;

‎assets/scss/main.scss‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
// normalize
2+
@import 'normalize-scss/sass/normalize/import-now';
3+
// variables and fonts
4+
@import './globals/colors';
5+
@import './globals/typography';
6+
// global styles
7+
@import './globals/global';

‎assets/scss/variables.scss‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
@import './globals/colors';
2+
@import './globals/typography';

0 commit comments

Comments
 (0)