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
|
<!doctype html><html lang="en"><head>
<meta http-equiv="content-type"
content="text/html;charset=utf-8" />
<meta name="viewport"
content="width=device-width,initial-scale=1" />
<link rel="stylesheet" type="text/css" href="../s/m.css" />
<link rel="icon" type="image/png" href="../i/me.png" />
<title>Website</title></head><body>
<div id="m"><div id="h">
<img src="../i/me.png" alt="photo of myself" />
<h1>Porter Swanstrom</h1><br />
<a href="../">HOME</a> :
<a href="../p">PROJECTS</a> :
<a href="../w">ABOUT</a>
</div><div id="b">
<h2>NAV</h2>
<ul class="tree">
<li>/<a href="../">h</a> - home</li>
<li>/<a href="../e">e</a> - error</li>
<li>/i - images</li>
<li>/<a href="../p">p</a> - projects</li>
<li>/s - CSS styles</li>
<li>/<a href="../sql">sql</a> - SQL</li>
<li>/<a href="../w">w</a> - website</li>
<li>/<a href="../wf">wf</a> -
WinForms</li>
</ul>
<h2>WHY</h2>
<p>This site started as something interesting for me to work
on during my break after the Fall 2023 semester ended. It's
turned out to be a fantastic excuse to learn HTML, CSS, and
Git</p>
<h2>LOG</h2>
<h3>2025/03/09</h3>
<p>After using my own pseudo-SSG for a bit, I have started
experimenting with more a complete SSG. Also, this site now
runs on a server which I configured. This gives the site far
more potential than it had before. For instance, I'm already
running a git server which integrates with the site. The
server has been running smoothly for about a month now</p>
<h3>2025/01/02</h3>
<p>I programmed a shell script to automatically generate the
header and footer of each page. This gives me most of the
convenience and consistency of an SSG, while still keeping
the fine-tuned control of HTML for the main page content</p>
<h3>2024/10/16</h3>
<p>There's now sitemap navigation which is nice for jumping to
a specific page, it's also great for documenting the purpose
of each page. I also added a photo of myself to the header,
making it less empty looking. The header photo also works
good as a favicon. Another thing I did was adding background
images, one for dark mode and one for light mode. I'm not
sure how long I'll end up keeping the backgrounds, but
they're fun for the time being</p>
<h3>2024/06/15</h3>
<p>I redid the header and made the CSS look nicer. There's
also been lots of minor improvements like having newlines
in the correct spots and lots of rewording. This site is
now in a fairly stable state, so most important changes
will be from either adding new pages or totally redesigning
something</p>
<h3>2024/03/25</h3>
<p>Every page has been moved to its own directory so that
this site can use URL slugs without relying on a framework
or web server. Now the URL of every page looks much cleaner.
There is also an <a href="/e">error</a> page now so when
someone tries going to a page that doesn't exist like
<a href="/nonexistent">this</a> one, they're sent to an
error page and then redirected to the
<a href="../">homepage</a> page after
a few seconds</p>
<h3>2024/02/04</h3>
<p>There's now a page for the various
<a href="../wf"> WinForms</a> that
I've made throughout my classes in college. I also changed
this site's theme quite a bit since the last log</p>
<h3>2023/12/31</h3>
<p>I got the domain name porterswanstrom.com and created two
A records, one for plain porterswanstrom.com and another for
w.porterswanstrom.com. the latter is setup to auto-redeploy
everytime a change is made to this site, so that the changes
can be tested before being deployed to porterswanstrom.com</p>
<h3>2023/12/18</h3>
<p>I figured out how to get the spacing and font size to work
right on mobile, so now this site looks great on mobile</p>
<h3>2023/12/13</h3>
<p>I designed a light mode for this site and added CSS to set
the theme depending on whether someone is using dark mode or
light mode</p>
<h3>2023/12/10</h3>
<p>This site has some color now, it's currently dark mode
with green links, a lot of redish orange headers, and a few
purple headers</p>
<h3>2023/12/09</h3>
<p>I started this site on the 6th and so far the only pages
are the <a href="../">homepage</a>,
<a href="../p"> projects</a> page, and
<a href="">about</a> page. I also started to add some basic
CSS and successfully got a working header and footer</p>
<h2>GET</h2>
<p>The source code is
<a href="http://porterswanstrom.com/git/w">here</a>,
get it with:</p><pre class="sh">
git clone http://porterswanstrom.com/git/w
</pre>
</div><div id="f">
<p>Made by <a href="../">PORTER SWANSTROM</a></p>
</div></div></body></html>
|
