phares3757/netlify-nuxt-toolbox
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Phares-Birthday

Browse Source
This commit is contained in:
Mike Phares 2023-07-29 11:02:34 -07:00
parent 8acedfc1cb
commit f0b704ec1f
7 changed files with 10 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/Birthday.vue.css
View File

@ -14,7 +14,7 @@ button {
} }
button { button {
background-color: blueviolet; background-color: teal;
border: 1px solid black; border: 1px solid black;
color: white; color: white;
width: 50%; width: 50%;

2
components/Birthday.vue.html
View File

@ -8,7 +8,7 @@
<input type="hidden" name="form-name" value="birthday" /> <input type="hidden" name="form-name" value="birthday" />
<label for="name">Name</label> <label for="name">Name</label>
<input id="name" type="text" name="name" required /> <input id="name" type="text" name="name" required />
<label for="birthday">birthday</label> <label for="birthday">Birthday</label>
<input id="birthday" type="date" name="birthday" required /> <input id="birthday" type="date" name="birthday" required />
<button type="submit">Submit</button> <button type="submit">Submit</button>
</form> </form>

2
components/FeedbackForm.vue.css
View File

@ -14,7 +14,7 @@ button {
} }
button { button {
background-color: teal; background-color: darkgreen;
border: 1px solid black; border: 1px solid black;
color: white; color: white;
width: 50%; width: 50%;

2
nuxt.config.js
View File

@ -4,7 +4,7 @@ export default {
// Global page headers: https://go.nuxtjs.dev/config-head // Global page headers: https://go.nuxtjs.dev/config-head
head: { head: {
title: 'nuxt-toolbox', title: 'Phares-Birthday',
htmlAttrs: { htmlAttrs: {
lang: 'en', lang: 'en',
}, },

4
package-lock.json generated
View File

@ -1,11 +1,11 @@
{ {
"name": "nuxt-toolbox", "name": "Phares-Birthday",
"version": "1.0.0", "version": "1.0.0",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "nuxt-toolbox", "name": "Phares-Birthday",
"version": "1.0.0", "version": "1.0.0",
"dependencies": { "dependencies": {
"core-js": "^3.19.3", "core-js": "^3.19.3",

6
package.json
View File

@ -1,5 +1,5 @@
{ {
"name": "nuxt-toolbox", "name": "Phares-Birthday",
"version": "1.0.0", "version": "1.0.0",
"author": "Netlify Inc", "author": "Netlify Inc",
"contributors": [ "contributors": [
@ -22,7 +22,9 @@
"lint:prettier": "prettier --check .", "lint:prettier": "prettier --check .",
"lint": "npm run lint:js && npm run lint:prettier", "lint": "npm run lint:js && npm run lint:prettier",
"lintfix": "prettier --write --list-different . && npm run lint:js -- --fix", "lintfix": "prettier --write --list-different . && npm run lint:js -- --fix",
"dev:netlify": "netlify dev" "dev:netlify": "netlify dev",
"deploy:netlify:dev": "netlify deploy --dev",
"deploy:netlify:prod": "netlify deploy --prod"
}, },
"dependencies": { "dependencies": {
"core-js": "^3.19.3", "core-js": "^3.19.3",

7
pages/index.vue.html
View File

@ -1,11 +1,4 @@
<main> <main>
<div class="intro">
<h1>Phares</h1>
<p>
Hi 👋!
</p>
</div>
<Birthday /> <Birthday />
<FeedbackForm />
<JokeBlock /> <JokeBlock />
</main> </main>