-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
147 lines (137 loc) · 8.17 KB
/
about.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
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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link rel="stylesheet" href="./assets/styles/styles.css">
<title>STELLOPRINT</title>
<link rel="shortcut icon" type="image/jpg" href="assets/images/pugileFavicon32x32.png"/>
</head>
<body class="bg-light">
<!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html"><i class="fas fa-terminal"></i> STELLOPRINT</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./portfolio.html">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./contact.html">Contact</a>
</li>
<!-- Nav Dropdown -->
<!-- <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Portfolio
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li> -->
</ul>
</div>
</div>
</nav>
<main>
<!-- About the Site -->
<section>
<!-- About Title and Banner Image -->
<div class="card bg-light border-light">
<div class="card-body">
<h2 class="card-title">What is <i><strong>Stelloprint</strong></i>?</h2>
<br>
<p class="card-text"><small><i class="fas fa-mug-hot"></i> OR: HOW I LEARNED TO STOP WORRYING AND IGNORE THE MAN IN THE LABCOAT</small></p>
</div>
<img src="./assets/images/pugile_banner.png" class="card-img-bottom img-fluid" alt="Pugile in Reposo (statue of an Italian Boxer)">
</div>
<!-- About the Site Text -->
<div class="card bg-light border-light" style="width: 100%;">
<div class="card-body">
<p class="card-text">
Welcome to this blogging experience. Content will mostly focus around my work in web development, data and visual analytics.
Other interests such such as languages, history and energy may also be featured on the blog section of this site (coming soon).
Commentary and advice are provided via thoughtful posts, always aiming towards honesty.
</p>
<p>
This is primarily a business blog, so I promise to keep it professional, however expect some personality here and there.
At times coherent and well laid out. Other times more of a stream of consciousness (or rants).
</p>
</div>
</div>
</section>
<!-- About Me -->
<section>
<div class="card mb-3 border-light" style="max-width: 100%;">
<div class="row g-0">
<h2 class="card-title"><i class="fas fa-user-secret"></i> Who is <i><strong>Stelloprint</strong></i>?</h2>
<div class="col-md-5">
<img src="./assets/images/me.jpg" class="img-fluid" alt="Stephen Price">
</div>
<div class="col-md-7">
<div class="card-body">
<p class="card-text">
<strong>I am Stephen Price, I am Stelloprint.</strong><br>
This is probably the hardest post to write well.
Not for a lack of content but mainly because I am
currently in a process of discovering who I am and
so far I have not found the finish line. Maybe such
a thing does not exist...maybe there is no finish line.
If it does exist then I wouldn't mind some directions:
north, south. At the end of the hall and then take a left.
Out the window and face first into the pavement.<br><br>
However, I have a feeling that your finish line is different
from my own and if I do take your directions then I may
have to circle around to where I started. Sometimes I miss
my hometown of Quito, Ecuador.<br><br>
For brevity's sake and for those of you who wouldn't care
to read longer than a few paragraphs here is the <strong>tl;dr:</strong>
<br><br>
I am a former data visualization and API design solutions
consultant that aspires to master creative digital technologies.
I want to learn how things work because I like to build and
create. I want to build beautiful experiences and master the craft
of web development. <br><br>
This blog exists so that I may share my experiences with anyone
who cares to read about them, and I hope that a few of you may
find its content useful for your own projects.
</p>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer with Breadcrumbs -->
<footer class="footer mt-auto py-3 bg-dark text-white">
<div class="container">
<!-- Breadcrumbs -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./index.html"><i class="fas fa-folder-open"></i> Home</a></li>
<li class="breadcrumb-item active" aria-current="page">About</li>
</ol>
</nav>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/2e714393b6.js" crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dayjs.min.js"></script>
<script src="./assets/scripts/scripts.js"></script>
</body>
</html>