-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (80 loc) · 3.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>David West - Web Developer</title>
<meta name="description" content="David West, a professional Web Developer. Contact me for cutting-edge web development projects.">
<meta name="keywords" content="David West, Web Developer, Contact, Portfolio, Web Development">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X60ZXY34TW"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-X60ZXY34TW');
</script>
<style>
body {
margin: 0;
padding: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #0A192F; /* Dark navy blue background */
color: #8892B0; /* Lighter text for contrast */
display: flex;
flex-direction: column; /* Adjusted for vertical flow */
justify-content: center;
align-items: center;
min-height: 100vh; /* Adjusted to ensure full viewport height */
overflow: auto; /* Allows content to expand beyond the viewport */
}
.container {
width: 90%;
max-width: 800px;
margin: 20px;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 10px;
background: #112240; /* Slightly lighter navy for container background */
color: #CAD3E1; /* A slightly warmer tone for readability */
}
h1, h2 {
color: #CCD6F6; /* Brighter blue for headings */
}
a {
color: #64FFDA; /* Cool blue for links */
text-decoration: none;
}
.bio {
background-color: #0A192F; /* Dark navy blue background for the bio section */
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
margin: 20px 0; /* Adjust spacing around bio */
}
.bio p {
font-size: 16px; /* Slightly larger font for readability */
text-align: justify; /* Justifies the text for a polished look */
line-height: 1.6; /* Improved line spacing for readability */
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>David West</h1>
<h2>Web Developer</h2>
</header>
<main>
<section>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
<p>X: <a href="https://x.com/westdavidr" target="_blank" rel="noopener noreferrer">westdavidr</a></p>
</section>
<section class="bio">
<p>In the sprawling digital realms of our modern age, there dwells David West, a Principal Software Engineer of considerable renown. With a saga spanning twelve years, his journey through the intricate labyrinths of code and design has been both profound and transformative. Not unlike the revered scribes of old, Lewis and Tolkien, who shaped worlds with the might of their pens, David has wielded the tools of technology to craft experiences that bridge the ethereal and the tangible.</p>
<p>His quest has led him through the hallowed halls of a grand enterprise, where amidst the clamor of keystrokes and the glow of monitors, he has risen to stand as a beacon of innovation and mastery. With the wisdom of an elder and the vision of a seer, he navigates the ever-shifting seas of software, guiding his vessel with a steady hand and a keen eye, ever in pursuit of the undiscovered and the remarkable.</p>
</section>
</main>
</div>
</body>
</html>