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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="My personal website, made by hand with with love.">
    <meta name="author" content="Ambrose">
    <title>Ambrose's Personal Webpage</title>
    <link rel="Website icon" href="/static/favicon.svg" type="image/svg">
    <link rel="stylesheet" href="styles.css">
    <script src="/static/js/jquery-1.10.2.js"></script>
</head>
<body>
	<h1 class="title">Ambrose's Personal Webpage</h1>
<!--navigation bar-->
<div id="nav-placeholder">

</div>

<script>
$(function(){
  $("#nav-placeholder").load("/static/nav.html");
});
</script>
<!--end of navigation bar-->

<p class="welcome">
Welcome to my webpage! (Ru. Добро пожаловать на мою веб-страницу!) <br>
Hello! I am Ambrose, I'm a nobbiest sysadmin, a big fan of Gnu/Linux and any
UNIX system, a huge supporter of Free and Open Source software. And I am an Orthodox
Christian. <br><br>

I created this site to share my writing(s), to document my projects, to share
my photography, and as an easy place for people to find my contact info. This
website is made from scratch without any tools such as HUGO. I do use jQuery
for loading in the navbar and footer.<br>
I take pride in having a minimal webpage, but when I do have to use javascript
I will be sure to license it correctly so it can work with Gnu's LibreJS
plugin.
</p>

<p class="computer">
<h3>My computing information</h3>
<i>I like to switch around how I use so this information has the potential to be
outdated.</i>
<b>Operating System</b>
For both my desktop and laptop I use the FSF approved Gnu/Linux-libre distro Parabola.

</p>

<!--footer-->
<div id="footer-placeholder">

</div>

<script>
$(function(){
  $("#footer-placeholder").load("/static/footer.html");
});
</script>
<!--end of footer-->

</body>
</html>