-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (145 loc) · 8.39 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
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
148
149
150
151
152
153
<!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>
<!-- Banner Image -->
<section>
<div class="card xl-3 bg-dark border-dark text-white" style="max-width: 2560px;">
<div class="row g-0">
<div class="col-xl-9">
<img src="./assets/images/la-virgen-del-2020.png" id="landingPhoto" class="card-img img-fluid" alt="Quito, Ecuador (royalty free by EcuadorPostales https://www.shutterstock.com/g/Ecuadorpostales)">
</div>
<!-- Banner Overlay Text -->
<div class="card-img-overlay">
<p class="card-text text-break text-white">
ORIGINAL INSIGHTS <br>
ANIMAL INTUITIONS <br>
CURIOSITY, APIs & <br>
DATA VISUALIZATION</p>
</p>
<p class="card-text text-break text-white">挑战也是机会</p>
</div>
<!-- Banner Companion Text -->
<div class="col-xl-3">
<div class="card-body">
<p class="card-text"><small><strong>S T E L L O</strong></small></p>
<p class="card-text"><small class="text-muted">
<strong><i class="fas fa-book-dead"></i><i> {verb}</i> Definition:</strong>
</small></p>
<hr>
<ol id="definition" class="card-text">
<div class="row">
<div class="def col-12 col-sm-6 col-xl-12">
<li><small class="text-muted">to set, place, <mark>set in order</mark>, arrange</small>
<ol type="I">
<li><small class="text-muted">to fit out, to prepare, equip</small></li>
<li><small class="text-muted">to <mark>prepare one's self</mark>, to fit out for one's self</small></li>
<li><small class="text-muted">to fit out for one's own use</small></li>
</ol>
</li>
</div>
<div class="def col-12 col-sm-6 col-xl-12">
<li><small class="text-muted">to bring together, contract, shorten</small>
<ol type="I">
<li><small class="text-muted">to diminish, check, cause to cease</small></li>
<li><small class="text-muted">to <mark>cease to exist</mark></small></li>
<li><small class="text-muted">to <mark>remove one's self</mark>, withdraw one's self, to depart</small></li>
</ol>
</li>
</div>
</div>
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- Welcome Text -->
<section>
<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 <small class="text-muted"><i>(coming soon)</i></small>.
<br><br>
Commentary and advice are provided via thoughtful posts,
always aiming towards honesty. This is primarily a business
blog, so I promise to keep it professional, however expect
some personality here and there. <br><br>
At times coherent and well laid out. Other times more of a
stream of consciousness (or rants). To learn more, visit
<a href="./about.html">/About</a>.
<br><br>
<i>Welcome to <strong><i class="fas fa-terminal"></i> STELLOPRINT.</strong></i>
</p>
</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 active" aria-current="page"><i class="fas fa-folder-open"></i> Home /</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>