vixalien.tngl.sh
my website
chore: make my homepage more concise
+49
-27
+49
-27
src/pages/index.astro
+49
-27
src/pages/index.astro
···
3
import { SITE_TITLE, SITE_DESCRIPTION, AUTHOR } from "../consts";
4
import Intro from "../components/Intro.astro";
5
import Welcome from "../components/Welcome.astro";
6
-
import PostsIndex from "../components/PostsIndex.astro";
7
import ContactLinks from "../components/ContactLinks.astro";
8
-
import ProjectsIndex from "../components/ProjectsIndex.astro";
9
---
10
11
<!doctype html>
···
15
</head>
16
<body>
17
<main class="container">
18
<Intro title={SITE_TITLE} />
19
-
<Welcome>
20
-
Hello! I'm Angelo Verlain, but you can call me vixalien. I am a web and
21
-
GTK developer and this is my website, a collection of projects and
22
-
writings.
23
-
</Welcome>
24
-
<Fragment>
25
-
<div class="heading">
26
-
<h2>Posts</h2>
27
-
<a href="/blog">All Posts →</a>
28
-
</div>
29
-
<PostsIndex limit={3} />
30
-
<p>
31
-
<a href="/blog">More Blog Posts →</a>
32
-
</p>
33
-
</Fragment>
34
-
<Fragment>
35
-
<div class="heading">
36
-
<h2>Projects</h2>
37
-
<a href="/portfolio">Portfolio →</a>
38
-
</div>
39
-
<ProjectsIndex limit={3} />
40
-
<p>
41
-
<a href="/portfolio">More Projects →</a>
42
-
</p>
43
-
</Fragment>
44
<h2 id="contact">Contact & Links</h2>
45
<ContactLinks />
46
<footer>
···
56
display: flex;
57
justify-content: space-between;
58
align-items: center;
59
}
60
</style>
···
3
import { SITE_TITLE, SITE_DESCRIPTION, AUTHOR } from "../consts";
4
import Intro from "../components/Intro.astro";
5
import Welcome from "../components/Welcome.astro";
6
import ContactLinks from "../components/ContactLinks.astro";
7
---
8
9
<!doctype html>
···
13
</head>
14
<body>
15
<main class="container">
16
+
<header>
17
+
<nav>
18
+
<a href="/blog">Blog</a>
19
+
<a href="/portfolio">Portfolio</a>
20
+
</nav>
21
+
</header>
22
<Intro title={SITE_TITLE} />
23
+
<p>
24
+
Hello! I'm Angelo Verlain, but you can call me <i>vixalien</i>. I am a
25
+
web and GTK developer and this is my website, a collection of projects
26
+
and writings.
27
+
</p>
28
+
<p>
29
+
You'll mostly find me working on open-source projects, particularly
30
+
involved with the GNOME Project, Alpine Linux and others.
31
+
</p>
32
+
<p>
33
+
You can read about what I do by reading a few of my regular <a
34
+
href="/blog">blog posts</a
35
+
>, or see a list of projects I've worked on in the past by visiting my <a
36
+
href="/portfolio">portfolio</a
37
+
>.
38
+
</p>
39
+
<p>
40
+
Also keep an eye on <a href="https://karabo.io">Karabo</a>, which is an
41
+
upcoming start-up I'm working on to help improve organisational
42
+
procedures in the region.
43
+
</p>
44
<h2 id="contact">Contact & Links</h2>
45
<ContactLinks />
46
<footer>
···
56
display: flex;
57
justify-content: space-between;
58
align-items: center;
59
+
}
60
+
61
+
nav {
62
+
padding: 0;
63
+
display: flex;
64
+
gap: 2rem;
65
+
list-style-type: none;
66
+
margin: 0;
67
+
}
68
+
69
+
/* nav ul li {
70
+
margin: 0;
71
+
line-height: 1;
72
+
} */
73
+
74
+
nav a {
75
+
border-bottom: 1px solid;
76
+
display: inline-block;
77
+
}
78
+
79
+
nav a:hover {
80
+
color: var(--heading-fg);
81
}
82
</style>