-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
122 lines (110 loc) · 5.94 KB
/
index.html
File metadata and controls
122 lines (110 loc) · 5.94 KB
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
<!DOCTYPE HTML>
<!--
Strata by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Brian Flynn</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/styles/main.css" />
<link rel="stylesheet" href="assets/styles/ie8.css" />
<link rel="stylesheet" href="assets/css/grid.css" />
<link href="https://fonts.googleapis.com/css?family=Rokkitt" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body id="top">
<!-- Header -->
<header id="header">
<div class="inner">
<img src="assets/images/bflynn.jpg" alt="" class="image avatar"/></a>
<h1><strong>Brian Flynn</strong></h1><br/>
<h2><br>Building. Learning. Curious.</br></h2>
</div>
</header>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<header class="major">
<h2>Hey 👋 I'm Brian</h2>
</header>
<p>I'm a product designer who loves writing about my process. Also a gaming fanatic. <p>
</section>
<!-- Two -->
<section id="two">
<h2>Writing ✏️</h2>
<p>I like to write about web3, business models, and other tech-related stuff on my mind.</p>
<div class="row">
<article class="6u 12u$(xsmall) work-item">
<a href="https://medium.com/@brianubiquik/nfty-19-the-state-of-investing-in-nfts-b45eb47ad70c" class="image fit thumb" id="article"><img src="assets/images/nft-investing.png" alt="" /></a>
<h3>The State of Investing in NFTs</h3>
<p>With the introduction of cryptoeconomic primtiives, funds can use non-fungible tokens to diversify their portfolio without needing to find liquidity.</p>
</article>
<article class="6u$ 12u$(xsmall) work-item">
<a href="https://tokeneconomy.co/designing-non-fungible-tokens-as-open-ecosystems-a0f28ae213ee" class="image fit thumb" id="article"><img src="assets/images/designing-nfts.png" alt="" /></a>
<h3>Designing Non-Fungible Tokens in an Open Ecosystem</h3>
<p>The primary purpose of a digital economy is to reward referrals and incentivize contributions while balancing the need to hold attention in an open ecosystem.</p>
</article>
<article class="6u 12u$(xsmall) work-item">
<a href="https://tokeneconomy.co/decentralizing-the-minting-of-non-fungible-tokens-51875a5cbf77" class="image fit thumb" id="article"><img src="assets/images/ethmoji-medium.png" alt="" /></a>
<h3>Decentralizing the Minting of Non-Fungible Tokens</h3>
<p>Aligning incentives between creators and consumers with artificial digital scarcity</p>
</article>
<article class="6u$ 12u$(xsmall) work-item">
<a href="https://medium.com/@brianubiquik/a-reflection-on-my-first-venture-ab4e9174c6ef" class="image fit thumb" id="article"><img src="assets/images/grabbit-medium.png" alt="" /></a>
<h3>A Reflection on My First Venture</h3>
<p>Economic incentives weren't enough - they wanted social capital within their social networks.</p>
</article>
<article class="6u 12u$(xsmall) work-item">
<a href="https://medium.com/@brianubiquik/why-i-left-my-9-5-with-no-plan-7dd4bea3f246" class="image fit thumb" id="article"><img src="https://cdn-images-1.medium.com/max/720/1*jkNw_O6-hKG4TZcRiNjyQQ.jpeg" alt="" /></a>
<h3>Why I left my 9-5 with no plan</h3>
<p>I've became addicted to building things - it's infectious.</p>
</article>
<article class="6u$ 12u$(xsmall) work-item">
<a href="https://medium.com/@brianubiquik/the-war-against-free-content-3e9e2c4b14b6" class="image fit thumb" id="article"><img src="https://cdn-images-1.medium.com/max/720/1*j8U949_caqC_4BXEXfy2Uw.jpeg" alt="" /></a>
<h3>The War on Free Content</h3>
<p>The price of free is actually too high - and it's destroying our society.</p>
</article>
</div>
<ul class="actions">
<li><a href="https://medium.com/@brianubiquik" class="button">All Posts</a></li>
</ul>
</section>
<!-- Three -->
<section id="three">
<div id="projects">
<h1>Portfolio 👨🎨</h1>
<p>A peak into my product design thinking for my previous projects.</p>
<div class="container-projects">
<a href="projects/grabbit/grabbit.html"><img class="proj" src="projects/grabbit/grabbit-medium.png"></a>
<a href="projects/nfty/nfty.html"><img class="proj" src="projects/nfty/nfty.png"></a>
<a href="projects/proofs/proofs.html"><img class="proj" id="xpo" src="projects/proofs/proofs.png"></a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<ul class="icons">
<li><a href="https://twitter.com/Flynnjamm" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://github.com/bflynn4141" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="https://medium.com/@brianubiquik" class="icon fa-medium"><span class="label">Medium</span></a></li>
<li><a href="mailto:bflynn.me@gmail.com?Subject=Intro" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>