Created
August 1, 2017 18:06
-
-
Save sauloarruda/925abc7df2e6cd9d1e8991a8e3a7b1a4 to your computer and use it in GitHub Desktop.
Chell
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html lang="pt-br"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/> | |
| <title>Cemitério de Startups</title> | |
| <!-- CSS --> | |
| <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | |
| <link href="assets/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/> | |
| <link href="assets/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/> | |
| <script> | |
| </script> | |
| <style> | |
| #form-news-cemiterio-de-startups-19953e32e018d4660bbf { | |
| height: auto !important; | |
| } | |
| #form-container-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-form-news-cemiterio-de-startups-19953e32e018d4660bbf div.actions input.call_button { | |
| margin: 0!important; | |
| width: 50% !important; | |
| height: 40px !important; | |
| background: #26a69a!important; | |
| border: 0px !important; | |
| } | |
| #form-container-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-news-cemiterio-de-startups-19953e32e018d4660bbf { | |
| margin: 0 auto!important; | |
| background: #4a148c !important; | |
| } | |
| #form-container-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-news-cemiterio-de-startups-19953e32e018d4660bbf section { | |
| padding: 20px!important; | |
| width: 50% !important; | |
| margin-left: 25%!important; | |
| background: #4a148c !important; | |
| } | |
| @media screen and (max-width:600px){ | |
| .teal.lighten-1 { | |
| background-color: #26a69a !important; | |
| margin-bottom: 12px; | |
| } | |
| } | |
| .teal { | |
| background-color: #26a69a !important; | |
| } | |
| a { | |
| color: #FFFFFF; | |
| } | |
| .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { | |
| background-color: #26a69a; | |
| color: #ffffff; | |
| cursor: pointer; | |
| z-index: 2; | |
| } | |
| .dark{ | |
| background:#1f0242; | |
| } | |
| .brand-logo{ | |
| margin-top:6px; | |
| width:140px; | |
| } | |
| .icon-block .material-icons { | |
| font-size: inherit; | |
| color: #1f0242; | |
| } | |
| .text-field{ | |
| background-color: transparent; | |
| border: none; | |
| border-bottom: 1px solid #9e9e9e; | |
| border-radius: 0; | |
| outline: none; | |
| height: 3rem; | |
| width: 100%; | |
| font-size: 1rem; | |
| margin: 0 0 20px 0; | |
| padding: 0; | |
| box-shadow: none; | |
| box-sizing: content-box; | |
| transition: all 0.3s; | |
| } | |
| .form-email{ | |
| color:#FFFFFF; | |
| } | |
| </style> | |
| <!-- Facebook Pixel Code --> | |
| <script> | |
| !function (f, b, e, v, n, t, s) { | |
| if (f.fbq) return; n = f.fbq = function () { | |
| n.callMethod ? | |
| n.callMethod.apply(n, arguments) : n.queue.push(arguments) | |
| }; | |
| if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; | |
| n.queue = []; t = b.createElement(e); t.async = !0; | |
| t.src = v; s = b.getElementsByTagName(e)[0]; | |
| s.parentNode.insertBefore(t, s) | |
| }(window, document, 'script', | |
| 'https://connect.facebook.net/en_US/fbevents.js'); | |
| fbq('init', '1698456227088674'); | |
| fbq('track', 'PageView'); | |
| </script> | |
| <noscript> | |
| <img alt="Cemitério de Startups" height="1" width="1" src="https://www.facebook.com/tr?id=1698456227088674&ev=PageView&noscript=1" /> | |
| </noscript> | |
| <!-- Google Analytics --> | |
| <script> | |
| (function (i, s, o, g, r, a, m) { | |
| i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { | |
| (i[r].q = i[r].q || []).push(arguments) | |
| }, i[r].l = 1 * new Date(); a = s.createElement(o), | |
| m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) | |
| })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); | |
| ga('create', 'UA-75901769-4', 'auto'); | |
| ga('send', 'pageview'); | |
| </script> | |
| </head> | |
| <body ng-app="myApp" ng-controller="mainCtrl"> | |
| <nav class="dark" role="navigation"> | |
| <div class="nav-wrapper container"> | |
| <a id="logo-container" href="#" class="brand-logo"><img src="assets/img/logo.png" alt="Cemitério de Startups" style="width:100%;"></img></a> | |
| <!-- <ul class="right hide-on-med-and-down"> | |
| <li><a href="#">Navbar Link</a></li> | |
| </ul> | |
| <ul id="nav-mobile" class="side-nav"> | |
| <li><a href="#">Navbar Link</a></li> | |
| </ul> | |
| <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>--> | |
| </div> | |
| </nav> | |
| <div id="index-banner" class="parallax-container"> | |
| <div class="section no-pad-bot"> | |
| <div class="container"> | |
| <br><br> | |
| <h1 class="header center teal-text text-lighten-2">Cemitério de Startups</h1> | |
| <div class="row center"> | |
| <h5 class="header col s12 light">Descubra os maiores motivos das startups falharem no Brasil</h5> | |
| </div> | |
| <div class="row center"> | |
| <a href="#container" id="download-button" class="btn-large waves-effect waves-light teal lighten-1">Vamos Começar!</a> | |
| </div> | |
| <br><br> | |
| </div> | |
| </div> | |
| <div class="parallax"><img src="assets/img/background1.jpg" alt="Cemitério de Startups"></div> | |
| </div> | |
| <div class="container"> | |
| <div class="section"style="margin-top:5%;"> | |
| <div class="row"> | |
| <div class="col s12"> | |
| <h5 align="center" style="font-weight:bold; color:#26a69a;">SOBRE </h5> | |
| <hr style="background: #48437d;border: 0px; width: 323px;height: 3px;"> | |
| <p style="text-align: center;color: #6d7373;font-family: inherit;"> Ninguém gosta de falhar, porém, junto ao erro vem o aprendizado. O Cemitério de Startups foi criado para empreendedores compartilharem os motivos que os fizeram fracassar, mas que ao invés de se envergonhar disso, dividem seu aprendizado e auxiliam outros diversos empreendedores nessa jornada tão difícil. | |
| Seguimos a metodologia de Bill Gross e dividimos as causas mortis em 5 motivos: | |
| </p> | |
| </div> | |
| </div> | |
| <div class="row" style="text-align: center;"> | |
| <div class="col s12 m6"> | |
| <div class="icon-block"> | |
| <h2 class="center brown-text"><i class="material-icons">highlight</i></h2> | |
| <h5 class="center" style="color:#26a69a;">Idea</h5> | |
| <p class="light"> | |
| Solução idealizada | |
| </p> | |
| </div> | |
| </div> | |
| <div class="col s12 m6" > | |
| <div class="icon-block"> | |
| <h2 class="center brown-text"><i class="material-icons">group</i></h2> | |
| <h5 class="center" style="color:#26a69a;">Team</h5> | |
| <p class="light"> | |
| Sócios | |
| /Time | |
| </p> | |
| </div> | |
| </div> | |
| <div class="col s12 m6" > | |
| <div class="icon-block"> | |
| <h2 class="center brown-text"><i class="material-icons">dashboard</i> </h2> | |
| <h5 class="center"style="color:#26a69a;" >Business Model</h5> | |
| <p class="light"> | |
| Modelo de Negócios | |
| </p> | |
| </div> | |
| </div> | |
| <div class="col s12 m6" > | |
| <div class="icon-block"> | |
| <h2 class="center brown-text"><i class="material-icons">attach_money</i> </h2> | |
| <h5 class="center" style="color:#26a69a;">Funding</h5> | |
| <p class="light"> | |
| Capital | |
| /Investimento | |
| </p> | |
| </div> | |
| </div> | |
| <div class="col s12 offset-m3 m6 offset-m3" > | |
| <div class="icon-block"> | |
| <h2 class="center brown-text"><i class="material-icons">timelapse</i> </h2> | |
| <h5 class="center"style="color:#26a69a;">Timing</h5> | |
| <p class="light"> | |
| Lançamento muito cedo ou muito tarde | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="container" id="container"> | |
| <div class="section"> | |
| <div class="row"> | |
| <div class="col s12"> | |
| <h5 align="center" style="font-weight:bold; color:#26a69a;"> E no Brasil, como será esse cenário? </h5> | |
| <hr style="background: #48437d;border: 0px; width: 323px;height: 3px;"> | |
| <p style="text-align: center;color: #6d7373;font-family: inherit;"> | |
| Você vai ter essa resposta aqui, no Cemitério de Startups! | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Icon Section --> | |
| <div class="row" style="text-align: center;"> | |
| <div class="col s12 m3" ng-init="totalStartup()"> | |
| <div class="icon-block"> | |
| <h2 class="center brown-text"><i class="material-icons">flash_on</i></h2> | |
| <h5 class="center"style="color:#26a69a;">{{num_rows}}</h5> | |
| <p class="light">Total de Startups Cadastradas</p> | |
| </div> | |
| </div> | |
| <div class="col s12 m3" ng-init="moreProblem()"> | |
| <div class="icon-block"> | |
| <h2 class="center brown-text"><i class="material-icons">group</i></h2> | |
| <h5 class="center"style="color:#26a69a;">{{more_problem}}</h5> | |
| <p class="light">Maior motivo de morte de uma startup</p> | |
| </div> | |
| </div> | |
| <div class="col s12 m3" ng-init="moreCity()"> | |
| <div class="icon-block"> | |
| <h2 class="center brown-text"><i class="material-icons">room</i></h2> | |
| <h5 class="center"style="color:#26a69a;">{{more_city}}</h5> | |
| <p class="light">Cidade onde morrem mais startups</p> | |
| </div> | |
| </div> | |
| <div class="col s12 m3" ng-init="totalInvestiment()"> | |
| <div class="icon-block"> | |
| <h2 class="center brown-text"><i class="material-icons">trending_up</i></h2> | |
| <h5 class="center"style="color:#26a69a;">{{total_investiment| currency:"R$ "}}</h5> | |
| <p class="light">Total perdido em Investimento</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="parallax-container valign-wrapper"> | |
| <div class="section no-pad-bot"> | |
| <div class="container"> | |
| <div class="row center"> | |
| <h5 class="header col s12 light"> | |
| A sua startup também foi dessa para a melhor? Adicione seu case e ajude o ecossistema empreendedor do Brasil! | |
| <br><b>Confira abaixo as startups que descansam eternamente em nosso cemitério!</b></h5> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="parallax"><img src="assets/img/background2.jpg" alt="Cemitério de Startups"></div> | |
| <script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/rdstation-forms/stable/rdstation-forms.min.js"></script> | |
| </div> | |
| <div class="container"> | |
| <div class="section"> | |
| <div class="row"> | |
| <div class="col s12 center"> | |
| <div class="row"> | |
| <form class="col s12"> | |
| <div class="row"> | |
| <div class="input-field col s12"> | |
| <input id="search" ng-model="search" type="text" class="search"> | |
| <label for="search" data-error="wrong" data-success="right">Procurar Startup</label> | |
| </div> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div ng-app="myApp" ng-init="mySwitch=true" ng-controller="mainCtrl" class="col s12 center" style="margin-bottom: 3%;"> | |
| <a class="btn-large waves-effect waves-light teal lighten-1" data-target="modal-startup-form" modal ng-click="showCreateFormStartup()" >Adicionar Startup</a> | |
| <a class="btn-large waves-effect waves-light teal lighten-1" data-target="modal-report-error-form" modal ng-click="showCreateFormReportError()" >Reportar erro</a> | |
| </div> | |
| <div ng-app="myApp" ng-controller="mainCtrl" class="row"> | |
| <div id="modal-startup-detail" class="modal"> | |
| <!--Modal Detail--> | |
| <div class="modal-content"> | |
| <h4 id="modal-startup-title-detail">Detalhes Startup</h4> | |
| <div class="row"> | |
| <div class="input-field col s8"> | |
| <label for="name">Nome Startup</label> | |
| <br> | |
| <p id="name"> | |
| {{name}} | |
| </p> | |
| </div> | |
| <div class="input-field col s4"> | |
| <label for="name_problem">Motivo</label> | |
| <br> | |
| <p id="name_problem"> | |
| {{name_problem}} | |
| </p> | |
| </div> | |
| <div class="input-field col s12"> | |
| <label for="pitch">Pitch</label> | |
| <br> | |
| <p id="pitch"> | |
| {{pitch}}</p> | |
| </div> | |
| <div class="input-field col s6"> | |
| <label for="city">Cidade</label> | |
| <br> | |
| <p id="city"> | |
| {{city}}</p> | |
| </div> | |
| <div class="input-field col s6"> | |
| <label for="state">Estado</label> | |
| <br> | |
| <p id="state"> | |
| {{state}}</p> | |
| </div> | |
| <div class="input-field col s12"> | |
| <label for="info">Causa Mortis </label> | |
| <br> | |
| <p id="info"> | |
| {{info}} | |
| </p> | |
| </div> | |
| <div class="input-field col s6"> | |
| <label for="date_born">Nascimento da Startup</label> | |
| <br> | |
| <p id="date_born"> | |
| {{date_born}}</p> | |
| </div> | |
| <div class="input-field col s6"> | |
| <label for="date_fail">Falecimento da startup</label> | |
| <br> | |
| <p id="date_fail"> | |
| {{date_fail}}</p> | |
| </div> | |
| <div class="input-field col s12"> | |
| <label for="investiment">Investimento</label> | |
| <br> | |
| <p id ="investiment"> | |
| {{investiment}}</p> | |
| </div> | |
| <div class="input-field col s12"> | |
| <label for="name_founder">Nome Fundador</label> | |
| <br> | |
| <p id="name_founder"> | |
| {{name_founder}} | |
| </p> | |
| </div> | |
| <div class="input-field col s12"> | |
| <label for="url_founder">URL Fundador (Twitter ou Linkedin)</label> | |
| <br> | |
| <p id="url_founder"> | |
| {{url_founder}} | |
| </p> | |
| </div> | |
| <div class="input-field col s12"> | |
| <a class="modal-action modal-close waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">close</i>Fechar</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="modal-startup-form" ng-app="myApp" ng-controller="mainCtrl" class="modal"> | |
| <form name="myForm" action="/api/startup/create.php novalidate> | |
| <div class="modal-content"> | |
| <h4 id="modal-startup-title">Criar Nova Startup</h4> | |
| <div class="row"> | |
| <div class="input-field col s12"> | |
| <input ng-model="form_create_startup_name" ng-minlength="2" | |
| ng-maxlength="30" id="name_startup" type="text" class="validate" id="form_create_startup_name" placeholder="Digite o nome ..." /> | |
| <label for="form-create-startup-name">Nome Startup <b>*</b></label> | |
| </div> | |
| <div class="input-field col s12"> | |
| <textarea ng-required="true" ng-minlength="20" | |
| ng-maxlength="250" id="pitch" ng-model="form_create_startup_pitch" type="text" class="validate materialize-textarea" placeholder="Digite o pitch..."></textarea> | |
| <label for="form-create-startup-pitch">Pitch (Mínimo:20 caracteres) <b>*</b> </label> | |
| </div> | |
| <div class="input-field col s12"> | |
| <label for="problem">Motivo <b>*</b></label> | |
| <br><br> | |
| <select class="browser-default" name="problem" id="id_problem" ng-model ="form_create_startup_problem" ng-init="getAllProblem()" ng-required="false"> | |
| <option ng-repeat="d in problems | orderBy:'nproblem'| filter:{nproblem:'!N/A'}" value="{{d.id}}">{{d.nproblem}}</option> | |
| </select> | |
| </div> | |
| <div class="input-field col s6"> | |
| <label for="state">Estado <b>*</b></label> | |
| <br><br> | |
| <select class="browser-default" name="state" id ="stateUF" ng-model="stateUF" ng-required="false"> | |
| </select> | |
| </div> | |
| <div class="input-field col s6"> | |
| <label for="city">Cidade <b>*</b></label> | |
| <br><br> | |
| <select class="browser-default" name="city" id ="city" ng-model="city" ng-required="false"> | |
| </select> | |
| </div> | |
| <div class="input-field col s12"> | |
| <textarea id="more_info" ng-model="form_create_startup_info" ng-required="true" | |
| ng-minlength="20" | |
| ng-maxlength="250" type="text" class="validate materialize-textarea" placeholder="Digite o Causa Mortis..."></textarea> | |
| <label for="form-create-startup-info">Causa Mortis (Mínimo: 20 caracteres) <b>*</b></label> | |
| </div> | |
| <div class="input-field col s6"> | |
| <label for="date_born">Nascimento da Startup (MM/AAAA) <b>*</b></label> | |
| <br><br> | |
| <input ng-model="form_create_startup_date_born" ng-pattern='/^(0?[1-9]|1[012])\/(199\d)|([2-9]\d{3})$/' ng-required="true" id = "date_bornN" type="string" class="text-field validate" placeholder="Digite o Início..." ></input> | |
| </div> | |
| <div class="input-field col s6"> | |
| <label for="date_fail">Falecimento da startup (MM/AAAA) <b>*</b></label> | |
| <br><br> | |
| <input ng-model="form_create_startup_date_fail" ng-pattern='/^(0?[1-9]|1[012])\/(199\d)|([2-9]\d{3})$/' ng-required="true" id = "date_failN" type="string" class="text-field validate" placeholder="Digite a Fail..." ></input> | |
| </div> | |
| <div class="input-field col s12"> | |
| <input ng-model="form_create_startup_investiment" ng-required="true" | |
| ng-minlength="1" | |
| type="number" class="validate" id="form_create_startup_investiment" placeholder="Digite o investimento..." /> | |
| <label for="form_create_startup_investiment">Investimento <b>*</b></label> | |
| </div> | |
| <div class="input-field col s12"> | |
| <input ng-required="true" | |
| ng-minlength="3" | |
| ng-maxlength="80" ng-model="form_create_startup_name_founder" id="name_founder" type="text" class="validate" placeholder="Digite o nome do fundador..." /> | |
| <label for="form-create-startup-name-founder">Nome do Fundador <b>*</b></label> | |
| </div> | |
| <div class="input-field col s12"> | |
| <input ng-required="false" | |
| ng-minlength="15" | |
| ng-maxlength="30" ng-model="form_create_startup_url_founder" id="form-create-startup-url-founder" type="url" class="validate" placeholder="Digite a URL do fundador..." /> | |
| <label for="form-create-startup-url-founder">URL Fundador</label> | |
| </div> | |
| <div class="input-field col s12"> | |
| <a id="btn-create-startup" ng-disabled="myForm.$pristine|| myForm.$invalid" class="waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">add</i>Criar</a> | |
| <!--<a id="btn-update-startup" class="waves-effect waves-light btn margin-bottom-1em" ng-click="updateStartup()"><i class="material-icons left">edit</i>Save Changes</a>--> | |
| <a class="modal-action modal-close waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">close</i>Fechar</a> | |
| </div> | |
| </div> | |
| </div> | |
| </form> | |
| </div> | |
| <!--Início Modal de Report Error--> | |
| <div id="modal-report-error-form" ng-app="myApp" ng-controller="mainCtrl" class="modal"> | |
| <form name="form-report-error" novalidate> | |
| <div class="modal-content"> | |
| <h4 id="modal-report-error-title">Reportar Erro</h4> | |
| <div class="row"> | |
| <div class="input-field col s12"> | |
| <input ng-model="report_error_email" ng-minlength="1" ng-maxlength="60" type="email" class="validate" id="report_error_email" placeholder="seuemail@email.com"/> | |
| <label for="report_error_email">E-mail</label> | |
| </div> | |
| <br><br> | |
| <div class="input-field col s12"> | |
| <textarea ng-required="true" ng-model="report_error_more_info" id="report_error_more_info" type="text" class="validate materialize-textarea" | |
| placeholder="Especifique as informações do erro..."></textarea> | |
| <label for="report_error_more_info">Informações do erro</label> | |
| </div> | |
| <br><br> | |
| <div class="input-field col s12"> | |
| <input ng-model="report_error_is_bug" type="checkbox" id="report_error_is_bug" /> | |
| <label for="report_error_is_bug">Marque se o erro encontrado é um bug</label> | |
| </div> | |
| <div ng-hide="report_error_is_bug" class="input-field col s12"> | |
| <br><br> | |
| <label for="report_error_startup">Startup</label> | |
| <br><br> | |
| <select class="browser-default" ng-model="report_error_startup" name="report_error_startup" id="report_error_startup" ng-init="getAllStartup()" ng-required="false"> | |
| <option ng-repeat="d in names | orderBy:'name' | filter:{name:'!null'}" value="{{d.id}}">{{d.name}}</option> | |
| </select> | |
| </div> | |
| <br><br> | |
| <div class="input-field col s12"> | |
| <a id="btn-create-report-error" ng-disabled="form-report-error.$pristine|| form-report-error.$invalid" class="waves-effect waves-light btn margin-bottom-1em" | |
| ng-click="createReportError()"><i class="material-icons left">send</i>Enviar</a> | |
| <a class="modal-action modal-close waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">close</i>Fechar</a> | |
| </div> | |
| </div> | |
| </div> | |
| </form> | |
| </div> | |
| <!--Fim Modal de Report Error--> | |
| <table class="hoverable bordered"> | |
| <thead> | |
| <tr> | |
| <th class="visible-md visible-lg">#</th> | |
| <!-- <th>Inclusão</th> --> | |
| <th class="visible-xs visible-sm visible-md visible-lg">Startup</th> | |
| <th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Pitch</th> | |
| <th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Cidade</th> | |
| <th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">UF</th> | |
| <th class="visible-xs visible-sm visible-md visible-lg">Motivo</th> | |
| <th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Causa Mortis</th> | |
| <th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Falecimento</th> | |
| <th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Investimento</th> | |
| <th class="visible-xs visible-sm visible-md visible-lg">Fundador</th> | |
| </tr> | |
| </thead> | |
| <tbody ng-init="getAllStartup()"> | |
| <tr dir-paginate="d in names | filter:search | orderBy:sortKey:reverse | itemsPerPage:20" pagination-id="cemiterio"> | |
| <td data-title="#" class="visible-md visible-lg text-align-center">{{ d.id }}</td> | |
| <td data-title="Startup" class="visible-xs visible-sm visible-md visible-lg text-align-center"><a class="waves-effect waves-light btn purple darken-4" href="" data-target="modal-startup-detail" modal ng-click="readOneStartup(d.id)"> {{d.name }}</a></td> | |
| <td data-title="Pitch" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.pitch |strLimit:100 }}</td> | |
| <td data-title="Cidade" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.city }}</td> | |
| <td data-title="UF" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.state }}</td> | |
| <td data-title="Motivo" class="text-align-center visible-xs visible-sm visible-md visible-lg">{{ d.name_problem }}</td> | |
| <td data-title="Causa Mortis" class="hide-on-small-only hide-on-med-only hide-on-med-and-down"> {{ d.info |strLimit:100 }}</td> | |
| <td data-title="Falecimento" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.date_fail }}</td> | |
| <td data-title="Investimento" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.investiment | currency:"R$ "}}</td> | |
| <td data-title="Fundador" class="visible-xs visible-sm visible-md visible-lg text-align-center"> <a class="waves-effect waves-light btn purple darken-4" href="{{ d.url_founder }}">{{d.name_founder}}</a> </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <!-- angular pagination --> | |
| <dir-pagination-controls pagination-id="cemiterio" boundary-links="true" on-page-change="pageChangeHandler(newPageNumber)" template-url="app/shared/dir_pagination.tpl.html"></dir-pagination-controls> | |
| </div> | |
| <div> | |
| <section style="text-align:center;background: #4a148c;height: 140px;"> | |
| <container> | |
| <div id="rdstation-form" class="row"> | |
| <form id="conversion-form-news-cemiterio-de-startups-19953e32e018d4660bbf" action="https://www.rdstation.com.br/api/1.2/conversions" method="POST" data-internal-rdstation-form="" data-form-autofill=""> | |
| <input type="hidden" name="token_rdstation" value="56732ea5eb871070c414b81a2cce1062"> | |
| <input type="hidden" name="identificador" value="news-cemiterio-de-startups"> | |
| <input type="hidden" name="_is" value="6"> | |
| <input type="hidden" name="redirect_to" value="http://gama.academy"> | |
| <input type="hidden" name="c_utmz" value=""> | |
| <input type="hidden" name="traffic_source" value=""> | |
| <input type="hidden" name="client_id" value=""> | |
| <input type="hidden" name="thankyou_message" value="Obrigado!" disabled=""> | |
| <div id="error-container-news-cemiterio-de-startups-19953e32e018d4660bbf" class="hide"> | |
| <p>Preencha corretamente os campos marcados</p> | |
| </div> | |
| <div class="col m12 s12"> | |
| <div class="input-field inline" style=" | |
| WIDTH: 60%;color:'#FFFFFF' | |
| "> | |
| <input type="email" name="email" id="email" value="" class="validate form-email required js-email" placeholder="Email" required="required"> | |
| </div> | |
| </div> | |
| <div class="actions col m12 s12"> | |
| <input type="submit" class="call_button waves-effect waves-light btn" style="margin-left: 17%;" id="cf_submit-news-cemiterio-de-startups-19953e32e018d4660bbf" value="Quero receber Novidades "> | |
| <img src="//d335luupugsy2.cloudfront.net/images/ajax-loader.gif" id="ajax-loader-news-cemiterio-de-startups-19953e32e018d4660bbf" class="hide" alt="#{Enviando...}"> | |
| </div> | |
| <div style="position: absolute!important; left: -5000px!important;"> | |
| <input type="text" name="emP7yF13ld" autocomplete="false" tabindex="-1" value=""> | |
| <input type="text" name="sh0uldN07ch4ng3" autocomplete="false" tabindex="-1" value="should_not_change"> | |
| </div> | |
| </form> | |
| </div> | |
| </container> | |
| </section> | |
| <section style="text-align:center;"> | |
| <container> | |
| <div class="row"> | |
| <div class="col m12 s12"> | |
| <h4>Antes de empreender, desenvolva suas habilidades e trabalhe no mercado de startups! </h4> | |
| <h4>Inscreva-se agora no <a href="http://gama.academy/pt/programas/experience" style="color: #4a148c;"><b>GAMA EXPERIENCE</b></a></h4> | |
| <hr style="width: 30%;background: #279d92;height: 2px;"> | |
| <hr style="width: 15%;background: #279d92;height: 2px;"> | |
| </div> | |
| </div> | |
| </container> | |
| </section> | |
| <footer class="page-footer teal"> | |
| <div class="footer-copyright"> | |
| <div class="container"> | |
| © 2017 - Made with ❤ by <a href="http://gama.academy/"><img alt="Cemitério de Startups" src="assets/img/gama.png" width="10%"></a> © | |
| <br><br> | |
| Developers: | |
| <a href ="https://www.linkedin.com/in/bruno-andrade-santos-67565711b/">Bruno Andrade Santos</a>, | |
| <a href ="https://www.linkedin.com/in/michaellrg/">Michaell Reis Gasparini</a>, | |
| <a href ="https://www.linkedin.com/in/victormarcorin/">Victor Angelo Marcorin</a>, | |
| <a href ="https://www.linkedin.com/in/vitorsavedra/">Vitor Savedra</a>, | |
| <a href ="https://www.linkedin.com/in/wesley-tavares/">Wesley Tavares</a> - #2 Gama Experience | |
| <br> | |
| Designer UI/ UX: | |
| <a href ="https://www.linkedin.com/in/bruno-mescouto-002bb326/">Bruno A L Mescouto (BARBA)</a> - #4 Gama Experience | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- Scripts--> | |
| <!-- include angular js --> | |
| <script src="assets/js/angular.min.js"></script> | |
| <script src = "assets/js/angular-locale_pt-br.min.js"></script> | |
| <!-- app --> | |
| <script type="text/javascript" src="../app/app.js"></script> | |
| <!-- include jquery --> | |
| <script type="text/javascript" src="assets/js/jquery-3.2.1.min.js"></script> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script> | |
| <!--<script src="assets/js/init.js"></script>--> | |
| <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-mask/1.8.7/mask.js"></script> | |
| <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-utils/0.1.1/angular-ui-utils.min.js"></script> | |
| <script type="text/javascript" src="assets/js/jquery.maskedinput.js"></script> | |
| <script type="text/javascript" src="assets/js/maskedinput-binder.js"></script> | |
| <script type="text/javascript" src="assets/js/masks.js"></script> | |
| <script type="text/javascript" src="assets/js/validadores.js"></script> | |
| <!-- material design js --> | |
| <script type="text/javascript" src="assets/js/materialize.min.js"></script> | |
| <!-- include angular pagination --> | |
| <script src="assets/js/dirPagination.js"></script> | |
| <!-- custom js --> | |
| <!--<script type="text/javascript" src="assets/js/custom.js"></script>--> | |
| <script> | |
| var estados = []; | |
| function loadEstados() { | |
| if (estados.length > 0) { | |
| putEstados(); | |
| $('#stateUF').removeAttr('disabled'); | |
| } else { | |
| $.ajax({ | |
| url: 'https://api.myjson.com/bins/enzld', | |
| method: 'get', | |
| dataType: 'json', | |
| beforeSend: function() { | |
| $('#stateUF').html('<option>Carregando...</option>'); | |
| } | |
| }).done(function(response) { | |
| estados = response.estados; | |
| putEstados(); | |
| $('#stateUF').removeAttr('disabled'); | |
| }); | |
| } | |
| } | |
| function putEstados() { | |
| var options; | |
| for (var i in estados) { | |
| var estado = estados[i]; | |
| options += '<option value="' + estado.sigla + '">' + estado.nome + '</option>'; | |
| } | |
| $('#stateUF').html(options); | |
| loadCidades('AC'); | |
| } | |
| function loadCidades( estado_sigla) { | |
| if (estados.length > 0) { | |
| putCidades( estado_sigla); | |
| $('#city').removeAttr('disabled'); | |
| } else { | |
| $.ajax({ | |
| url: theme_url + '/assets/json/estados.json', | |
| method: 'get', | |
| dataType: 'json', | |
| beforeSend: function() { | |
| $('#city').html('<option>Carregando...</option>'); | |
| } | |
| }).done(function(response) { | |
| estados = response.estados; | |
| putCidades(estado_sigla); | |
| $('#city').removeAttr('disabled'); | |
| }); | |
| } | |
| } | |
| function putCidades(estado_sigla) { | |
| $('#city').html(); | |
| var options; | |
| for (var i in estados) { | |
| var estado = estados[i]; | |
| if (estado.sigla != estado_sigla) | |
| continue; | |
| for (var j in estado.cidades) { | |
| var cidade = estado.cidades[j]; | |
| options += '<option value="' + cidade + '">' + cidade + '</option>'; | |
| } | |
| } | |
| $('#city').html(options); | |
| } | |
| document.addEventListener('DOMContentLoaded', function() { | |
| loadEstados(); | |
| $(document).on('change', '#stateUF', function(e) { | |
| loadCidades($(this).val()); | |
| }); | |
| }, false); | |
| $(document).ready(function(){ | |
| // the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered | |
| $('.modal').modal(); | |
| loadEstados(); | |
| $('.field').addClass("col s8"); | |
| $('#cf_submit-news-cemiterio-de-startups-19953e32e018d4660bbf').addClass("col s8"); | |
| // jQuery('[id$=news-cemiterio-de-startups-19953e32e018d4660bbf]').css("margin-bottom","-197px"); | |
| //jQuery('[id$=form-news-cemiterio-de-startups-19953e32e018d4660bbf]').css("height","auto"); | |
| // $('#report_error_startup').on('change', function() { | |
| // var report_error_startup = $(this).find(":selected").val(); | |
| // // var report_error_startup = $("#report_error_startup option:selected").text(); | |
| // $('#report_error_startup_name').text(report_error_startup); | |
| // }) | |
| }); | |
| $( document ).ready(function() { | |
| loadEstados(); | |
| // jQuery('[id$=news-cemiterio-de-startups-19953e32e018d4660bbf]').css("margin-bottom","-197px"); | |
| //jQuery('[id$=form-news-cemiterio-de-startups-19953e32e018d4660bbf]').css("height","auto"); | |
| $('.field').addClass("col s8"); | |
| $('#cf_submit-news-cemiterio-de-startups-19953e32e018d4660bbf').addClass("col s8"); }); | |
| (function($){ | |
| $(function(){ | |
| $('.button-collapse').sideNav(); | |
| $('.parallax').parallax(); | |
| }); // end of document ready | |
| })(jQuery); // end of jQuery name space | |
| </script> | |
| <!-- RD Station --> | |
| <script type="text/javascript"> | |
| new RDStationForms('news-cemiterio-de-startups-19953e32e018d4660bbf-html', 'UA-75901769-1').createForm(); | |
| </script> | |
| </body> | |
| </html> |
<html lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<title>Cemitério de Startups</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="assets/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="assets/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<script>
</script>
<style>
#form-news-cemiterio-de-startups-19953e32e018d4660bbf {
height: auto !important;
}
#form-container-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-form-news-cemiterio-de-startups-19953e32e018d4660bbf div.actions input.call_button {
margin: 0!important;
width: 50% !important;
height: 40px !important;
background: #26a69a!important;
border: 0px !important;
}
#form-container-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-news-cemiterio-de-startups-19953e32e018d4660bbf {
margin: 0 auto!important;
background: #4a148c !important;
}
#form-container-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-news-cemiterio-de-startups-19953e32e018d4660bbf section {
padding: 20px!important;
width: 50% !important;
margin-left: 25%!important;
background: #4a148c !important;
}
@media screen and (max-width:600px){
.teal.lighten-1 {
background-color: #26a69a !important;
margin-bottom: 12px;
}
}
.teal {
background-color: #26a69a !important;
}
a {
color: #FFFFFF;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: #26a69a;
color: #ffffff;
cursor: pointer;
z-index: 2;
}
.dark{
background:#1f0242;
}
.brand-logo{
margin-top:6px;
width:140px;
}
.icon-block .material-icons {
font-size: inherit;
color: #1f0242;
}
.text-field{
background-color: transparent;
border: none;
border-bottom: 1px solid #9e9e9e;
border-radius: 0;
outline: none;
height: 3rem;
width: 100%;
font-size: 1rem;
margin: 0 0 20px 0;
padding: 0;
box-shadow: none;
box-sizing: content-box;
transition: all 0.3s;
}
.form-email{
color:#FFFFFF;
}
</style>
<!-- Facebook Pixel Code -->
<script>
!function (f, b, e, v, n, t, s) {
if (f.fbq) return; n = f.fbq = function () {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
n.queue = []; t = b.createElement(e); t.async = !0;
t.src = v; s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1698456227088674');
fbq('track', 'PageView');
</script>
<noscript>
<img alt="Cemitério de Startups" height="1" width="1" src="https://www.facebook.com/tr?id=1698456227088674&ev=PageView&noscript=1" />
</noscript>
<!-- Google Analytics -->
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-75901769-4', 'auto');
ga('send', 'pageview');
</script>
</head>
<body ng-app="myApp" ng-controller="mainCtrl">
<nav class="dark" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="#" class="brand-logo"><img src="assets/img/logo.png" alt="Cemitério de Startups" style="width:100%;"></img></a>
<!-- <ul class="right hide-on-med-and-down">
<li><a href="#">Navbar Link</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="#">Navbar Link</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>-->
</div>
</nav>
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br><br>
<h1 class="header center teal-text text-lighten-2">Cemitério de Startups</h1>
<div class="row center">
<h5 class="header col s12 light">Descubra os maiores motivos das startups falharem no Brasil</h5>
</div>
<div class="row center">
<a href="#container" id="download-button" class="btn-large waves-effect waves-light teal lighten-1">Vamos Começar!</a>
</div>
<br><br>
</div>
</div>
<div class="parallax"><img src="assets/img/background1.jpg" alt="Cemitério de Startups"></div>
</div>
<div class="container">
<div class="section"style="margin-top:5%;">
<div class="row">
<div class="col s12">
<h5 align="center" style="font-weight:bold; color:#26a69a;">SOBRE </h5>
<hr style="background: #48437d;border: 0px; width: 323px;height: 3px;">
<p style="text-align: center;color: #6d7373;font-family: inherit;"> Ninguém gosta de falhar, porém, junto ao erro vem o aprendizado. O Cemitério de Startups foi criado para empreendedores compartilharem os motivos que os fizeram fracassar, mas que ao invés de se envergonhar disso, dividem seu aprendizado e auxiliam outros diversos empreendedores nessa jornada tão difícil.
Seguimos a metodologia de Bill Gross e dividimos as causas mortis em 5 motivos:
</p>
</div>
</div>
<div class="row" style="text-align: center;">
<div class="col s12 m6">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">highlight</i></h2>
<h5 class="center" style="color:#26a69a;">Idea</h5>
<p class="light">
Solução idealizada
</p>
</div>
</div>
<div class="col s12 m6" >
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">group</i></h2>
<h5 class="center" style="color:#26a69a;">Team</h5>
<p class="light">
Sócios
/Time
</p>
</div>
</div>
<div class="col s12 m6" >
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">dashboard</i> </h2>
<h5 class="center"style="color:#26a69a;" >Business Model</h5>
<p class="light">
Modelo de Negócios
</p>
</div>
</div>
<div class="col s12 m6" >
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">attach_money</i> </h2>
<h5 class="center" style="color:#26a69a;">Funding</h5>
<p class="light">
Capital
/Investimento
</p>
</div>
</div>
<div class="col s12 offset-m3 m6 offset-m3" >
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">timelapse</i> </h2>
<h5 class="center"style="color:#26a69a;">Timing</h5>
<p class="light">
Lançamento muito cedo ou muito tarde
</p>
</div>
</div>
</div>
</div>
</div>
<div class="container" id="container">
<div class="section">
<div class="row">
<div class="col s12">
<h5 align="center" style="font-weight:bold; color:#26a69a;"> E no Brasil, como será esse cenário? </h5>
<hr style="background: #48437d;border: 0px; width: 323px;height: 3px;">
<p style="text-align: center;color: #6d7373;font-family: inherit;">
Você vai ter essa resposta aqui, no Cemitério de Startups!
</p>
</div>
</div>
<!-- Icon Section -->
<div class="row" style="text-align: center;">
<div class="col s12 m3" ng-init="totalStartup()">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">flash_on</i></h2>
<h5 class="center"style="color:#26a69a;">{{num_rows}}</h5>
<p class="light">Total de Startups Cadastradas</p>
</div>
</div>
<div class="col s12 m3" ng-init="moreProblem()">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">group</i></h2>
<h5 class="center"style="color:#26a69a;">{{more_problem}}</h5>
<p class="light">Maior motivo de morte de uma startup</p>
</div>
</div>
<div class="col s12 m3" ng-init="moreCity()">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">room</i></h2>
<h5 class="center"style="color:#26a69a;">{{more_city}}</h5>
<p class="light">Cidade onde morrem mais startups</p>
</div>
</div>
<div class="col s12 m3" ng-init="totalInvestiment()">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">trending_up</i></h2>
<h5 class="center"style="color:#26a69a;">{{total_investiment| currency:"R$ "}}</h5>
<p class="light">Total perdido em Investimento</p>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">
A sua startup também foi dessa para a melhor? Adicione seu case e ajude o ecossistema empreendedor do Brasil!
<br><b>Confira abaixo as startups que descansam eternamente em nosso cemitério!</b></h5>
</div>
</div>
</div>
<div class="parallax"><img src="assets/img/background2.jpg" alt="Cemitério de Startups"></div>
<script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/rdstation-forms/stable/rdstation-forms.min.js"></script>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 center">
<div class="row">
<form class="col s12">
<div class="row">
<div class="input-field col s12">
<input id="search" ng-model="search" type="text" class="search">
<label for="search" data-error="wrong" data-success="right">Procurar Startup</label>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div ng-app="myApp" ng-init="mySwitch=true" ng-controller="mainCtrl" class="col s12 center" style="margin-bottom: 3%;">
<a class="btn-large waves-effect waves-light teal lighten-1" data-target="modal-startup-form" modal ng-click="showCreateFormStartup()" >Adicionar Startup</a>
<a class="btn-large waves-effect waves-light teal lighten-1" data-target="modal-report-error-form" modal ng-click="showCreateFormReportError()" >Reportar erro</a>
</div>
<div ng-app="myApp" ng-controller="mainCtrl" class="row">
<div id="modal-startup-detail" class="modal">
<!--Modal Detail-->
<div class="modal-content">
<h4 id="modal-startup-title-detail">Detalhes Startup</h4>
<div class="row">
<div class="input-field col s8">
<label for="name">Nome Startup</label>
<br>
<p id="name">
{{name}}
</p>
</div>
<div class="input-field col s4">
<label for="name_problem">Motivo</label>
<br>
<p id="name_problem">
{{name_problem}}
</p>
</div>
<div class="input-field col s12">
<label for="pitch">Pitch</label>
<br>
<p id="pitch">
{{pitch}}</p>
</div>
<div class="input-field col s6">
<label for="city-label">Cidade</label>
<br>
<p id="city-label">
{{city}}</p>
</div>
<div class="input-field col s6">
<label for="state">Estado</label>
<br>
<p id="state">
{{state}}</p>
</div>
<div class="input-field col s12">
<label for="info">Causa Mortis </label>
<br>
<p id="info">
{{info}}
</p>
</div>
<div class="input-field col s6">
<label for="date_born">Nascimento da Startup</label>
<br>
<p id="date_born">
{{date_born}}</p>
</div>
<div class="input-field col s6">
<label for="date_fail">Falecimento da startup</label>
<br>
<p id="date_fail">
{{date_fail}}</p>
</div>
<div class="input-field col s12">
<label for="investiment">Investimento</label>
<br>
<p id ="investiment">
{{investiment}}</p>
</div>
<div class="input-field col s12">
<label for="name_founder">Nome Fundador</label>
<br>
<p id="name_founder">
{{name_founder}}
</p>
</div>
<div class="input-field col s12">
<label for="url_founder">URL Fundador (Twitter ou Linkedin)</label>
<br>
<p id="url_founder">
{{url_founder}}
</p>
</div>
<div class="input-field col s12">
<a class="modal-action modal-close waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">close</i>Fechar</a>
</div>
</div>
</div>
</div>
<div id="modal-startup-form" ng-app="myApp" ng-controller="mainCtrl" class="modal">
<form name="myForm" action="/api/startup/create.php novalidate>
<div class="modal-content">
<h4 id="modal-startup-title">Criar Nova Startup</h4>
<div class="row">
<div class="input-field col s12">
<input ng-model="form_create_startup_name" ng-minlength="2"
ng-maxlength="30" id="name_startup" type="text" class="validate" id="form_create_startup_name" placeholder="Digite o nome ..." />
<label for="form-create-startup-name">Nome Startup <b>*</b></label>
</div>
<div class="input-field col s12">
<textarea ng-required="true" ng-minlength="20"
ng-maxlength="250" id="pitch" ng-model="form_create_startup_pitch" type="text" class="validate materialize-textarea" placeholder="Digite o pitch..."></textarea>
<label for="form-create-startup-pitch">Pitch (Mínimo:20 caracteres) <b>*</b> </label>
</div>
<div class="input-field col s12">
<label for="problem">Motivo <b>*</b></label>
<br><br>
<select class="browser-default" name="problem" id="id_problem" ng-model ="form_create_startup_problem" ng-init="getAllProblem()" ng-required="false">
<option ng-repeat="d in problems | orderBy:'nproblem'| filter:{nproblem:'!N/A'}" value="{{d.id}}">{{d.nproblem}}</option>
</select>
</div>
<div class="input-field col s6">
<label for="state">Estado <b>*</b></label>
<br><br>
<select class="browser-default" name="state" id ="stateUF" ng-model="stateUF" ng-required="false">
</select>
</div>
<div class="input-field col s6">
<label for="city-form">Cidade <b>*</b></label>
<br><br>
<select class="browser-default" name="city-form" id ="city-form" ng-model="city" ng-required="false">
</select>
</div>
<div class="input-field col s12">
<textarea id="more_info" ng-model="form_create_startup_info" ng-required="true"
ng-minlength="20"
ng-maxlength="250" type="text" class="validate materialize-textarea" placeholder="Digite o Causa Mortis..."></textarea>
<label for="form-create-startup-info">Causa Mortis (Mínimo: 20 caracteres) <b>*</b></label>
</div>
<div class="input-field col s6">
<label for="date_born">Nascimento da Startup (MM/AAAA) <b>*</b></label>
<br><br>
<input ng-model="form_create_startup_date_born" ng-pattern='/^(0?[1-9]|1[012])\/(199\d)|([2-9]\d{3})$/' ng-required="true" id = "date_bornN" type="string" class="text-field validate" placeholder="Digite o Início..." ></input>
</div>
<div class="input-field col s6">
<label for="date_fail">Falecimento da startup (MM/AAAA) <b>*</b></label>
<br><br>
<input ng-model="form_create_startup_date_fail" ng-pattern='/^(0?[1-9]|1[012])\/(199\d)|([2-9]\d{3})$/' ng-required="true" id = "date_failN" type="string" class="text-field validate" placeholder="Digite a Fail..." ></input>
</div>
<div class="input-field col s12">
<input ng-model="form_create_startup_investiment" ng-required="true"
ng-minlength="1"
type="number" class="validate" id="form_create_startup_investiment" placeholder="Digite o investimento..." />
<label for="form_create_startup_investiment">Investimento <b>*</b></label>
</div>
<div class="input-field col s12">
<input ng-required="true"
ng-minlength="3"
ng-maxlength="80" ng-model="form_create_startup_name_founder" id="name_founder" type="text" class="validate" placeholder="Digite o nome do fundador..." />
<label for="form-create-startup-name-founder">Nome do Fundador <b>*</b></label>
</div>
<div class="input-field col s12">
<input ng-required="false"
ng-minlength="15"
ng-maxlength="30" ng-model="form_create_startup_url_founder" id="form-create-startup-url-founder" type="url" class="validate" placeholder="Digite a URL do fundador..." />
<label for="form-create-startup-url-founder">URL Fundador</label>
</div>
<div class="input-field col s12">
<a id="btn-create-startup" ng-disabled="myForm.$pristine|| myForm.$invalid" class="waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">add</i>Criar</a>
<!--<a id="btn-update-startup" class="waves-effect waves-light btn margin-bottom-1em" ng-click="updateStartup()"><i class="material-icons left">edit</i>Save Changes</a>-->
<a class="modal-action modal-close waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">close</i>Fechar</a>
</div>
</div>
</div>
</form>
</div>
<!--Início Modal de Report Error-->
<div id="modal-report-error-form" ng-app="myApp" ng-controller="mainCtrl" class="modal">
<form name="form-report-error" novalidate>
<div class="modal-content">
<h4 id="modal-report-error-title">Reportar Erro</h4>
<div class="row">
<div class="input-field col s12">
<input ng-model="report_error_email" ng-minlength="1" ng-maxlength="60" type="email" class="validate" id="report_error_email" placeholder="seuemail@email.com"/>
<label for="report_error_email">E-mail</label>
</div>
<br><br>
<div class="input-field col s12">
<textarea ng-required="true" ng-model="report_error_more_info" id="report_error_more_info" type="text" class="validate materialize-textarea"
placeholder="Especifique as informações do erro..."></textarea>
<label for="report_error_more_info">Informações do erro</label>
</div>
<br><br>
<div class="input-field col s12">
<input ng-model="report_error_is_bug" type="checkbox" id="report_error_is_bug" />
<label for="report_error_is_bug">Marque se o erro encontrado é um bug</label>
</div>
<div ng-hide="report_error_is_bug" class="input-field col s12">
<br><br>
<label for="report_error_startup">Startup</label>
<br><br>
<select class="browser-default" ng-model="report_error_startup" name="report_error_startup" id="report_error_startup" ng-init="getAllStartup()" ng-required="false">
<option ng-repeat="d in names | orderBy:'name' | filter:{name:'!null'}" value="{{d.id}}">{{d.name}}</option>
</select>
</div>
<br><br>
<div class="input-field col s12">
<a id="btn-create-report-error" ng-disabled="form-report-error.$pristine|| form-report-error.$invalid" class="waves-effect waves-light btn margin-bottom-1em"
ng-click="createReportError()"><i class="material-icons left">send</i>Enviar</a>
<a class="modal-action modal-close waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">close</i>Fechar</a>
</div>
</div>
</div>
</form>
</div>
<!--Fim Modal de Report Error-->
<table class="hoverable bordered">
<thead>
<tr>
<th class="visible-md visible-lg">#</th>
<!-- <th>Inclusão</th> -->
<th class="visible-xs visible-sm visible-md visible-lg">Startup</th>
<th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Pitch</th>
<th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Cidade</th>
<th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">UF</th>
<th class="visible-xs visible-sm visible-md visible-lg">Motivo</th>
<th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Causa Mortis</th>
<th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Falecimento</th>
<th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Investimento</th>
<th class="visible-xs visible-sm visible-md visible-lg">Fundador</th>
</tr>
</thead>
<tbody ng-init="getAllStartup()">
<tr dir-paginate="d in names | filter:search | orderBy:sortKey:reverse | itemsPerPage:20" pagination-id="cemiterio">
<td data-title="#" class="visible-md visible-lg text-align-center">{{ d.id }}</td>
<td data-title="Startup" class="visible-xs visible-sm visible-md visible-lg text-align-center"><a class="waves-effect waves-light btn purple darken-4" href="" data-target="modal-startup-detail" modal ng-click="readOneStartup(d.id)"> {{d.name }}</a></td>
<td data-title="Pitch" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.pitch |strLimit:100 }}</td>
<td data-title="Cidade" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.city }}</td>
<td data-title="UF" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.state }}</td>
<td data-title="Motivo" class="text-align-center visible-xs visible-sm visible-md visible-lg">{{ d.name_problem }}</td>
<td data-title="Causa Mortis" class="hide-on-small-only hide-on-med-only hide-on-med-and-down"> {{ d.info |strLimit:100 }}</td>
<td data-title="Falecimento" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.date_fail }}</td>
<td data-title="Investimento" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.investiment | currency:"R$ "}}</td>
<td data-title="Fundador" class="visible-xs visible-sm visible-md visible-lg text-align-center"> <a class="waves-effect waves-light btn purple darken-4" href="{{ d.url_founder }}">{{d.name_founder}}</a> </td>
</tr>
</tbody>
</table>
<!-- angular pagination -->
<dir-pagination-controls pagination-id="cemiterio" boundary-links="true" on-page-change="pageChangeHandler(newPageNumber)" template-url="app/shared/dir_pagination.tpl.html"></dir-pagination-controls>
</div>
<div id="rdstation-form" class="row">
<form id="conversion-form-news-cemiterio-de-startups-19953e32e018d4660bbf" action="https://www.rdstation.com.br/api/1.2/conversions" method="POST" data-internal-rdstation-form="" data-form-autofill="">
<input type="hidden" name="token_rdstation" value="56732ea5eb871070c414b81a2cce1062">
<input type="hidden" name="identificador" value="news-cemiterio-de-startups">
<input type="hidden" name="_is" value="6">
<input type="hidden" name="redirect_to" value="http://gama.academy">
<input type="hidden" name="c_utmz" value="">
<input type="hidden" name="traffic_source" value="">
<input type="hidden" name="client_id" value="">
<input type="hidden" name="thankyou_message" value="Obrigado!" disabled="">
<div id="error-container-news-cemiterio-de-startups-19953e32e018d4660bbf" class="hide">
<p>Preencha corretamente os campos marcados</p>
</div>
<div class="col m12 s12">
</div>
<img src="//d335luupugsy2.cloudfront.net/images/ajax-loader.gif" id="ajax-loader-news-cemiterio-de-startups-19953e32e018d4660bbf" class="hide" alt="#{Enviando...}">
<div class="row">
<div class="col m12 s12">
<h4>Antes de empreender, desenvolva suas habilidades e trabalhe no mercado de startups! </h4>
<h4>Inscreva-se agora no <a href="http://gama.academy/pt/programas/experience" style="color: #4a148c;"><b>GAMA EXPERIENCE</b></a></h4>
<hr style="width: 30%;background: #279d92;height: 2px;">
<hr style="width: 15%;background: #279d92;height: 2px;">
</div>
</div>
© 2017 - Made with ❤ by 
©
Developers: Bruno Andrade Santos, Michaell Reis Gasparini, Victor Angelo Marcorin, Vitor Savedra, Wesley Tavares - #2 Gama Experience
Designer UI/ UX: Bruno A L Mescouto (BARBA) - #4 Gama Experience
©
Developers: Bruno Andrade Santos, Michaell Reis Gasparini, Victor Angelo Marcorin, Vitor Savedra, Wesley Tavares - #2 Gama Experience
Designer UI/ UX: Bruno A L Mescouto (BARBA) - #4 Gama Experience
<!-- include angular js -->
<script src="assets/js/angular.min.js"></script>
<script src = "assets/js/angular-locale_pt-br.min.js"></script>
<script type="text/javascript" src="../app/app.js"></script>
<!-- include jquery -->
<script type="text/javascript" src="assets/js/jquery-3.2.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<!--<script src="assets/js/init.js"></script>-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-mask/1.8.7/mask.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-utils/0.1.1/angular-ui-utils.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.maskedinput.js"></script>
<script type="text/javascript" src="assets/js/maskedinput-binder.js"></script>
<script type="text/javascript" src="assets/js/masks.js"></script>
<script type="text/javascript" src="assets/js/validadores.js"></script>
<!-- material design js -->
<script type="text/javascript" src="assets/js/materialize.min.js"></script>
<!-- include angular pagination -->
<script src="assets/js/dirPagination.js"></script>
<!-- custom js -->
<!--<script type="text/javascript" src="assets/js/custom.js"></script>-->
<script>
var estados = [];
function loadEstados() {
if (estados.length > 0) {
putEstados();
$('#stateUF').removeAttr('disabled');
} else {
$.ajax({
url: 'https://api.myjson.com/bins/enzld',
method: 'get',
dataType: 'json',
beforeSend: function() {
$('#stateUF').html('<option>Carregando...</option>');
}
}).done(function(response) {
estados = response.estados;
putEstados();
$('#stateUF').removeAttr('disabled');
});
}
}
function putEstados() {
var options;
for (var i in estados) {
var estado = estados[i];
options += '<option value="' + estado.sigla + '">' + estado.nome + '</option>';
}
$('#stateUF').html(options);
loadCidades('AC');
}
function loadCidades( estado_sigla) {
if (estados.length > 0) {
putCidades( estado_sigla);
$('#city-form').removeAttr('disabled');
} else {
$.ajax({
url: theme_url + '/assets/json/estados.json',
method: 'get',
dataType: 'json',
beforeSend: function() {
$('#city-form').html('<option>Carregando...</option>');
}
}).done(function(response) {
estados = response.estados;
putCidades(estado_sigla);
$('#city-form').removeAttr('disabled');
});
}
}
function putCidades(estado_sigla) {
$('#city-form').html();
var options;
for (var i in estados) {
var estado = estados[i];
if (estado.sigla != estado_sigla)
continue;
for (var j in estado.cidades) {
var cidade = estado.cidades[j];
options += '<option value="' + cidade + '">' + cidade + '</option>';
}
}
$('#city-form').html(options);
}
document.addEventListener('DOMContentLoaded', function() {
loadEstados();
$(document).on('change', '#stateUF', function(e) {
loadCidades($(this).val());
});
}, false);
$(document).ready(function(){
// the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
$('.modal').modal();
loadEstados();
$('.field').addClass("col s8");
$('#cf_submit-news-cemiterio-de-startups-19953e32e018d4660bbf').addClass("col s8");
// jQuery('[id$=news-cemiterio-de-startups-19953e32e018d4660bbf]').css("margin-bottom","-197px");
//jQuery('[id$=form-news-cemiterio-de-startups-19953e32e018d4660bbf]').css("height","auto");
// $('#report_error_startup').on('change', function() {
// var report_error_startup = $(this).find(":selected").val();
// // var report_error_startup = $("#report_error_startup option:selected").text();
// $('#report_error_startup_name').text(report_error_startup);
// })
});
$( document ).ready(function() {
loadEstados();
// jQuery('[id$=news-cemiterio-de-startups-19953e32e018d4660bbf]').css("margin-bottom","-197px");
//jQuery('[id$=form-news-cemiterio-de-startups-19953e32e018d4660bbf]').css("height","auto");
$('.field').addClass("col s8");
$('#cf_submit-news-cemiterio-de-startups-19953e32e018d4660bbf').addClass("col s8"); });
(function($){
$(function(){
$('.button-collapse').sideNav();
$('.parallax').parallax();
}); // end of document ready
})(jQuery); // end of jQuery name space
</script>
<!-- RD Station -->
<script type="text/javascript">
new RDStationForms('news-cemiterio-de-startups-19953e32e018d4660bbf-html', 'UA-75901769-1').createForm();
</script>
</body>
</html>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Developers: Bruno Andrade Santos, Michaell Reis Gasparini, Victor Angelo Marcorin, Vitor Savedra, Wesley Tavares - #2 Gama Experience
Designer UI/ UX: Bruno A L Mescouto (BARBA) - #4 Gama Experience