commit f3db848a16d2db8e382c9349415b6c6860de8ca5
parent bb99ab1540d0fabfef2a9025e172debf433abf36
Author: AndrewLockVI <andrew@laack.co>
Date: Tue, 1 Apr 2025 07:33:54 -0500
Updated website
Diffstat:
| M | index.html | | | 81 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------- |
1 file changed, 64 insertions(+), 17 deletions(-)
diff --git a/index.html b/index.html
@@ -55,29 +55,74 @@
.product-photo { display: block; max-height: 640px; width: 100%; margin: 0 auto; }
.faqtable dt { margin-bottom: 0.75em; font-style: italic; }
.faqtable dd { margin-left: 0; margin-bottom: 2em; }
+
+h1 {
+ font-family:'Lucida Console', monospace;
+ font-size: 2.25rem;
+ margin-bottom: 20px;
+ text-align: left;
+}
+
+/* Styling for the navigation container */
+.navigation {
+ display: flex;
+ justify-content: left;
+ align-items: center;
+ gap: 15px;
+ font-size: 1.25rem;
+ font-family:'Lucida Console', monospace;
+}
+
+/* Styling for the links */
+.navigation a {
+ text-decoration: none;
+ color: #333; /* Dark gray for a clean, modern look */
+ transition: color 0.3s;
+}
+
+.navigation a:hover {
+ color: #007bff;
+}
+
+a {
+ color: #007bff;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #0056b3;
+ text-decoration: underline;
+}
+
+
+/* Styling for the separator */
+.separator {
+ color: #ccc; /* Lighter gray for separator */
+ font-weight: normal;
+ margin: 0 5px;
+}
</style>
+
+<meta name="description" content="Andrew Laack's personal website showcasing research, machine learning projects, work experience, and studies in computer science. Explore code repositories, book recommendations, and find my contact information." />
</head>
<body>
- <div class="landing">
-
-<div class="svg-container">
- <svg viewBox="0 0 400 100" xmlns="http://www.w3.org/2000/svg">
- <text x="50%" y="50%" font-size="50" fill="#000000" text-anchor="middle" dominant-baseline="middle" font-family="monospace">
- Andrew Laack
- </text>
- </svg>
-</div>
+ <h1>
+ Andrew Laack
+ </h1>
- <div class="links-container">
- <a href="#research">research</a><span class="separator">|</span>
- <a href="#code">code</a><span class="separator">|</span>
- <a href="#workexperience">work</a><span class="separator">|</span>
- <a href="#studies">studies</span></a><span class="separator">|</span>
- <a href="#contact">contact</a>
- </div>
- </div>
+ <nav class="navigation">
+ <a href="#research">Research</a>
+ <span class="separator">|</span>
+ <a href="#code">Code</a>
+ <span class="separator">|</span>
+ <a href="#workexperience">Work</a>
+ <span class="separator">|</span>
+ <a href="#studies">Studies</a>
+ <span class="separator">|</span>
+ <a href="#contact">Contact</a>
+ </nav>
<hr>
@@ -88,6 +133,8 @@
<h2 id="code">code</h2>
<p>I like building software and implementing machine learning research. <a href="https://git.laack.co/"> My code</a> is self hosted using stagit, to generate static html, and nginx. If you don't understand why, please consider the fact that there are junior devs who don't understand the difference between GitHub and Git, indicative of a monopoly. Additionally, I would implore you to consider if you want to be complicit in the distribution of malware in the form of <a href="https://www.gnu.org/proprietary/proprietary.html">proprietary software</a>.
+ <hr>
+
<h2 id="workexperience">work experience</h2>
<p>
