-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
299 lines (254 loc) · 16.8 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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="Michael Lofquist - innovator, solutions architect" />
<meta name="author" content="Michael Lofquist" />
<title>Lofquist | Innovator | Solution Archiect</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.1/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Michael Lofquist</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#projects">Projects</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#signup">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container d-flex h-100 align-items-center">
<div class="mx-auto text-center">
<h1 class="mx-auto my-0 text-uppercase">Michael Lofquist</h1>
<p></p>
<h4 class="text-white-50 mx-auto mt-2 mb-5">Innovator | Solution Architect</h4>
</div>
</div>
</header>
<!-- About-->
<section class="about-section text-center" id="about">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-white mb-4">About</h2>
<p class="text-white-50" align="left">
I am a Danish software architect & innovator who has worked in numerous countries around the world. I have been very fortunate to have had longer periods of intense innovation and creativity in my life.
This website highlights of some of these innovations.
For the more traditional resume I can refer you to my <a href="https://www.linkedin.com/in/mlofquist/" target="_blank">LinkedIn account</a>, <a href="https://abildgaard.github.io/lofquist/resume/Michael Lofquist Resume.pdf" target="_blank"> or my current resume</a>. Even more interesting is the time spent as <a href="https://abildgaard.github.io" target="_blank">a writer and director</a>.
</p>
<h2 class="text-white mb-4">Opportunities</h2>
<p class="text-white-50" align="left">
I think N7 is still worth considering for a viable startup. I have added some details below, so drop me a line if you are interested. Or in need of an innovative soul.
</p>
</div>
</div>
</div>
</section>
<section class="projects-section bg-gradient-gray-black" id="projects">
<!-- Project: Node 7 -->
<div class="container">
<!-- Project Row One-->
<div class="row justify-content-center no-gutters">
<div class="col-lg-6 order-lg-first">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<h1 class="text-white text-center font-weight-bold">Node 7</h1>
<hr class="d-none d-lg-block" align="center"/>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<h6 class="text-white text-center "><i>'To hell with facts! We need stories'</i></h6>
<p class="mb-0 text-white-50">As the American novelist Ken Kesey succinctly expressed the problem. Budding entrepreneurs & innovators need stories to fuel the passion and inspiration necessary for their ideas to flourish. </p>
</div>
</div>
</div>
</div>
</div>
<!-- Project Row Two-->
<div class="row justify-content-center no-gutters mb-5 mb-lg-0">
<div class="col-lg-6 order-lg-first">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<h6 class="text-white text-center"><i>'Ideas that spread tend to succeed'</i></h6>
<p class="mb-0 text-white-50">
N7 is 'tribal' engagement platform, permitting users to assemble a tribe around each of their ideas, each of their projects or passions, leaving them to focus on narrative creation and delivery; promoting, sharing and enhancing these passions to success.
</p>
<p></p>
<p class="mb-0 text-white-50">
Without an audience, our stories are pointless; we need to be empowered to create great narratives and more importantly to discover and assemble the right tribe(s) around these.
That all important tribe of the first 1000 evangelists.
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6"><img class="img-fluid" src="assets/img/Lines.jpg" alt="" /></div>
</div>
<!-- Project Row three-->
<div class="row justify-content-center no-gutters">
<div class="col-lg-6 order-lg-first">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<h6 class="text-white text-center">Architecture</h6>
<p class="mb-0 text-white-50">My beta implementation uses Node4j graph databases to model tribal memberships, the graphs providing fast & efficient searching capabilities for the ideas and memberships.
I make use of NoSQL databases (MongoDB) and S3 compatable storage solutions for the more traditional data storage and PubNub as the messaging and event infrastructure for timelines, direct and group messaging between innovator and tribe.
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<h6 class="text-white text-center">The N7 App</h6>
<p class="mb-0 text-white-50">My beta iOS app (120K lines of Objective-C) provides almost every piece of functionality that I could imagine at the time of inception. The UX is somewhat rudimentary but a new SwiftUI prototype under developmemt is more representative of my original thinking & desires. </p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Project: nZero -->
<div class="container">
<!-- Project Row One-->
<div class="row justify-content-center no-gutters">
<div class="col-lg-6 order-lg-first">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<h3 class="text-white text-center font-weight-bold">nZero</h3>
<hr class="d-none d-lg-block" align="center"/>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<h6 class="text-white text-center "><i>Data Syncronication Core Data / NoSQL</i></h6>
<p class="mb-0 text-white-50">
nZero is a Objective-C framework that allows for the basic "CRUD" synchronization of data beween core data entities and NoSQL databases without havng to write synchronization code.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Project Row two-->
<div class="row justify-content-center no-gutters">
<div class="col-lg-6 order-lg-first">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<h6 class="text-white text-center">Architecture</h6>
<p class="mb-0 text-white-50">
Mapping of entities and mapping to target servers are configured in plist files and bundled with the application and a simple sync base class is provided to let core data entities sync
to target servers, providing simple create, read [single entities using key value or from multiple using JSON filter/search expression], update and delete methods.
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<h6 class="text-white text-center">Sharding</h6>
<p class="mb-0 text-white-50">The framework also supports user defined 'sharding' across multiple sets of servers, effectively allowing for user defined distribution of data based around whatever parameters that best matches their cirumstances and requirements. </p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Project: Nyme -->
<div class="container">
<!-- Project Row One-->
<div class="row justify-content-center no-gutters">
<div class="col-lg-6 order-lg-first">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<h3 class="text-white text-center font-weight-bold">Nyme</h3>
<hr class="d-none d-lg-block" align="center"/>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<h6 class="text-white text-center "><i>Unique ideas</i></h6>
<p class="mb-0 text-white-50">
An anonymous messaging app with two novel ideas at the time of its release:
(1) allow unlimited anonymous user ids, and discard them when you like.
(2) included a ‘social’ classifieds exchange - finding likeminded souls for whatever you intensions are.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Me-->
<section class="signup-section" id="signup">
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8 mx-auto text-center">
<i class="far fa-paper-plane fa-2x mb-2 text-white"></i>
<!-- <i class="far fa-mobile fa-2x mb-2 text-white"></i> -->
<h2 class="text-white mb-5">Contact me</h2>
<a class="text-white mb-5" href="mailto:mlofquist@gmail.com">mlofquist@gmail.com</a>
</div>
</div>
</div>
</section>
<!-- Contact Social Media-->
<section class="contact-section bg-black">
<div class="container">
<div class="social d-flex justify-content-center">
<a class="mx-2" href="https://www.linkedin.com/in/mlofquist/" target="_blank"><i class="fab fa-linkedin"></i></a>
</div>
</div>
</section>
<!-- Footer-->
<footer class="footer bg-black small text-center text-white-50"><div class="container">Copyright © Michael Lofquist 2000 - 2021</div></footer>
<!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>