Skip to content

Instantly share code, notes, and snippets.

@gitjul

gitjul/navbar.html

Created August 23, 2013 12:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gitjul/6318635 to your computer and use it in GitHub Desktop.
Save gitjul/6318635 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
navbar.html
<!DOCTYPE html>
<html>
<head>
<title>Meetup</title>
<link href="/assets/twitter/bootstrap.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap-glyphicons.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.core.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.theme.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.datepicker.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.menu.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.autocomplete.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.tagit.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular-resource.min.js" type="text/javascript"></script>
<script src="http://connect.facebook.net/en_US/all.js" type="text/javascript"></script>
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.ui.core.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.ui.datepicker.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.ui.widget.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.ui.position.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.ui.menu.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.ui.autocomplete.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.flexText.min.js?body=1" type="text/javascript"></script>
<script src="/assets/tag-it.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/transition.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/alert.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/button.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/carousel.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/collapse.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/dropdown.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/modal.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/tooltip.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/popover.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/scrollspy.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/tab.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/affix.js?body=1" type="text/javascript"></script>
<script src="/assets/holder.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap.js?body=1" type="text/javascript"></script>
<script src="/assets/rails.validations.js?body=1" type="text/javascript"></script>
<script src="/assets/moment.js?body=1" type="text/javascript"></script>
<script src="/assets/detectmobilebrowser.js?body=1" type="text/javascript"></script>
<script src="/assets/phoneformat.js?body=1" type="text/javascript"></script>
<script src="/assets/meetup.js?body=1" type="text/javascript"></script>
<script src="/assets/config/datepicker.js?body=1" type="text/javascript"></script>
<script src="/assets/config/flextext.js?body=1" type="text/javascript"></script>
<script src="/assets/config/tagit.js?body=1" type="text/javascript"></script>
<script src="/assets/controllers/eventsController.js?body=1" type="text/javascript"></script>
<script src="/assets/controllers/indexController.js?body=1" type="text/javascript"></script>
<script src="/assets/directives/indexDirectives.js?body=1" type="text/javascript"></script>
<script src="/assets/directives/stepDirectives.js?body=1" type="text/javascript"></script>
<script src="/assets/services/eventServices.js?body=1" type="text/javascript"></script>
<script src="/assets/services/userServices.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
<meta content="authenticity_token" name="csrf-param" />
<meta content="fj/tYvmXCvUxH+bE1ewF0Degg/s2nMHvFvpeSbb/M+o=" name="csrf-token" />
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
<!-- Google Fonts call. Font Used Open Sans & Poly -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700" media="screen" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700" media="screen" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Poly" media="screen" rel="stylesheet" type="text/css" />
<script>
//<![CDATA[
if(window.location.href.indexOf("#_=_") > 0) { window.location = window.location.href.replace(/#.*/, ""); }
//]]>
</script>
</head>
<body ng-app='meetup'>
<div class='navbar navbar-fixed-top navbar-inverse' role='navigation'>
<div class='container'>
<div class='navbar-header'>
<div class='navbar-brand'><a href="/events">Meetup</a></div>
<button class='navbar-toggle' data-target='.header-navbar' data-toggle='collapse' type='button'>
<span class='sr-only'>Toggle navigation</span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</button>
</div>
<div class='collapse nav-collapse header-navbar'>
<ul class='nav navbar-nav'>
<li>
<a href="/events/new">Host an event</a>
</li>
<li>
<a href="/events">Your events</a>
</li>
<li class='visible-xs'>
<a href="/logout">Logout</a>
</li>
</ul>
<ul class='nav navbar-nav navbar-right hidden-xs'>
<li>
<span class='greeting'>Hello, Julia!</span>
<a href="/logout">Logout</a>
</li>
</ul>
</div>
</div>
</div>
<div class='container'>
<div class='narrow-container'>
<div class='event-list'>
<ul class='nav nav-tabs events-tabs'>
<li class='active events-tab'>
<a>Events you are attending</a>
</li>
<li class='events-tab'>
<a>Events you are hosting</a>
</li>
</ul>
<div class='white-box'>
<h2 class='small'>You aren't attending any events yet.</h2>
</div>
</div>
<div class='event-list' style='display: none'>
<ul class='nav nav-tabs events-tabs'>
<li class='events-tab'>
<a>Events you are attending</a>
</li>
<li class='active events-tab'>
<a>Events you are hosting</a>
</li>
</ul>
<div class='white-box'>
<div class='event-box'>
<div class='row'>
<div class='info col-lg-6'>
<h3 class='name'><a href="/events/18">gadsfasd</a></h3>
<div class='where'>
<span class='glyphicon glyphicon-globe'></span>
fasdf
</div>
<div class='when'>
<span class='glyphicon glyphicon-calendar'></span>
Thu Aug 29, 2013, 18:00
</div>
<div class='price'>
<span class='glyphicon glyphicon-euro'></span>
Italian Vegetarian - &euro;9.00 per person
</div>
</div>
<div class='status col-lg-6'>
<h3>Participant status (Goal 6 to 6 guests)</h3>
<table class='table'>
<thead>
<tr>
<td>Confirmed</td>
<td>Waiting for reply</td>
<td>Cancelled</td>
</tr>
</thead>
<tbody>
<tr>
<td class='accepted'>0</td>
<td class='waiting'>2</td>
<td class='declined'>0</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr>
<div class='row'>
<div class='col-lg-6'>
<span class='pull-left'>
<a class='delete-cancel' data-toggle='modal' href='#cancel-event-modal'>Cancel event</a>
<div aria-hidden='true' class='modal fade' id='cancel-event-modal' role='dialog'>
<div class='modal-dialog'>
<div class='modal-content'>
<div class='modal-header'>
<button aria-hidden='true' class='close' data-dismiss='modal' type='button'>&times;</button>
<h4 class='modal-title'>Cancel event</h4>
</div>
<div class='modal-body'>
<p>You have already invited guests to your dinner.</p>
<p>If you still want to cancel the event, please send an email to Stephane: stephane@COMPANY_NAME.com</p>
</div>
<div class='modal-footer'>
<button class='btn btn-primary' data-dismiss='modal' data-target='#'>I understand</button>
</div>
</div>
</div>
</div>
</span>
</div>
<div class='col-lg-6' ng-controller='IndexController'>
<button class='btn btn-success pull-right invite-guest' data-event-id='18' data-no-phone-number data-user-id='1' ng-click='inviteGuest($event)'>Invite a guest</button>
</div>
</div>
</div>
</div>
<div class='white-box host-event'>
<div class='host-event-box'>
<a href="/events/new" class="btn btn-large btn-primary">Host an event</a>
</div>
</div>
<div class='white-box'>
<div class='promo'>
<h2>
You enjoy hosting events.
<br>
We enjoy helping you do just that.
</h2>
<div class='row'>
<div class='col-lg-6'>
<img src='http://placehold.it/80x60'>
<span>Propose yummy menus</span>
</div>
<div class='col-lg-6'>
<img src='http://placehold.it/80x60'>
<span>Collect payments</span>
</div>
</div>
<div class='row'>
<div class='col-lg-6'>
<img src='http://placehold.it/80x60'>
<span>Have guests bring friends</span>
</div>
<div class='col-lg-6'>
<img src='http://placehold.it/80x60'>
<span>Buy quality groceries</span>
</div>
</div>
<div class='row'>
<div class='col-lg-6'>
<img src='http://placehold.it/80x60'>
<span>Track guests' replies</span>
</div>
<div class='col-lg-6'>
<img src='http://placehold.it/80x60'>
<span>Have groceries delivered</span>
</div>
</div>
</div>
</div>
</div>
<div aria-hidden='true' class='modal fade' id='phone-number-modal' role='dialog'>
<div class='modal-dialog'>
<div class='modal-content'>
<div class='modal-header'>
<button aria-hidden='true' class='close' data-dismiss='modal' type='button'>&times;</button>
<h4 class='modal-title'>Confirm your mobile number</h4>
</div>
<div class='modal-body'>
<label for="phone_number">Phone number</label>
<input class="form-control" id="phone_number" name="phone_number" placeholder="example: +48 555-555-555" type="text" value="" />
<div class='help-block'>Tip: We won't share it. This will only help us get in touch with you and ensure smooth coordination.</div>
</div>
<div class='modal-footer'>
<button class='btn btn-link' data-dismiss='modal' data-target='#'>Cancel</button>
<button class='btn btn-primary save-number'>Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment