-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.pug
113 lines (103 loc) · 4 KB
/
index.pug
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
doctype html
html(lang="en")
head
meta(charset="utf-8")
meta(http-equiv="X-UA-Compatible" content="IE=edge")
meta(name="viewport" content="width=device-width, initial-scale=1.0")
link(rel="shortcut icon" href="/merkmal.ico")
link(href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.1/css/bulma.min.css" rel="stylesheet")
link(href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet")
link(href="css/app.css" rel="stylesheet")
script(src="https://unpkg.com/[email protected]/dist/vue.js")
title Merkmal
body
#app(v-cloak)
nav.navbar
.navbar-brand
a.navbar-item.logo(href="https://re-fort.net") Merkmal
.navbar-burger.burger(:class="{ 'is-active': isActive }" @click="toggleMenu()")
span
span
span
#navMenu.navbar-menu(:class="{ 'is-active': isActive }")
.navbar-end
a.navbar-item.is-tab(href="#nazo") Nazo
a.navbar-item.is-tab(href="#work") Work
a.navbar-item.is-tab(href="#contributions") Contributions
a.navbar-item.is-tab(href="#about") About
section#nazo.section
.container
.columns
.column.is-6.is-offset-3
h3.title.has-text-centered Nazo
hr
.columns.is-multiline
.column.is-4(v-for="nazo in nazos")
.card
header.card-header
a.card-header-title(:href="nazo.url")
| {{ nazo.title }}
a.card-header-icon(:href="nazo.url")
i.fa.fa-link(aria-hidden="true")
.card-content
.content
| {{ nazo.description }}
section#work.section
.container
.columns
.column.is-6.is-offset-3
h3.title.has-text-centered Work
hr
.columns.is-multiline
.column.is-4(v-for="repo in myRepos")
.card
header.card-header
a.card-header-title(:href="repo.url || getGithubUrl(repo.title)")
| {{ repo.title }}
a.card-header-icon(:href="getGithubUrl(repo.title)")
i.fa.fa-github(aria-hidden="true")
.card-content
.content
| {{ repo.description }}
section#contributions.section
.container
.columns
.column.is-6.is-offset-3
h3.title.has-text-centered Contributions
hr
.columns.is-multiline
.column.is-4(v-for="repo in contributionRepos")
.card
header.card-header
a.card-header-title(:href="repo.url || getGithubUrl(repo.title, repo.author)")
| {{ repo.title }}
a.card-header-icon(:href="getGithubUrl(repo.title, repo.author)")
i.fa.fa-github(aria-hidden="true")
.card-content
.content
| {{ repo.description }}
section#about.section
.container
.columns
.column.is-6.is-offset-3
h3.title.has-text-centered About
hr
.columns.is-multiline
.column
figure.image.is-200x200.has-image-centered
img.img-circle(src="assets/image/me.png" alt="re-fort")
.columns
.column.is-8.is-offset-2
h3.title.has-text-centered re-fort
.columns.has-text-centered
.column.is-6.is-offset-3
a(href="https://twitter.com/re_fort" style="margin-right: 16px;")
i.fa.fa-twitter(aria-hidden="true")
a(href="https://github.com/re-fort")
i.fa.fa-github(aria-hidden="true")
footer.footer
.container
.content.has-text-centered
p Copyright © 2014 - Now
p Merkmal
script(src="js/app.js")