-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
139 lines (133 loc) · 5.32 KB
/
index.html
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html>
<head>
<!-- Page title -->
<title>GitHub Projects Page</title>
<meta name="keywords" content="User, GitHub Pages, Web applications, HTML5, VueJS, AngularJS"/>
<meta name="description" content="User GitHub Projects page"/>
<!-- Facebook OpenGraph Social media attributes -->
<meta property="og:title" content="GitHub Projects Page"/>
<meta property="og:description" content="User GitHub Projects Page to showcase Github projects"/>
<meta property="og:site_name" content="GitHub Projects Page"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://fraigo.github.io/"/>
<link rel="canonical" href="https://fraigo.github.io/" />
<!-- Facebook OpenGraph Social media image link url and size (must be http, not https) -->
<meta property="og:image" content="http://fraigo.github.io/images/github.png"/>
<meta property="og:image:width" content="256"/>
<meta property="og:image:height" content="256"/>
<meta property="og:locale" content="en_US" />
<!-- Fav Icon / App Icon -->
<link rel="shortcut icon" href="images/github.png"/>
<link rel="icon" type="image/png" href="images/github.png" sizes="256x256"/>
<link rel="apple-touch-icon" sizes="images/github.png" href="images/github.png"/>
<script type="application/ld+json">
{
"name":"GitHub Projects Page",
"description":"User GitHub Projects Page to showcase Github projects",
"author":"User",
"@type":"WebSite",
"url":"https://fraigo.github.io/",
"publisher":"User",
"headline":"User GitHub Projects Page",
"dateModified":"2018-11-02T18:20:16.528Z",
"datePublished":"2018-11-02T18:20:16.528Z",
"sameAs":null,
"@context":"http://schema.org",
"image": [
"images/github.png"
]
}</script>
<link rel="stylesheet" href="css/style.css" >
<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet">
<link href="https://unpkg.com/[email protected]/dist/vuetify.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
<div id="app" style="display:none">
<v-app>
<v-content>
<v-layout row wrap fixed class="header">
<v-flex px-2 py-2 xs-12 >
<v-layout row align-xs-center justify-xs-center>
<div class="px-2" >
<a :href="userData.html_url" target="_blank" >
<img src="images/github.png" height="48">
</a>
</div>
<div >
{{userData.name}}
<br>
<small>GitHub Projects</small>
</div>
</v-layout>
</v-flex>
<v-flex py-2 xs-12 text-xs-center text-sm-right>
<v-btn flat large class="px-1" v-if="featuredRepos.length" @click="hash='featuredRepos'; languageFilter=null">Featured<br>Projects</v-btn>
<v-btn flat large class="px-1" @click="hash='personalRepos'; languageFilter=null">Personal<br>Projects</v-btn>
<v-btn flat large class="px-1" @click="hash='forkedRepos'; languageFilter=null">Forked<br>Projects</v-btn>
</v-flex>
</v-layout>
<v-container >
<v-layout row wrap>
<v-chip small
color="white"
:outline="languageFilter!=null"
@click="languageFilter=null"
>All languages</v-chip>
<v-chip small
color="white"
v-for="(lang,index) in languages"
v-if="languageSection[lang][hash]"
:outline="languageFilter!=lang"
@click="languageFilter=lang"
>{{lang}}</v-chip>
</v-layout>
<v-layout row wrap v-if="hash=='featuredRepos'">
<gitcard
v-for="(repo,index) in featuredRepos"
v-if="languageFilter==null || languageFilter==repo.language"
:key="index"
:repo="repo"
>
</gitcard>
</v-layout>
<v-layout row wrap v-if="hash=='personalRepos'">
<gitcard
v-for="(repo,index) in personalRepos"
v-if="languageFilter==null || languageFilter==repo.language"
:textonly="true"
:key="index"
:repo="repo"
>
</gitcard>
</v-layout>
<v-layout row wrap v-if="hash=='forkedRepos'">
<gitcard
v-for="(repo,index) in forkedRepos"
v-if="languageFilter==null || languageFilter==repo.language"
:textonly="true"
:key="index"
:repo="repo"
>
</gitcard>
</v-layout>
</v-container>
</v-content>
</v-app>
</div>
<script src="https://unpkg.com/[email protected]/dist/vue.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/vuetify.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script >
config = {
user: "fraigo",
name: "User"
}
</script>
<script src="featured.js"></script>
<script src="js/gitcard.js"></script>
<script src="js/config.js"></script>
<script src="js/app.js" ></script>
</body>
</html>