diegovester
/
wordofmouth.corneruniverse.com
1
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity
Browse Source

Merge pull request 'Changed website title to 'Word of Mouth', updated HelloWorld component message and content, changed color scheme from green to pink, removed the logo, and updated the e2e test to match the new title' (#2) from ai/1769214288360 into main 

Reviewed-on: #2
main
Diego Vester 2 months ago
parent
1b2a7c7464 e203ec98ca
commit
e093d7f920
5 changed files with 13 additions and 26 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      e2e/vue.spec.ts
  2. 4
      index.html
  3. 15
      src/App.vue
  4. 8
      src/assets/main.css
  5. 8
      src/components/HelloWorld.vue

4
e2e/vue.spec.ts
Unescape View File

@ -4,5 +4,5 @@ import { test, expect } from '@playwright/test'
// https://playwright.dev/docs/intro // https://playwright.dev/docs/intro
test('visits the app root url', async ({ page }) => { test('visits the app root url', async ({ page }) => {
await page.goto('/') await page.goto('/')
await expect(page.locator('h1')).toHaveText('You did it!') await expect(page.locator('h1')).toHaveText('Word of Mouth')
}) })

4
index.html
Unescape View File

@ -4,10 +4,10 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title> <title>Word of Mouth</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
</html> </html>

15
src/App.vue
Unescape View File

@ -5,10 +5,8 @@ import HelloWorld from './components/HelloWorld.vue'
<template> <template>
<header> <header>
<img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
<div class="wrapper"> <div class="wrapper">
<HelloWorld msg="You did it!" /> <HelloWorld msg="Word of Mouth" />
<nav> <nav>
<RouterLink to="/">Home</RouterLink> <RouterLink to="/">Home</RouterLink>
@ -26,11 +24,6 @@ header {
max-height: 100vh; max-height: 100vh;
} }
.logo {
display: block;
margin: 0 auto 2rem;
}
nav { nav {
width: 100%; width: 100%;
font-size: 12px; font-size: 12px;
@ -63,10 +56,6 @@ nav a:first-of-type {
padding-right: calc(var(--section-gap) / 2); padding-right: calc(var(--section-gap) / 2);
} }
.logo {
margin: 0 2rem 0 0;
}
header .wrapper { header .wrapper {
display: flex; display: flex;
place-items: flex-start; place-items: flex-start;
@ -82,4 +71,4 @@ nav a:first-of-type {
margin-top: 1rem; margin-top: 1rem;
} }
} }
</style> </style>

8
src/assets/main.css
Unescape View File

@ -8,16 +8,16 @@
} }
a, a,
.green { .pink {
text-decoration: none; text-decoration: none;
color: hsla(160, 100%, 37%, 1); color: hsla(330, 100%, 50%, 1);
transition: 0.4s; transition: 0.4s;
padding: 3px; padding: 3px;
} }
@media (hover: hover) { @media (hover: hover) {
a:hover { a:hover {
background-color: hsla(160, 100%, 37%, 0.2); background-color: hsla(330, 100%, 50%, 0.2);
} }
} }
@ -32,4 +32,4 @@ a,
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
padding: 0 2rem; padding: 0 2rem;
} }
} }

8
src/components/HelloWorld.vue
Unescape View File

@ -6,11 +6,9 @@ defineProps<{
<template> <template>
<div class="greetings"> <div class="greetings">
<h1 class="green">{{ msg }}</h1> <h1 class="pink">{{ msg }}</h1>
<h3> <h3>
You’ve successfully created a project with Data Driven Marketing
<a href="https://vite.dev/" target="_blank" rel="noopener">Vite</a> +
<a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>. What's next?
</h3> </h3>
</div> </div>
</template> </template>
@ -38,4 +36,4 @@ h3 {
text-align: left; text-align: left;
} }
} }
</style> </style>
Write Preview
Loading…
Cancel
Save