Moved profile links to index and upgraded animate.css

3 files changed, 38 insertions, 17 deletions

diff --git a/pages/blog/index.vue b/pages/blog/index.vue
index 63f92a1..38e578c 100644
--- a/pages/blog/index.vue
+++ b/pages/blog/index.vue
@@ -2,8 +2,8 @@
     <div>
         <v-card>
             <header id="showcase">
-                <h1 class="display-3 animated fadeIn">Blog</h1>
-                <h1 class="animated fadeIn">This is where I post stuff here.</h1>
+                <h1 class="display-3 animate__animated animate__fadeIn">Blog</h1>
+                <h1 class="animate__animated animate__fadeIn">This is where I post stuff here.</h1>
             </header>
         </v-card>
         <v-container>
diff --git a/pages/index.vue b/pages/index.vue
index 0c0d98f..41f2295 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -2,19 +2,18 @@
     <div>
         <div class="landing-page">
             <v-card>
-                <header id="showcase" class="animated fadeIn">
-                    <v-img :src="require('../assets/img/Alee.png')" max-height="200px" max-width="200px" class="animated fadeIn" />
+                <header id="showcase" class="animate__animated animate__fadeIn">
+                    <v-img :src="require('../assets/img/Alee.png')" max-height="200px" max-width="200px" class="animate__animated animate__fadeIn" />
                     <br/>
-                    <!-- Add text outline -->
-                    <h1 class="display-4 animated zoomIn">Hello, I'm Andrew Lee!</h1>
+                    <h1 class="display-4 animate__animated animate__zoomIn">Hello, I'm Andrew Lee!</h1>
                     <br/>
-                    <h1 class="display-1 animated zoomIn">Welcome to my personal website.</h1>
+                    <h1 class="display-1 animate__animated animate__zoomIn">Welcome to my personal website.</h1>
                 </header>
             </v-card>
         </div>
         <v-container>
             <div class="about">
-                <v-card flat color="green darken-3" dark>
+                <v-card flat color="green darken-4" dark>
                     <v-container>
                         <h1>About Me</h1>
                         <p><b>Hello, I'm Andrew Lee and I'm currently 16 years old. I like to program and play some games sometimes.</b></p>
@@ -42,6 +41,28 @@
                             <li>Software Inc</li>
                             <li>Hacknet</li>
                         </ul>
+                        <h1>Platforms</h1>
+                        <v-btn target="_blank" href="https://discord.gg/EFhRDqG" icon>
+                            <v-icon>mdi-discord</v-icon>
+                        </v-btn>
+                        <v-btn target="_blank" href="https://github.com/Alee14" icon>
+                            <v-icon>mdi-github</v-icon>
+                        </v-btn>
+                        <v-btn target="_blank" href="https://lbry.tv/@Alee:4" icon>
+                            <v-icon>mdi-video</v-icon>
+                        </v-btn>
+                        <v-btn target="_blank" href="https://twitter.com/Alee14498" icon>
+                            <v-icon>mdi-twitter</v-icon>
+                        </v-btn>
+                        <v-btn target="_blank" href="https://www.youtube.com/channel/UCNRn4YDPCCWSEl3CT7eWorA" icon>
+                            <v-icon>mdi-youtube</v-icon>
+                        </v-btn>
+                        <v-btn target="_blank" href="https://www.instagram.com/alee14498" icon>
+                            <v-icon>mdi-instagram</v-icon>
+                        </v-btn>
+                        <v-btn target="_blank" href="https://www.reddit.com/user/alee1449" icon>
+                            <v-icon>mdi-reddit</v-icon>
+                        </v-btn>
                     </v-container>
                 </v-card>
             </div>
diff --git a/pages/projects/index.vue b/pages/projects/index.vue
index dc5bc1a..3f5d464 100644
--- a/pages/projects/index.vue
+++ b/pages/projects/index.vue
@@ -1,8 +1,8 @@
 <template>
         <v-card>
                 <header id="showcase">
-                        <h1 class="display-3 animated fadeIn">Projects</h1>
-                        <h1 class="animated fadeIn">My current and past projects goes here.</h1>
+                        <h1 class="display-3 animate__animated animate__fadeIn">Projects</h1>
+                        <h1 class="animate__animated animate__fadeIn">My current and past projects goes here.</h1>
                 </header>
                 <v-container>
                         <v-row>
@@ -11,9 +11,9 @@
                                                 <v-card-title>Alee Productions</v-card-title>
                                                 <v-card-text>A future company that I'm planning on running.</v-card-text>
                                                 <v-card-actions>
-                                                        <v-btn text normal href="https://alee-productions.xyz">Website</v-btn>
-                                                        <v-btn text normal href="https://github.com/aleeproductions">GitHub</v-btn>
-                                                        <v-btn text normal href="https://twitter.com/aleeproductions">Twitter</v-btn>
+                                                        <v-btn text normal target="_blank" href="https://alee-productions.xyz">Website</v-btn>
+                                                        <v-btn text normal target="_blank" href="https://github.com/aleeproductions">GitHub</v-btn>
+                                                        <v-btn text normal target="_blank" href="https://twitter.com/aleeproductions">Twitter</v-btn>
                                                 </v-card-actions>
                                         </v-card>
                                         <br>
@@ -21,7 +21,7 @@
                                                 <v-card-title>AleeBot</v-card-title>
                                                 <v-card-text>An all-in-one bot that's made from the Discord.JS api.</v-card-text>
                                                 <v-card-actions>
-                                                        <v-btn text normal href="https://github.com/aleeproductions/AleeBot">GitHub</v-btn>
+                                                        <v-btn text normal target="_blank" href="https://github.com/aleeproductions/AleeBot">GitHub</v-btn>
                                                 </v-card-actions>
                                         </v-card>
                                         <br>
@@ -29,7 +29,7 @@
                                                 <v-card-title>DLMP3</v-card-title>
                                                 <v-card-text>A Discord bot that plays local mp3 audio tracks.</v-card-text>
                                                 <v-card-actions>
-                                                        <v-btn text normal href="https://github.com/Alee14/DLMP3">GitHub</v-btn>
+                                                        <v-btn text normal target="_blank" href="https://github.com/Alee14/DLMP3">GitHub</v-btn>
                                                 </v-card-actions>
                                         </v-card>
                                         <br>
@@ -37,7 +37,7 @@
                                                 <v-card-title>First Website</v-card-title>
                                                 <v-card-text>The first website that "I" in 2013.</v-card-text>
                                                 <v-card-actions>
-                                                        <v-btn text normal href="https://alee14.github.io/first-website">Website</v-btn>
+                                                        <v-btn text normal target="_blank" href="https://alee14.github.io/first-website">Website</v-btn>
                                                 </v-card-actions>
                                         </v-card>
                                         <br>
@@ -45,7 +45,7 @@
                                                 <v-card-title>Weather Web Page</v-card-title>
                                                 <v-card-text>The second website that I worked on as an assignment. Originally hosted in Mozilla Thimble and started in 2016.</v-card-text>
                                                 <v-card-actions>
-                                                        <v-btn text normal href="https://alee14.github.io/weather-website">Website</v-btn>
+                                                        <v-btn text normal target="_blank" href="https://alee14.github.io/weather-website">Website</v-btn>
                                                 </v-card-actions>
                                         </v-card>
                                 </v-col>