Changed website title to 'Word of Mouth', updated HelloWorld component to display 'Data Driven Marketing', and changed the color scheme from green to pink

2 months ago · a3f5d26d0b
3 changed files with 9 additions and 11 deletions
--- a/index.html
+++ b/index.html
@ -4,7 +4,7 @@
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
+    <title>Word of Mouth</title>
  </head>
  <body>
    <div id="app"></div>
--- a/src/assets/main.css
+++ b/src/assets/main.css
@ -8,16 +8,16 @@
 }
 a,
-.green {
+.pink {
  text-decoration: none;
-  color: hsla(160, 100%, 37%, 1);
+  color: hsla(320, 100%, 50%, 1);
  transition: 0.4s;
  padding: 3px;
 }
@media (hover: hover) {
  a:hover {
-    background-color: hsla(160, 100%, 37%, 0.2);
+    background-color: hsla(320, 100%, 50%, 0.2);
  }
 }
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@ -6,11 +6,9 @@ defineProps<{
 <template>
  <div class="greetings">
-    <h1 class="green">{{ msg }}</h1>
+    <h1 class="pink">{{ msg }}</h1>
    <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>
  </div>
 </template>