|
1 | 1 | <template> |
2 | | - <div class="flex flex-1 items-center justify-center h-screen bg-grey-lighter"> |
| 2 | +<div class="flex flex-col h-screen"> |
| 3 | + <div class="w-8 h-8 border border-black hover:bg-black rounded-full flex flex-1 items-center justify-center fixed pin-t pin-r m-4"> |
| 4 | + <a class="h-full w-full no-underline text-black hover:text-white text-xl items-center flex flex-1 items-center justify-center" href="https://github.com/arjunsinghy96/vue-javascript30.git"> |
| 5 | + <i class="fab fa-github-alt"></i> |
| 6 | + </a> |
| 7 | + </div> |
| 8 | + <div class="flex flex-col h-48 items-center justify-center mx-4"> |
| 9 | + <p class="text-4xl md:text-5xl underline">Vue JavaScript30</p> |
| 10 | + <p class="pt-3">This website contains the JavaScript30 examples but with Vue.js and a little personal touch.</p> |
| 11 | + </div> |
| 12 | + <div class="flex flex-1 items-center justify-center h-full bg-grey-lighter"> |
3 | 13 | <div class="flex flex-wrap justify-center"> |
4 | 14 | <router-link class="no-underline btn" to="/day1">01. Drum Kit</router-link> |
5 | 15 | <router-link class="no-underline btn" to="/day2">02. Clock</router-link> |
6 | 16 | <router-link class="no-underline btn" to="/day3">03. CSS Variables</router-link> |
7 | 17 | <router-link class="no-underline btn" to="/day5">05. Flex Gallery</router-link> |
8 | 18 | </div> |
9 | 19 | </div> |
| 20 | +</div> |
10 | 21 | </template> |
11 | 22 |
|
12 | 23 | <script> |
|
0 commit comments