tangled
alpha
login
or
join now
vt3e.cat
/
www
2
fork
atom
this repo has no descr,ription
vt3e.cat
2
fork
atom
overview
issues
pulls
pipelines
feat: more footer adjustments
vt3e.cat
4 months ago
95e7cf70
4f62cb67
verified
This commit was signed with the committer's
known signature
.
vt3e.cat
SSH Key Fingerprint:
SHA256:bC12nO0d6wKnJ426YBbLO7LVxmZlwJ1l2X0eqOroDV0=
+3
-15
2 changed files
expand all
collapse all
unified
split
pkgs
web
src
components
footer
index.ts
main.css
+3
-6
pkgs/web/src/components/footer/index.ts
···
1
1
import { css, html, LitElement, unsafeCSS } from "lit";
2
2
import { customElement } from "lit/decorators.js";
3
3
+
import { unsafeSVG } from "lit/directives/unsafe-svg.js";
3
4
4
5
import bskySvg from "/svgs/bluesky.svg?raw";
5
5
-
import tangledSvg from "/svgs/tangled.svg?raw";
6
6
import discordSvg from "/svgs/discord.svg?raw";
7
7
import emailSvg from "/svgs/email.svg?raw";
8
8
+
import tangledSvg from "/svgs/tangled.svg?raw";
8
9
9
10
import global from "../../css/global";
10
11
import styles from "./main.css?inline";
11
11
-
import { unsafeSVG } from "lit/directives/unsafe-svg.js";
12
12
13
13
type Link = { name: string; path: string };
14
14
type SocialLink = { name: string; url: string; icon: string; note?: string };
···
95
95
</div>
96
96
<div class="description">
97
97
<p>software developer & ui/ux enthusiast building fast, beautiful, and accessible web applications.</p>
98
98
-
<p class="location">📍 the united kingdom</p>
98
98
+
<p class="location">from the united kingdom</p>
99
99
</div>
100
100
</div>
101
101
`;
···
105
105
return html`
106
106
<div class="footer-bottom">
107
107
<p>© ${new Date().getFullYear()} willow. built with lit & love.</p>
108
108
-
<p class="tech-stack">
109
109
-
<span>lit</span> • <span>typescript</span> • <span>vite</span>
110
110
-
</p>
111
108
</div>
112
109
`;
113
110
}
-9
pkgs/web/src/components/footer/main.css
···
151
151
text-align: center;
152
152
font-size: 0.8rem;
153
153
color: hsl(var(--subtext0));
154
154
-
155
155
-
.tech-stack {
156
156
-
margin-top: 0.25rem;
157
157
-
158
158
-
span {
159
159
-
color: hsl(var(--accent));
160
160
-
font-weight: 600;
161
161
-
}
162
162
-
}
163
154
}