vt3e.cat
this repo has no descr,ription
vt3e.cat
feat: meta tags
+35
-12
+19
-2
pkgs/web/index.html
+19
-2
pkgs/web/index.html
···
1
1
<!doctype html>
2
-
<html lang="">
2
+
<html lang="en">
3
3
<head>
4
4
<meta charset="UTF-8" />
5
-
<link rel="icon" href="/favicon.ico" />
5
+
<link rel="icon" href="/avatar/64x64.webp" />
6
6
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
7
7
<title>vt3e</title>
8
+
9
+
<link rel="canonical" href="https://vt3e.cat/" />
10
+
<meta
11
+
name="description"
12
+
content="vt3e - demifem {cat,rat}girl. ui/ux designer & software dev."
13
+
/>
14
+
<meta property="og:title" content="vt3e — ui/ux & software dev" />
15
+
<meta
16
+
property="og:description"
17
+
content="vt3e - demifem {cat,rat}girl. ui/ux designer & software dev."
18
+
/>
19
+
<meta property="og:url" content="https://vt3e.cat/" />
20
+
<meta property="og:type" content="website" />
21
+
<meta property="og:site_name" content="vt3e" />
22
+
<meta property="og:image" content="https://vt3e.cat/avatar/480x480.webp" />
23
+
<meta property="og:image:width" content="480" />
24
+
<meta property="og:image:height" content="480" />
8
25
</head>
9
26
<body>
10
27
<div id="app"></div>
+1
-1
pkgs/web/src/views/HomeView.vue
+1
-1
pkgs/web/src/views/HomeView.vue
+15
-9
pkgs/web/src/views/ProjectsView.vue
+15
-9
pkgs/web/src/views/ProjectsView.vue
···
105
105
{{ formatDate(repo.value.createdAt) }}
106
106
</time>
107
107
<div class="tags" v-if="repo.value.topics && repo.value.topics.length">
108
-
<span v-for="tag in repo.value.topics" :key="tag" class="repo-tag">
108
+
<span v-for="tag in repo.value.topics" :key="tag" class="topic-tag repo-tag">
109
109
{{ tag }}
110
110
</span>
111
111
</div>
112
112
<div class="tags" v-if="repoLanguages[repo.uri] && repoLanguages[repo.uri]?.length">
113
-
<span v-for="lang in repoLanguages[repo.uri]" :key="lang.name" class="repo-tag">{{
114
-
lang.name
115
-
}}</span>
113
+
<span
114
+
v-for="lang in repoLanguages[repo.uri]"
115
+
:key="lang.name"
116
+
class="language-tag repo-tag"
117
+
>{{ lang.name }}</span
118
+
>
116
119
</div>
117
120
</div>
118
121
<h3 class="repo-name">{{ repo.value.name }}</h3>
···
171
174
}
172
175
173
176
.repo-header {
174
-
margin-bottom: 0.75rem;
175
-
176
177
.repo-meta {
177
178
display: inline-flex;
178
-
padding: 0.25rem;
179
179
border-radius: 5rem;
180
180
flex-direction: row;
181
181
align-items: center;
182
182
gap: 0.25rem;
183
-
184
-
background-color: hsla(var(--accent) / 0.075);
183
+
margin-bottom: 0.25rem;
185
184
186
185
.repo-tag {
187
186
font-size: 0.75rem;
···
209
208
210
209
.repo-tag {
211
210
border-radius: 0.25rem;
211
+
212
+
&.topic-tag::before {
213
+
content: '#';
214
+
color: hsla(var(--subtext0) / 0.75);
215
+
font-weight: 700;
216
+
margin-right: 0.05rem;
217
+
}
212
218
213
219
&:first-child {
214
220
border-top-left-radius: 1rem;