/ src / index.html
index.html
  1  <!DOCTYPE html>
  2  <html lang="en">
  3     <head>
  4        <meta charset="utf-8">
  5        <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6        <meta name="viewport" content="width=device-width, initial-scale=1">
  7        <title>ETH Prize</title>
  8        <meta name="description" content="Community research project to help ethereum developers with the most critical issues">
  9        <!-- CSS links are added dynamically - webpack script -->
 10        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 11        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 12        <!--[if lt IE 9]>
 13        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
 14        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 15        <![endif]-->
 16        <!-- favicons -->
 17        <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
 18        <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
 19        <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
 20        <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
 21        <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
 22        <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
 23        <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
 24        <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
 25        <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
 26        <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
 27        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 28        <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
 29        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
 30        <link rel="manifest" href="/manifest.json">
 31        <link rel="shortcut icon" href="/favicon.ico" />
 32        <!-- Roboto font import -->
 33        <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400" rel="stylesheet">
 34        <!-- meta tags @ seo -->
 35        <meta name="keywords" content="">
 36        <meta name="description" content="">
 37        <meta itemprop="name" content="">
 38        <meta itemprop="description" content="">
 39        <meta itemprop="image" content="">
 40        <!-- Twitter card data -->
 41        <meta name="twitter:card" content="">
 42        <meta name="twitter:site" content="">
 43        <meta name="twitter:title" content="">
 44        <meta name="twitter:description" content="">
 45        <meta name="twitter:creator" content="">
 46        <meta name="twitter:image" content="">
 47        <!-- Open Graph data -->
 48        <meta property="fb:app_id" content="">
 49        <meta property="og:title" content="" />
 50        <meta property="og:type" content="" />
 51        <meta property="og:url" content="" />
 52        <meta property="og:image" content="" />
 53        <meta property="og:description" content="" />
 54        <meta property="og:site_name" content="" />
 55     </head>
 56     <body>
 57        <!-- navbar starts -->   
 58        <nav class="navbar fixed-top navbar-expand-lg" color-on-scroll="200">
 59           <div class="container">
 60              <a class="navbar-brand animated fadeInLeft" href="#">
 61              <img src="img/logo.png" alt="ETH Prize">
 62              </a>
 63              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 64              <span class="navbar-toggler-icon">
 65              <img src="img/menu.svg" alt="" height="24">
 66              </span>
 67              </button>
 68              <div class="collapse navbar-collapse" id="navbarSupportedContent">
 69                 <ul class="navbar-nav ml-auto animated fadeInRight">
 70                    <li class="nav-item">
 71                       <a class="nav-link scroll" target="about">ABOUT</a>
 72                    </li>
 73                    <li class="nav-item">
 74                       <a class="nav-link scroll" target="bounties">BOUNTIES</a>
 75                    </li>
 76                    <li class="nav-item">
 77                       <a class="nav-link scroll" target="partners">PARTNERS</a>
 78                    </li>
 79                    <li class="nav-item">
 80                       <a class="nav-link scroll" target="contact">CONTACT US</a>
 81                    </li>
 82                 </ul>
 83              </div>
 84           </div>
 85        </nav>
 86        <!--  end navbar -->
 87        <div class="overlay"></div>
 88        <div class="wrapper hide"></div>
 89        <header class="container mb50">
 90           <div class="d-none d-sm-block">
 91              <div class="row justify-content-center">
 92                 <div class="col-7">
 93                    <h1 class="headline text-center">
 94                       <img src="img/headline.png" class="img-fluid">
 95                    </h1>
 96                 </div>
 97                 <div class="col-3"></div>
 98              </div>
 99              <div class="row justify-content-end">
100                 <div class="col-4">
101                    <p class="content mt50 mb50">ETHPrize is a community research and bounty project that identifies the most critical issues facing the ethereum ecosystem and organizes bounties to solve them.</p>
102                    <p class="content mt50 mb50">You can help by answering some questions that will train a model to understand Ethereum-related content in real-time!</p>
103                    <a class="btn btn-primary" href="#about">
104                    LEARN MORE
105                    </a>
106                    <a class="btn btn-primary" href="https://goo.gl/forms/lw5i2Ku9F0tMBWPD3">
107                    HELP US
108                    </a>
109                 </div>
110                 <div class="col-md-2">
111                    &nbsp;
112                 </div>
113              </div>
114           </div>
115           <div class="d-sm-none">
116              <div class="row justify-content-center">
117                 <div class="col-11">
118                    <h1 class="headline text-center">
119                       <img src="img/headline.png" class="img-fluid">
120                    </h1>
121                 </div>
122              </div>
123              <div class="row justify-content-end">
124                 <div class="col-7">
125                    <p class="content mt50 mb50">ETHPrize is a community research and bounty project that identifies the most critical issues facing the ethereum ecosystem and organizes bounties to solve them.</p>
126                    <p class="content mt50 mb50">You can help by answering some questions that will train a model to understand Ethereum-related content in real-time!</p>
127                    <a class="btn btn-primary" href="#about">
128                    LEARN MORE
129                    </a>
130                    <a class="btn btn-primary" href="https://goo.gl/forms/lw5i2Ku9F0tMBWPD3">
131                    HELP US
132                    </a>
133                 </div>
134                 <div class="col-1">
135                    &nbsp;
136                 </div>
137              </div>
138           </div>
139        </header>
140        <section id="about" class="container mb100 mtph">
141           <div class="row justify-content-center">
142              <div class="col-md-2 col-6 mb100">
143                 <img src="img/about.png" class="img-fluid">
144              </div>
145           </div>
146           <div class="row justify-content-center">
147              <div class="col-10">
148                 <div class="row no-gutters about-wrapper">
149                    <div class="col-3">&nbsp;</div>
150                    <div class="col-12 col-md-9">
151                       <div class="row justify-content-end no-gutters">
152                          <div class="col-11 col-md-8">
153                             <div class="about-block mt50">
154                                <p class="content">
155                                   There are many critical projects and tools for the ethereum ecosystem that need to be built.
156                                </p>
157                             </div>
158                          </div>
159                       </div>
160                       <div class="row justify-content-end no-gutters bt bb">
161                          <div class="col-11 col-md-8">
162                             <div class="about-block">
163                                <p class="content">
164                                   <strong>PHASE 1 - Research project.</strong><br/> We’re interviewing 100+ dapp developers to identify the ecosystem’s biggest challenges
165                                </p>
166                             </div>
167                          </div>
168                       </div>
169                       <div class="row justify-content-end no-gutters">
170                          <div class="col-11 col-md-8">
171                             <div class="about-block">
172                                <p class="content">
173                                   <strong>PHASE 2 - Actively managed bounties.</strong><br/> We source significant funding for bounties to address those challenges. Every bounty has advisers, recruiters, project managers, and developers.
174                                </p>
175                             </div>
176                          </div>
177                       </div>
178                    </div>
179                 </div>
180              </div>
181           </div>
182        </section>
183        <section id="bounties" class="container">
184           <div class="row justify-content-center">
185              <div class="col-md-3 col-8 mb100">
186                 <img src="img/bounty.png" class="img-fluid">
187              </div>
188           </div>
189           <div class="row justify-content-center">
190              <div class="col-md-5">
191                 <div class="about-block block1 mb20">
192                    <div class="block-content">
193                       <h3>
194                          ETHPM Package Manager 
195                       </h3>
196                       <h5>
197                          Bounty: $250,000 USD (in crypto) 
198                       </h5>
199                       <p class="content mt50 description">
200                          Piper Merriam has done significant work on this already, but needs help to finish the project. He will serve as adviser to a team of developers from Truffle who will complete the development work.
201                       </p>
202                       <p class="content mt50">
203                          Timeline: 4-6 months <br><br>
204                       </p>
205                       <a class="btn btn-primary mt50" data-toggle="modal" data-target="#bounty1">
206                       LEARN MORE
207                       </a>
208                       <!-- Modal -->
209                       <div class="modal fade" id="bounty1" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
210                          <div class="modal-dialog modal-lg" role="document">
211                             <div class="modal-content">
212                                <div class="modal-header modal-header1">
213                                   <span>
214                                      <h2 class="modal-title">ETHPM (Package Manager)</h2>
215                                      <div class="row">
216                                         <div class="col-md-6">
217                                            <p class="modal-subtitle">
218                                               $250,000 USD (in eth) <br>
219                                               <span class="modal-tag">
220                                               BOUNTY
221                                               </span>
222                                            </p>
223                                         </div>
224                                         <div class="col-md-6">
225                                            <p class="modal-subtitle">
226                                               4-6 months <br>
227                                               <span class="modal-tag">
228                                               TIMELINE
229                                               </span>
230                                            </p>
231                                         </div>
232                                      </div>
233                                      <p class="modal-customcontent">
234                                         Piper Merriam has done significant work on this already, but needs help to finish the project. He will serve as adviser to a team of developers from Truffle who will complete the development work.
235                                      </p>
236                                   </span>
237                                   <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
238                                      <span aria-hidden="true">&times;</span>
239                                      </button> -->
240                                </div>
241                                <div class="modal-body">
242                                   <p class="modal-subtitle">
243                                      <b>SPEC</b>
244                                   </p>
245                                   <p class="modal-customcontent">
246                                      <b>A detailed Spec from the Truffle team can be <a class="link" href="https://docs.google.com/document/d/1oyuUcxES0PNZP6hNh4WF758bNi94k2tEBOhUdgxdLZM/edit#heading=h.1qlgcbdnnu30">found here</a>.</b><br><br>
247                                   <ol class="root">
248                                      <li>
249                                         Finish V2 of the spec, including examples, documentation and basic implementers guide.  Remaining to-do this week on the spec:
250                                         <ol type="a">
251                                            <li>Examples need to be re-generated, probably from the existing list of example packages.  Documentation and implementers guides to this item will be added as well because I think that’s really needed for people to be able to understand the specification.</li>
252                                         </ol>
253                                      </li>
254                                      <li>
255                                         Reference implementation of an ethpm library.  To be done in javascript.  We already started one in python here:
256                                         <a href="https://github.com/pipermerriam/py-ethpm">https://github.com/pipermerriam/py-ethpm</a>
257                                         <ol>
258                                            <li>
259                                               This would be a library that *understands* the packaging specification, knows how to do all of the various types of validation that are needed, and has some level of integration with web3.  Also, it would implement ways to *install* packages to disk as well as load packages that have already been installed to disk.  (see next point for specifying how things get installed to disk)
260                                            </li>
261                                            <li>
262                                               GitHub
263                                               <ol type="i">
264                                                  <li>pipermerriam/py-ethpm</li>
265                                                  <li>py-ethpm - ERC190 package abstraction for python</li>
266                                               </ol>
267                                            </li>
268                                         </ol>
269                                      </li>
270                                      <li>
271                                         ERC for writing ethpm packages to disk.  This should be a really simple spec that outlines how package data is written to disk so that we’re sure to be compatible across different implementations in different languages.  (package installed with truffle/js should be able to be loaded with the python implementation).
272                                      </li>
273                                      <li>
274                                         Reference implementation of a package registry.  This should be very close to your original implementation of the package registry.  Something that is as simple as possible for the use case of a single developer deploying their own package registry.
275                                         <ol>
276                                            <li>Integration with #2 would be part of this so that the ethpm-js library could interface with package registries and maybe even deploy a package registry for the user and wire it up to an ENS name.</li>
277                                         </ol>
278                                      </li>
279                                      <li>
280                                         ERC to define the package registry API.  This would just be an ERC like ERC20 but for the package registry contract from #4
281                                      </li>
282                                      <li>
283                                         Web3js integration for ethpm-js (#2)
284                                      </li>
285                                   </ol>
286                                   </p>
287                                </div>
288                                <div class="modal-footer">
289                                   <span>
290                                      <h2>TEAM</h2>
291                                      <div class="row">
292                                         <div class="col-md-4">
293                                            <p class="modal-subtitle">
294                                               <b>Piper Merriam</b> <br>
295                                               <span class="modal-tag">
296                                               ADVISOR
297                                               </span>
298                                            </p>
299                                         </div>
300                                         <div class="col-md-4">
301                                            <p class="modal-subtitle">
302                                               <b>Not required</b> <br>
303                                               <span class="modal-tag">
304                                               RECRUITER
305                                               </span>
306                                            </p>
307                                         </div>
308                                         <div class="col-md-4">
309                                            <p class="modal-subtitle">
310                                               <b>Tim Coulter</b> <span class="source">from Truffle</span> <br>
311                                               <span class="modal-tag">
312                                               PROJECT MANAGER
313                                               </span>
314                                            </p>
315                                         </div>
316                                         <div class="col-12">
317                                            <p class="modal-subtitle">
318                                               <b>Christopher Gewecke + Nick D’Andrea</b> <span class="source">from Truffle</span> <br>
319                                               <span class="modal-tag">
320                                               DEVELOPERS
321                                               </span>
322                                            </p>
323                                         </div>
324                                      </div>
325                                   </span>
326                                </div>
327                             </div>
328                          </div>
329                       </div>
330                    </div>
331                 </div>
332              </div>
333              <div class="col-md-5">
334                 <div class="about-block block2 mb20">
335                    <div class="block-content">
336                       <h3>
337                          Open-source block explorer
338                       </h3>
339                       <h5>
340                          Bounty: $250,000 USD (in crypto) 
341                       </h5>
342                       <p class="content mt50 description">
343                          POA network have been working on this as they need it internally, and intend to release their block explorer as an open source tool for the community.  At full release, this open source block explorer will include full transaction history, data export, interaction with smart contracts, and many more features.
344                       </p>
345                       <p class="content mt50">
346                          Timeline: 1 month remaining to initial launch.
347                       </p>
348                       <a class="btn btn-primary mt50" data-toggle="modal" data-target="#bounty2">
349                       LEARN MORE
350                       </a>
351                       <!-- Modal -->
352                       <div class="modal fade" id="bounty2" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
353                          <div class="modal-dialog modal-lg" role="document">
354                             <div class="modal-content">
355                                <div class="modal-header modal-header2">
356                                   <span>
357                                      <h2 class="modal-title">Open-Source Block Explorer</h2>
358                                      <div class="row">
359                                         <div class="col-md-6">
360                                            <p class="modal-subtitle">
361                                               $250,000 USD (in eth) <br>
362                                               <span class="modal-tag">
363                                               BOUNTY
364                                               </span>
365                                            </p>
366                                         </div>
367                                         <div class="col-md-6">
368                                            <p class="modal-subtitle">
369                                               1 month<br>
370                                               <span class="modal-tag">
371                                               TIMELINE
372                                               </span>
373                                            </p>
374                                         </div>
375                                      </div>
376                                      <p class="modal-customcontent">
377                                         POA network have been working on this as they need it internally, and intend to release their block explorer as an open source tool for the community.  At full release, this open source block explorer will include full transaction history, data export, interaction with smart contracts, and many more features. <br><br>
378                                         POA has had 6 full-time resources working on this item.  V1.0 release will include full transaction history and will be available for use in early April. V2.0 will have full interaction of smart contracts and tokens.
379                                      </p>
380                                   </span>
381                                </div>
382                                <div class="modal-body">
383                                   <p class="modal-subtitle">
384                                      <b>SPEC</b>
385                                   </p>
386                                   <p class="modal-customcontent">
387                                      <b>Feature-parity with etherscan to be confirmed by advisors - POA to open-source library on March 10th.</b><br><br>
388                                   <ol class="root">
389                                      <li>
390                                         The explorer open-source code is located here: <br>
391                                         <a href="https://github.com/poanetwork/poa-explorer">https://github.com/poanetwork/poa-explorer</a>
392                                      </li>
393                                      <li>
394                                         User Stories can be found here: <br> 
395                                         <a href="https://github.com/poanetwork/poa-explorer/issues">https://github.com/poanetwork/poa-explorer/issues</a>
396                                      </li>
397                                      <li>
398                                         Staging Version of Explorer <br>
399                                         <a href="https://explorer-sokol.poa.network/en">https://explorer-sokol.poa.network/en</a>
400                                      </li>
401                                   </ol>
402                                   </p>
403                                </div>
404                                <div class="modal-footer">
405                                   <span>
406                                      <h2>TEAM</h2>
407                                      <div class="row">
408                                         <div class="col-md-4">
409                                            <p class="modal-subtitle">
410                                               <b>TBA</b> <br>
411                                               <span class="modal-tag">
412                                               ADVISOR
413                                               </span>
414                                            </p>
415                                         </div>
416                                         <div class="col-md-4">
417                                            <p class="modal-subtitle">
418                                               <b>No recruiter</b> <br>
419                                               <span class="modal-tag">
420                                               RECRUITER
421                                               </span>
422                                            </p>
423                                         </div>
424                                         <div class="col-md-4">
425                                            <p class="modal-subtitle">
426                                               <b>POA</b> <br>
427                                               <span class="modal-tag">
428                                               PROJECT MANAGER
429                                               </span>
430                                            </p>
431                                         </div>
432                                         <div class="col-12">
433                                            <p class="modal-subtitle">
434                                               <b>POA</b> <br>
435                                               <span class="modal-tag">
436                                               DEVELOPERS
437                                               </span>
438                                            </p>
439                                         </div>
440                                      </div>
441                                   </span>
442                                </div>
443                             </div>
444                          </div>
445                       </div>
446                    </div>
447                 </div>
448              </div>
449           </div>
450           <div class="row justify-content-center mt50">
451              <a class="btn btn-primary btn-custom btt">
452              SHOW MORE
453              </a>
454           </div>
455        </section>
456        <section id="partners" class="container mt50">
457           <div class="row justify-content-center">
458              <div class="col-md-3 col-8 mb100">
459                 <img src="img/partners.png" class="img-fluid">
460              </div>
461           </div>
462           <div class="row justify-content-center">
463              <div class="col-md-3">
464                 <div class="partner-block vc" style="cursor: pointer;" onclick="window.location='https://status.im';">
465                    <div class="block-content">
466                       <img src="img/logo1.png">
467                    </div>
468                 </div>
469              </div>
470              <div class="col-md-3">
471                 <div class="partner-block vc" style="cursor: pointer;" onclick="window.location='https://truebit.io/';">
472                    <div class="block-content">
473                       <img src="img/logo2.png">
474                    </div>
475                 </div>
476              </div>
477              <div class="col-md-3">
478                 <div class="partner-block vc" style="cursor: pointer;" onclick="window.location='https://l4.ventures/';">
479                    <div class="block-content ">
480                       <img src="img/logo3.png">
481                    </div>
482                 </div>
483              </div>
484              <div class="col-md-3">
485                 <div class="partner-block vc" style="cursor: pointer;" onclick="window.location='https://web3.foundation/';">
486                    <div class="block-content ">
487                       <img src="img/logo4.png">
488                    </div>
489                 </div>
490              </div>
491           </div>
492        </section>
493        <section id="partners" class="container mt50">
494           <div class="row justify-content-center">
495              <div class="col-md-6 col-12 mb100">
496                 <img src="img/funding_partners.png" class="img-fluid">
497              </div>
498           </div>
499           <div class="row justify-content-center">
500              <div class="col-md-3">
501                 <div class="partner-block vc" style="cursor: pointer;" onclick="window.location='https://0xproject.com/';">
502                    <div class="block-content">
503                       <img src="img/0x_logo_with_text.png">
504                    </div>
505                 </div>
506              </div>
507              <div class="col-md-3">
508                 <div class="partner-block vc" style="cursor: pointer;" onclick="window.location='https://status.im';">
509                    <div class="block-content">
510                       <img src="img/logo1.png">
511                    </div>
512                 </div>
513              </div>
514              <div class="col-md-3">
515                 <div class="partner-block vc" style="cursor: pointer;" onclick="window.location='https://ecf.network/';">
516                    <div class="block-content ">
517                       <img src="img/ecf.png">
518                    </div>
519                 </div>
520              </div>
521              <div class="col-md-3">
522                 <div class="partner-block vc" style="cursor: pointer;" onclick="window.location='https://www.toshi.org/';">
523                    <div class="block-content ">
524                       <img src="img/toshi.png">
525                    </div>
526                 </div>
527              </div>
528           </div>
529        </section>
530        <section id="contact" class="container mt50">
531           <div class="row justify-content-center">
532              <div class="col-md-3 col-8 mb100">
533                 <img src="img/contact.png" class="img-fluid">
534              </div>
535           </div>
536           <div class="row justify-content-center">
537              <div class="col-md-4">
538                 <div class="social-block vc" style="cursor: pointer;" onclick="window.location='mailto:ethprize@l4v.io';">
539                    <div class="block-content">
540                       <img src="img/email.png">
541                       <h6>EMAIL</h6>
542                    </div>
543                 </div>
544              </div>
545              <div class="col-md-4">
546                 <div class="social-block vc" style="cursor: pointer;" onclick="window.location='https://twitter.com/ethprize';">
547                    <div class="block-content">
548                       <img src="img/twitter.png">
549                       <h6>TWITTER</h6>
550                    </div>
551                 </div>
552              </div>
553              <div class="col-md-4">
554                 <div class="social-block vc" style="cursor: pointer;" onclick="window.location='https://ethprize.slack.com/';">
555                    <div class="block-content ">
556                       <img src="img/slack.png">
557                       <h6>SLACK</h6>
558                    </div>
559                 </div>
560              </div>
561           </div>
562        </section>
563        <div class="container mt50 mb100">
564           <div class="row justify-content-center">
565              <p class="content">
566                 Design by <span class="underline">Fedor Shkliarau</span>.<br class="d-block d-sm-none"> Pictures by <span class="underline">Scott Webb</span>
567              </p>
568           </div>
569        </div>
570     </body>
571  </html>