source for lucas.co
Update site
index.html | 38 +++++++++++++++++++++++++++++++++-----
styles.css | 26 ++++++++++++++++++++++++++
2 files changed, 59 insertions(+), 5 deletions(-)
diff --git a/index.html b/index.html
index ff412ec..5332fe7 100644
--- a/index.html
+++ b/index.html
@@ -1,16 +1,44 @@
<!DOCTYPE html>
<html>
+<!-- Header section -->
<head>
- <link rel="stylesheet" href="/styles.css">
+
+ <!-- Website tab label -->
<title>lucas website</title>
+
+ <!-- Link to stylesheet -->
+ <link rel="stylesheet" href="styles.css">
+
</head>
-<body id="body">
- <h4>Lucas Galante Website</h4>
+<!-- Main website content -->
+<body>
+
+ <!-- Main page header -->
+ <h1>Lucas Galante Website</h1>
+
+ <!-- Contact link -->
<div>Contact: <a href="mailto:[email protected]">[email protected]</a></div>
- <br>
- <div>Code: <a href="https://github.com/lsgalante?tab=repositories">github.com/lsgalante</a></div>
+
+ <!-- Code link -->
+ <br> <div>Code: <a href="https://github.com/lsgalante?tab=repositories">https://github.com/lsgalante/</a></div>
+
+ <!-- Projects section -->
+ <br> <br> <div>Projects</div>
+
+ <br> <div> <a href="./projects/simulations.html">Simulations</a> </div>
+ <br> <div> <a href="./projects/branch.html">Branch</a> </div>
+ <br> <div> <a href="./projects/spoon.html">Spoon</a> </div>
+ <br> <div> <a href="./projects/chariot.html">Chariot</a> </div>
+ <br> <div> <a href="./porjects/vise.html">Vise</a> </div>
+ <br> <div> <a href="./projects/box.html">Box</a> </div>
+ <br> <div> <a href="./projects/drawing_1">Drawing 1</a> </div>
+ <br> <div> <a href="./projects/house_1">House 1</a> </div>
+ <br> <div> <a href="./projects/house_2">House 2</a> </div>
+ <br> <div> <a href="./projects/early_computer_modeling.html">Early computer modeling</a> </div>
+ <br> <div> <a href="./projects/charcoal_drawings.html">Charcoal Drawings</a> </div>
+
</body>
</html>
diff --git a/styles.css b/styles.css
index a8fe68c..d660c3a 100644
--- a/styles.css
+++ b/styles.css
@@ -1,3 +1,29 @@
+/* Main body styles */
+body {
+ background-color: #000000;
+ color: #ffffff;
+}
+
+/* Global font settings */
:root {
font-family: monospace;
}
+
+/* Header styling */
+h1 {
+ color: #ffffff;
+ font-size: 1.2em;
+}
+
+/* Link styling */
+a {
+ color: #66b3ff;
+ text-decoration: none;
+}
+
+/* Link hover effect */
+a:hover {
+ color: #99ccff;
+ text-decoration: underline;
+}
+