-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (123 loc) · 5.08 KB
/
index.html
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang=en>
<head>
<title>Will Lewis Williams</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="assets/style.css" />
<link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon" />
</head>
<body>
<img id="me" src="assets/me.jpeg" title="A recent picture of me after hiking up a mountain" />
<main>
<h1>Will Lewis Williams</h1>
<p>
Hi there, I'm Will, welcome to my website. Here you may find links to my online presence,
my contact details, and perhaps blog posts about technologies I am using.
</p>
<div class="public-links">
<h2>Links</h2>
<!--<dl>Here are some quick links to important pages and contact methods.</dl>-->
<dt><img src="assets/github.png" alt="GitHub logo"/><a href="https://github.com/wlwww16">GitHub</a></dt>
<dd>My GitHub contains the majority of my projects.</dd>
<dt><img src="assets/email.png" alt="Email icon"/><a href="mailto:[email protected]">Email</a></dt>
<dd>My email is a reliable place to contact me (plaintext: <code>[email protected]</code>).</dd>
<dt><img src="assets/youtube.png" alt="Video icon"/><a href="https://youtube.com/wlwww16">Videos</a></dt>
<dd>I occasionally publish videos you may find interesting!</dd>
</div>
<div class="projects">
<h2>Projects</h2>
<ol>
<li>
<details open>
<summary><dt>This website</dt></summary>
<p>
<img src="assets/github.png" alt="GitHub logo"/>
<strong>
<a href="https://github.com/wlwww16/wlwww16.github.io">Source code</a>
</strong>
</p>
<dd>
This website is an example of my general design philosophy. I like simple,
minimal, but effective design.
</dd>
</details>
</li>
<li>
<details>
<summary><dt>Linux</dt></summary>
<a href="assets/desktop.png">
<img src="assets/desktop.png" alt="My desktop" id="screenshot" />
</a>
<p>
The software shown in the screenshot below is, from left-to-right,
<strong>Librewolf</strong>, <strong>Pcmanfm</strong>,
<strong>neofetch</strong> inside <strong>st</strong>, then
<strong>dmenu</strong> in the centre, and <strong>polybar</strong> at the top.
</p>
<p>
<img src="assets/github.png" alt="GitHub logo"/>
<strong>
<a href="https://github.com/wlwww16/dotfiles">dotfiles</a>
</strong>
</p>
<dd>
My dotfiles contain most of my program configuration and modifications used on my
Linux system. They also contain the shell scripts I use, some of which are made by
me, while others are from other members of the open-source community.
</dd>
</details>
</li>
<li>
<details>
<summary><dt>Suckless utilities</dt></summary>
<p>
The suckless utilities are a collection of minimal, fast, and efficient programs
written in C and configured by editing the source code.
</p>
<p>
<img src="assets/github.png" alt="GitHub logo"/>
<strong>
<a href="https://github.com/wlwww16/dwm">dwm</a>
</strong>
</p>
<dd>
dwm is suckless' dynamic window manager for X. My build contains several patches
and modifications to suit my workflow.
</dd>
<p>
<img src="assets/github.png" alt="GitHub logo"/>
<a href="https://github.com/wlwww16/st">st</a>
</p>
<dd>
The simple terminal, st, is suckless' terminal emulator. I have made a few light
patches and customisations to it.
</dd>
<p>
<img src="assets/github.png" alt="GitHub logo"/>
<a href="https://github.com/wlwww16/dmenu">dmenu</a> /
<a href="https://github.com/slock">slock</a> /
<a href="https://github.com/slstatus">slstatus</a>
</p>
<dd>
The programs linked above are smaller tools I use on a regular basis.
<strong>dmenu</strong> is an application launcher, <strong>slock</strong>
is a screen locker, and <strong>slstatus</strong> is a status monitor
I use to put system information in the dwm bar.
</details>
</li>
</ol>
</div>
<div class="technologies">
<h2>Technologies</h2>
<p>Here are some technologies I am currently using:</p>
<img src="https://artixlinux.org/img/artix-logo.png" alt="Artix Linux" title="Artix Linux"/>
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/linux/linux-original.svg" alt="Linux" title="Linux"/>
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/bash/bash-original.svg" alt="Bash" title="Bash"/>
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/csharp/csharp-original.svg" alt="C#" title="C#"/>
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg" alt="HTML" title="HTML"/>
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/vim/vim-original.svg" alt="Vim" title="Vim"/>
</div>
</main>
</body>
</html>