-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
187 lines (156 loc) · 8.73 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Knowable</title>
<meta name="description" content="Knowable helps Web3 contributors to coordinate, inform & guide decentralized communities.">
<meta name="author" content="Knowable.vc">
<meta property="og:title" content="Knowable">
<meta property="og:type" content="website">
<meta property="og:url" content="https://knowable.vc/">
<meta property="og:description" content="Knowable helps Web3 contributors to coordinate, inform & guide decentralized communities.">
<meta property="og:image" content="assets/share_image.jpg">
<link rel="icon" type="image/png" href="assets/favicon.png"/>
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
<!-- Google fonts-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Krona+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Questrial&display=swap" rel="stylesheet">
<link href="css/main.css" rel="stylesheet" />
</head>
<body>
<div id="body-container">
<!--nav-->
<nav id="mainNav" class="mainNav">
<div class="nav-container">
<div class="nav-row">
<a class="navbar-brand" href="./index.html">Knowable</a>
<button class="navbar-toggler">Menu</button>
</div>
<div id="navbarResponsive" class="navbarResponsive navbarResponsive-hide">
<a class="nav-link" href="./namada.html">Know Namada</a>
<a class="nav-link" href="https://vknowable.github.io/knowable-blog/">Recent articles</a>
<a class="nav-link" href="#contact">Say hi!</a>
</div>
</div>
</nav>
<!--end nav-->
<!--Hero-->
<div id="hero-container">
<div class="hero-color"></div>
<div class="hero-grey"></div>
<div class="float-me title-box" style="top: 25vh; height: auto;">
<h2>ecosystems, not monopolies</h2>
<div class="title-rule"></div>
<h1>Knowable</h1>
<!--
<div class="title-rule"></div>
<h2>ecosystems, not monopolies</h2>
-->
</div>
<div class="float-me blue-overlay"></div>
<div class="float-me tag-box">
<p>The future of digital infrastructure will be built on <span style="color: #e67618;">decentralized tech</span>, where global communities <span><span class="blink">innovate,</span> <span class="blink" style="animation-delay: 0.3s;">interconnect</span> and <span class="blink"style="animation-delay: 0.6s;">thrive</span> in new ways.</p>
</div>
</div>
<!--end Hero-->
<!--Team-->
<div id="team" class="section">
<h3 class="section-head">Knowable is a curious bunch</h3>
<div class="section-rule"></div>
<p class="body-text">Scouts, mapping out new opportunities to make our home in a new world.</p>
<div class="card-container">
<div class="card team-card">
<img src="./assets/gavin-avatar.jpg" width="150" height="150" alt="Headshot" class="team-img">
<h4>GAVIN BIRCH</h4>
<p class="job-title">PROTOCOL</p>
<div class="card-rule"></div>
<p class="bio">New ideas, new home. Same old values. Founding team at Figment, founding partner at Figment Capital. Founding efforts for Cosmos governance.</p>
</div>
<div class="card team-card">
<img src="./assets/ian-avatar.jpg" width="150" height="150" alt="Headshot" class="team-img">
<h4>IAN KAY</h4>
<p class="job-title">DEVOPS</p>
<div class="card-rule"></div>
<p class="bio">Interested in how things work. Always ready for a new challenge. Which is perfect, because making things work can be challenging.</p>
</div>
<div class="card team-card">
<img src="./assets/dave-avatar.jpg" width="150" height="150" alt="Headshot" class="team-img">
<h4>DAVE FITZSIMMONS</h4>
<p class="job-title">ORGDEV</p>
<div class="card-rule"></div>
<p class="bio">Passion for global perspectives. Can swear in five languages. Over 10 years of startup experience operating in North America, China, Vietnam, and Brazil.</p>
</div>
</div>
</div>
<!--end Team-->
<!--About-->
<div id="about" class="section">
<p class="body-text body-blink">We're on a mission to back the leaders laying the groundwork for a digital world that's uncompromisingly open and permissionless. Together, we strategically advance the communities of this ideological frontier.</p>
<p class="body-text body-blink m-top" style="animation-delay: 5s;">We're operators, securing decentralized networks with local, bare metal (and so can you) 🛡️
We're story-tellers (gather round 🔥), scheming to unlock new crypto superpowers ✨</p>
<p class="body-text body-blink m-top" style="animation-delay: 5s;">Watching the edges (so that we don't all fall off) 📐</p>
<p class="body-text body-blink m-top" style="animation-delay: 10s;">Born in the Ξther, living in the Cosmos 🌌, and looking ever upward toward a better world 🔭
</p>
</div>
<!--end About-->
<!--section break--
<div id="section-break"></div>
<!--end break-->
<!--Contact-->
<div id="contact" class="section">
<h3 class="section-head">Hi!</h3>
<div class="section-rule" style="width: 100px;"></div>
<p class="body-text">Working on something interesting? Care about the same stuff? Let’s meet <a href="mailto:hi@knowable.vc"><span class="smile">🙂</span></a>
</p>
<p class="body-text m-top">Lurking? Follow along and maybe <a href="https://forms.gle/UWw17pxhg9cMzicu6" target="_blank" rel="noopener noreferrer">keep in touch</a>.
</p>
<!--<p class="say-hi">Say Hi!</p>-->
<div id="social-list">
<a href="https://twitter.com/vKnowable" target="_blank" rel="noopener noreferrer">
<svg class="social-icon" width="50" height="50" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<defs></defs>
<path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"></path>
</svg>
</a>
<a href="https://github.com/vknowable" target="_blank" rel="noopener noreferrer">
<svg class="social-icon" width="50" height="50" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<defs></defs>
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path>
</svg>
</a>
<a href="mailto:hi@knowable.vc">
<svg class="social-icon" viewBox="0 0 24 24" width="50" height="50" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M22,5V9L12,13,2,9V5A1,1,0,0,1,3,4H21A1,1,0,0,1,22,5ZM2,11.154V19a1,1,0,0,0,1,1H21a1,1,0,0,0,1-1V11.154l-10,4Z"></path></g>
</svg>
</a>
</div>
</div>
<!--end Contact-->
<!--Footer-->
<div id="footer">
<div class="footer-wrapper">
<div class="footer-brand">
<a href="./index.html"><h5>Knowable</h5></a>
<p>ecosystems, not monopolies</p>
</div>
<div>
<ul class="footer-links">
<li><a href="https://vknowable.github.io/knowable-blog/">Blog</a></li>
<li>Ecosystems
<ul>
<li><a href="./namada">Namada</a></li>
</ul>
</li>
</ul>
</div>
</div>
<p>Copyright © Knowable 2023</p>
</div>
<!--end Footer-->
</div>
<script src="./js/scripts.js"></script>
</body>
</html>