diegovester
/
wordofmouth.corneruniverse.com
1
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity
Labels Milestones
New Pull Request

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

Closed
diegovester wants to merge 1 commits from ai/1769214154934 into main
Conversation 0 Commits 1 Files Changed 3
3 changed files with 9 additions and 11 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
      index.html
  2. 8
      src/assets/main.css
  3. 8
      src/components/HelloWorld.vue

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>

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(320, 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(320, 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