Skip to content

Commit 4ae0e5e

Browse files
w3tealw3teal
committed
Happy New Year 2025!
1 parent 9b6d57e commit 4ae0e5e

File tree

4 files changed

+536
-84
lines changed

4 files changed

+536
-84
lines changed

Diff for: ‎_includes/index.njk

+86-31
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,20 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>{{ title }}</title>
77
<meta name="description" content="{{ description }}">
8+
<link rel="shortcut icon" href="/logo.png" type="image/x-icon">
9+
<link rel="preconnect" href="https://fonts.googleapis.com">
10+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11+
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
12+
<script type="module" src="https://cdn.jsdelivr.net/npm/bluesky-profile-feed-embed@^1.0.0/+esm"></script>
13+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bluesky-profile-feed-embed@^1.0.0/dist/core.min.css">
814
<link rel="stylesheet" href="/style.css">
915
</head>
1016
<body>
1117
<section class="hero">
1218
<div class="social">
1319
{%- for social in social -%}
14-
<a href="{{ social.url }}">
15-
<img height="32" width="32" src="https://cdn.simpleicons.org/{{ social.slug }}/white">
20+
<a href="{{ social.url }}" aria-label="{{ social.slug }}">
21+
<img alt="{{ social.slug }}" height="32" width="32" src="https://cdn.simpleicons.org/{{ social.slug }}/white">
1622
</a>
1723
{%- endfor -%}
1824
</div>
@@ -21,34 +27,83 @@
2127
<div class="description">{{ description }}</div>
2228
</div>
2329
</section>
24-
<section id="projects">
25-
<h2>Projects</h2>
26-
<p>Some my newest projects that i like to maintain.</p>
27-
<div class="projects">
28-
{%- for project in projects -%}
29-
<a href="{{ project.url }}" class="project">
30-
<div class="name">{{ project.title }}</div>
31-
<div class="description">{{ project.description }}</div>
30+
<main>
31+
<section id="projects" class="grid all-s12 all-m6">
32+
<div class="details">
33+
<h2>
34+
<a href="#projects" aria-label="projects">Projects</a>
35+
</h2>
36+
<p>Some my newest projects that i like to maintain.</p>
37+
</div>
38+
<div class="scroll projects">
39+
{%- for project in projects -%}
40+
<a href="{{ project.url }}" class="project" aria-label="{{ project.title }}">
41+
<div class="name">{{ project.title }}</div>
42+
<div class="description">{{ project.description }}</div>
43+
</a>
44+
{%- endfor -%}
45+
</div>
46+
</section>
47+
<section id="docsify" class="grid all-s12 all-m6">
48+
<div class="details">
49+
<img height="32" width="32" src="https://cdn.simpleicons.org/docsify/white" alt="docsify">
50+
<h2>
51+
<a href="#docsify" aria-label="docsify">Docsify plugins</a>
52+
</h2>
53+
<p>Some plugins and themes that i used to build when i use Docsify.</p>
54+
</div>
55+
<div class="scroll projects">
56+
{%- for plugin in plugins -%}
57+
<a href="{{ plugin.url }}" class="project">
58+
<div class="name">{{ plugin.title }}</div>
59+
<div class="description">{{ plugin.description }}</div>
60+
</a>
61+
{%- endfor -%}
62+
</div>
63+
</section>
64+
<section id="bluesky" class="grid all-s12 all-m6">
65+
<div class="details">
66+
<img height="32" width="32" src="https://cdn.simpleicons.org/bluesky/white" alt="bluesky">
67+
<h2>
68+
<a href="#bluesky" aria-label="bluesky">Bluesky posts</a>
69+
</h2>
70+
<p>My short posts describe my thinks every day.</p>
71+
</div>
72+
<bluesky-profile-feed actor="did:plc:pibkszlhfix34y257kqcozix" include-pins>
73+
<a target="_blank" href="https://bsky.app/profile/did:plc:pibkszlhfix34y257kqcozix" class="bluesky-profile-feed-fallback">
74+
Posts by LIGMATV (@ligmatv.is-a.dev)
75+
</a>
76+
</bluesky-profile-feed>
77+
</section>
78+
<section id="contact" class="grid all-s12 all-m6">
79+
<div class="details">
80+
<h2>
81+
<a href="#contact" aria-label="Contact me">Contact me</a>
82+
</h2>
83+
<p>Have any questions or want to get in touch? Easily send your messages via Email or Bluesky DM.</p>
84+
</div>
85+
<div class="scroll contact">
86+
{%- for via in contact -%}
87+
<a href="{{ via.url }}" class="via" aria-label="{{ via.slug }}">
88+
<img height="32" width="32" src="https://cdn.simpleicons.org/{{ via.slug }}/white" alt="{{ via.slug }}">
89+
<div class="name">{{ via.slug }}</div>
90+
</a>
91+
{%- endfor -%}
92+
</div>
93+
</section>
94+
<section id="posts" class="posts">
95+
<a href="https://dev.to/ligmatv" aria-label="Open my posts">
96+
<span>Read my posts</span>
97+
<div class="description">When i get big idea, sometimes i turn this as post. Mostly about CSS.</div>
3298
</a>
33-
{%- endfor -%}
34-
</div>
35-
</section>
36-
<section id="docsify">
37-
<h2> <img height="32" width="32" src="https://cdn.simpleicons.org/docsify/07bbbc"> And my Docsify plugins</h2>
38-
<p>I not use docsify again, but them still works fine.</p>
39-
<div class="projects">
40-
{%- for plugin in plugins -%}
41-
<a href="{{ plugin.url }}" class="project">
42-
<div class="name">{{ plugin.title }}</div>
43-
<div class="description">{{ plugin.description }}</div>
44-
</a>
45-
{%- endfor -%}
46-
</div>
47-
</section>
48-
<section id="footer" class="footer">
49-
<a href="/links.html">My links</a> <br>
50-
© 2024 {{ title }} - All Rights Reserved.
51-
</section>
52-
<br>
99+
</section>
100+
<section id="my-links" class="my-links">
101+
<a href="/links.html" aria-label="Open my links"> <img src="https://api.iconify.design/mdi/open-in-new.svg?color=white" alt="Open my links" width="48"> My links</a>
102+
</section>
103+
</main>
104+
<footer>
105+
Built with <a href="https://www.11ty.dev/" aria-label="11ty">11ty</a>. Designed by me, Inspired from <a href="https://tobiasahlin.com/" aria-label="Tobias Ahlin">Tobias Ahlin's website</a> and <a href="https://en.wikipedia.org/wiki/Metro_(design_language)" aria-label="Metro Wikipedia page">Metro Design</a>. <br>
106+
© 2025 {{ title }} - All Rights Reserved.
107+
</footer>
53108
</body>
54-
</html>
109+
</html>

Diff for: ‎_includes/links.njk

+15-11
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,15 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
43
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>{{ title }}</title>
8-
<meta name="description" content="{{ description }}">
9-
<link rel="stylesheet" href="/style.css">
10-
</head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>{{ title }}</title>
7+
<meta name="description" content="{{ description }}">
8+
<link rel="preconnect" href="https://fonts.googleapis.com">
9+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10+
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
11+
<link rel="stylesheet" href="/style.css">
12+
</head>
1113

1214
<body>
1315

@@ -20,15 +22,17 @@
2022
{% for key, url in links %}
2123
<li><a href="{{ domain }}{{ key }}">{{ key }}</a></li>
2224
{% endfor %}
25+
<li>
26+
<a class="edit" href="https://github.com/LIGMATV/links/edit/main/src/links.json">Edit URLs</a>
27+
</li>
2328
</ul>
2429

2530
</section>
2631

27-
<section id="footer" class="footer">
32+
<footer>
2833
<a href="/">Back to home</a> <br>
29-
© 2024 {{ title }} - All Rights Reserved.
30-
</section>
31-
<br>
34+
© 2025 {{ title }} - All Rights Reserved.
35+
</footer>
3236

3337
</body>
3438

Diff for: ‎src/index.njk

+10-1
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,23 @@
22
layout: index.njk
33
permalink: /index.html
44
title: LIGMATV
5-
description: "I'm LIGMATV, thanks for your presence. I'm a frontend developer from Indonesia, especially North Sumatra province since 2023. Has experience with HTML, CSS, and a bit JS."
5+
description: "I'm LIGMATV, thanks for your presence. I'm a frontend developer from Indonesia, especially North Sumatra province. Has experiencing in HTML, CSS, and a bit JS since 2023."
6+
contact:
7+
- slug: Bluesky
8+
url: https://bsky.app/messages/3leiyaqisx725
9+
- slug: Gmail
10+
url: mailto:[email protected]
611
social:
712
- slug: github
813
url: https://github.com/LIGMATV
914
- slug: bluesky
1015
url: https://bsky.app/profile/ligmatv.is-a.dev
1116
- slug: codepen
1217
url: https://codepen.io/LIGMATV
18+
- slug: devdotto
19+
url: https://dev.to/ligmatv
20+
- slug: wakatime
21+
url: https://wakatime.com/@85b9d580-b10f-4b9e-a6bf-071472cd4dba
1322
projects:
1423
- title: 11ty Beer
1524
url: https://github.com/LIGMATV/11ty-beer

0 commit comments

Comments
 (0)