pages/projects/index.vue


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87

<template>
        <v-card>
                <header id="showcase">
                        <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>
                                <v-col cols="12">
                                        <v-card class="blue darken-4">
                                                <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 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>
                                        <v-card class="blue darken-4">
                                                <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 target="_blank" href="https://github.com/aleeproductions/AleeBot">GitHub</v-btn>
                                                </v-card-actions>
                                        </v-card>
                                        <br>
                                        <v-card class="blue darken-4">
                                                <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 target="_blank" href="https://github.com/Alee14/DLMP3">GitHub</v-btn>
                                                </v-card-actions>
                                        </v-card>
                                        <br>
                                        <v-card class="blue darken-4">
                                                <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 target="_blank" href="https://alee14.github.io/first-website">Website</v-btn>
                                                </v-card-actions>
                                        </v-card>
                                        <br>
                                        <v-card class="blue darken-4">
                                                <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 target="_blank" href="https://alee14.github.io/weather-website">Website</v-btn>
                                                </v-card-actions>
                                        </v-card>
                                        <br>
                                        <v-card class="blue darken-4">
                                                <v-card-title>Raspberry Pi OS Menu</v-card-title>
                                                <v-card-text>A full screen menu. Programmed for the Raspberry Pi.</v-card-text>
                                                <v-card-actions>
                                                        <v-btn text normal target="_blank" href="https://github.com/Alee14/RPi-Menu">GitHub</v-btn>
                                                </v-card-actions>
                                        </v-card>
                                </v-col>
                        </v-row>
                </v-container>
        </v-card>
</template>

<script>
export default {
  name: 'projects',
  head: {
    title: 'Projects'
  }
}
</script>

<style scoped>
        #showcase {
                background-image:url("../../assets/img/landing_page.png");
                background-size: cover;
                background-position: center;
                height: 30vh;
                display: flex;
                text-shadow: 0px 0px 10px #000000;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                padding: 0 20px;
        }
</style>