-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
178 lines (152 loc) · 7.78 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
<!doctype html>
<html lang="en" class="h-100">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.98.0">
<title>Cover Template · Bootstrap v5.2</title>
<link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/cover/">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
<link href="/docs/5.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!-- Favicons -->
<!--
<link rel="apple-touch-icon" href="/docs/5.2/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.2/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.2/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.2/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.2/assets/img/favicons/safari-pinned-tab.svg" color="#712cf9">
<link rel="icon" href="/docs/5.2/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#712cf9">-
-->
<!-- Custom styles for this template -->
<link href="cover.css" rel="stylesheet">
</head>
<body class="d-flex h-100 text-white bg-dark" data-bs-spy="scroll" data-bs-target="#navBar" data-bs-offset="10">
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="mb-auto pb-3">
<nav id="navBar" class="fixed-top
justify-content-center
navbar-expand
navbar
nav-masthead
flex-row bg-dark
">
<div><img id="c2h5ohlogo" src="images/c2h5oh - Logo - White - ClearBG.png" alt="c2h5ohLogo/" class="nav-link"></div>
<div id="navLinks" class="navbar navbar-expand justify-content-center flex-row">
<a class="nav-link fw-bold px-0 active" href="#Home">Home</a>
<a class="nav-link fw-bold px-0 " href="#Intro">Intro</a>
<a class="nav-link fw-bold px-0" href="#About">About</a>
<a class="nav-link fw-bold px-0" href="#How">How</a>
<a class="nav-link fw-bold px-0" href="#Contact">Contact</a>
<a class="nav-link fw-bold px-0" href="#Team">Team</a>
</div>
</nav>
</header>
<main class="px-2" data->
<div id="Home" class="text-center ">
<hr />
<h1 id="c2title" class="lead">C2H5OH.</h1>
<div id="tagline">For those of you wondering, C2H5OH is the chemical formula for alcohol. <br />But this alcohol is special... <br />This alcohol has joined the 21st century.</div>
<br />
<a href="#Intro" class="btn btn-sm btn-secondary fw-bold border-white bg-white text-dark">Learn More: </a>
</p>
</div>
<hr />
<div id="Intro" class="mt-10px">
<h4>Intro & Summary</h4>
<p>
Imagine for a moment you’re with your friends online, in Sandbox, Decentraland, or somewhere similar, and you all decide to visit your favorite virtual distillery: <br /> Shmidt Spirits. </br>You all order cocktails at the bar, hang out, and chat. Before you leave you buy a bottle of whiskey.
This bottle of whiskey isn’t just another NFT you can show off to your friends... this is more. <br />This bottle of whiskey has utility, it represents a real bottle, in a real distillery, ready for pickup or delivery right into your hands. More than that, it’s an access pass to events, tours, merch, and potentially so much more.
<br />
c2h5oh is teaming up with Shmidt Spirits Distillery to bring this vision to life. Join us, follow us, and become a part of the experience.
</p>
</div>
<hr />
<div id="About">
<h4>TLDR - What is c2h5oh?</h4>
<p>
C2h5oh is the intersection of IRL, Crypto, and the craft spirits industry. We want to develop the platform and infrastructure that brings the craft spirits industry to Crypto and Crypto to the craft spirits industry.
</p>
</div>
<br />
<div id="When">
<h4>Roadmap / Timeline</h4>
<p>
Phase 1 - Base website & testnet of MVP smart contract
Our phase 1 starts with Gitcoin grants round 14 to develop a Minimum Viable Product. The goals in this phase are to develop a basic smart contract that will allow for the representation of real spirits in the digital world; develop a robust and informative website; create a communication pathway for those interested while engaging with our audience; and to increase the awareness of the project.
<br />
Phase 2 - Testing and development of webapp & smart contract integration
<br />
Phase 3 - MVP mainnet release (alpha/beta version) with webapp testing
<br />
Phase 4 - Version 1 development
</p>
</div>
<hr />
<div id="How">
<h4>Potential Use Cases</h4>
<p>
Real Whiskey that is represented as a utility NFT that is redeemable IRL.
Virtual bars & distilleries in Decentraland, Sandbox, etc.
<ul>
<li>
Bonding of whiskey barrels - Loans backed by actual whiskey barrels; earn yield from whiskey.</li>
<li>
Revenue share - Invest in new barrels and earn a return with future sales and share in growth of the distillery and the industry.</li>
<li>
Collateral backing. </li><li>Developing a new stable coin? Why not back the coin with real whiskey and spirits?</li>
<li>
Event passes.</li>
<li>
NFT Cocktails - Redeemable IRL.</li>
<li>
Whiskey clubs.</li>
<li>
Dare I say a DistilleryDAO or an entire distillery owned by a DAO. </li></ul>
The list goes on…
</p>
</div>
<hr />
<div id="Contact"></div>
<h4>Contact</h4>
<div>More about the project: <a target="_blank" href="https://gitcoin.co/grants/"><img src="images/gitcoin-gtc-logo.png" alt="gitcoin-logo" /></a> </div>
<div>To contact us: <a target="_blank" href="https://twitter.com/c2h5oh_io"><img src="images/twitter-icon-74.png" alt="twitter-logo"/></a></i></div>
<div>Github: <a target="_blank" href="https://github.com/arthurshmidt/c2h5oh-website"><img src="images/github-icon-38976.png" alt="github-icon"/></a></div>
<div> Ethereum: <a target="_blank"><img src="images/ethereum-eth-logo.png" alt="ethereum-logo" /></a></div>
<div> Polygon: <a target="_blank"><img src="images/polygon-matic-logo.png" alt="polygon-logo" /></a></div>
<div>
<hr />
<div id="Team">
<h4>Team</h4>
<div>
Arthur Shmidt:
Whiskey Maker, Programmer, Builder</div>
<div>
Jennifer Houck:
Programmer Extraordinaire & Virtuoso Violinist</div>
<div>
Brian Roan:
Master Distiller, Technical Editor, Photographer, Dog Whisperer
</div>
</div>
</main>
<footer class="text-white-50 mt-5">
<p>Cover template for <a href="https://getbootstrap.com/" class="text-white">Bootstrap</a>, by <a href="https://twitter.com/mdo" class="text-white">@mdo</a>.</p>
</footer>
</div>
</body>
</html>
<!-- this works
<nav id="navBar" class="navbar navbar-expand nav fixed-top nav-masthead justify-content-center flex-row" >
<div><img id="c2h5ohlogo" src="images/c2h5oh - Logo - White - ClearBG.png" alt="c2h5ohLogo/" class="nav-link"></div>
<a class="nav-link fw-bold px-0 active" href="#Home">Home</a>
<a class="nav-link fw-bold px-0 " href="#Intro">Intro</a>
<a class="nav-link fw-bold px-0" href="#About">About</a>
<a class="nav-link fw-bold px-0" href="#How">How</a>
<a class="nav-link fw-bold px-0" href="#Contact">Contact</a>
<a class="nav-link fw-bold px-0" href="#Team">Team</a>
</nav> -->