forked from chilipeppr/workspace-sample
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
205 additions
and
0 deletions.
There are no files selected for viewing
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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,151 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
|
||
<head> | ||
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> | ||
|
||
<title> | ||
<!--(auto-fill by runme.js--> | ||
</title> | ||
|
||
<!-- ChiliPeppr is based on bootstrap CSS. --> | ||
<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> | ||
|
||
<!-- Customized version of require.js for ChiliPeppr. Please see require.js docs for how | ||
ChiliPeppr's dependency system works as it's based on require.js. --> | ||
<script type='text/javascript' src="//i2dcui.appspot.com/js/require.js"></script> | ||
|
||
<!-- widget.css DON'T REMOVE --> | ||
<style type='text/css'> | ||
/* widget.css will get inlined here by runme.js. don't remove this comment or inlining will fail. */ | ||
</style> | ||
<link rel="stylesheet" type="text/css" href="workspace.css"> | ||
<!-- DON'T REMOVE end widget.css --> | ||
|
||
<!-- widget.js DON'T REMOVE --> | ||
<script type='text/javascript'> | ||
//<![CDATA[ | ||
/* widget.js will get inlined here by runme.js. don't remove this comment or inlining will fail. */ | ||
//]]> | ||
</script> | ||
<script type='text/javascript' src="workspace.js"></script> | ||
<!-- DON'T REMOVE end widget.js --> | ||
|
||
</head> | ||
|
||
<body> | ||
|
||
|
||
<nav class="navbar navbar-default"> | ||
<div class="container-fluid"> | ||
<!-- Brand and toggle get grouped for better mobile display --> | ||
<div class="navbar-header"> | ||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> | ||
<span class="sr-only">Toggle navigation</span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
</button> | ||
<a class="navbar-brand" href="#">Brand</a> | ||
</div> | ||
|
||
<!-- Collect the nav links, forms, and other content for toggling --> | ||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
<ul class="nav navbar-nav"> | ||
<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li> | ||
<li><a href="#">Link</a></li> | ||
<li class="dropdown"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> | ||
<ul class="dropdown-menu"> | ||
<li><a href="#">Action</a></li> | ||
<li><a href="#">Another action</a></li> | ||
<li><a href="#">Something else here</a></li> | ||
<li role="separator" class="divider"></li> | ||
<li><a href="#">Separated link</a></li> | ||
<li role="separator" class="divider"></li> | ||
<li><a href="#">One more separated link</a></li> | ||
</ul> | ||
</li> | ||
</ul> | ||
<form class="navbar-form navbar-left"> | ||
<div class="form-group"> | ||
<input type="text" class="form-control" placeholder="Search"> | ||
</div> | ||
<button type="submit" class="btn btn-default">Submit</button> | ||
</form> | ||
<ul class="nav navbar-nav navbar-right"> | ||
<li><a href="#">Link</a></li> | ||
<li class="dropdown"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> | ||
<ul class="dropdown-menu"> | ||
<li><a href="#">Action</a></li> | ||
<li><a href="#">Another action</a></li> | ||
<li><a href="#">Something else here</a></li> | ||
<li role="separator" class="divider"></li> | ||
<li><a href="#">Separated link</a></li> | ||
</ul> | ||
</li> | ||
</ul> | ||
</div><!-- /.navbar-collapse --> | ||
</div><!-- /.container-fluid --> | ||
</nav> | ||
|
||
<!-- <div id="com-chilipeppr-widget-flash-instance"></div> --> | ||
|
||
<div id="com-chilipeppr-workspace-bastianf2" class="xhidden"> | ||
|
||
<div class="container-fluid"> | ||
<div class="row"> | ||
|
||
<!-- Left Column --> | ||
<!-- Change the width by adjusting col-md-4 to be col-md-3 for skinnier, or col-md-5 for wider --> | ||
<!-- You must have all columns add up to 12 since we use bootstrap's col-md technique, i.e. col-md-2, col-md-7, col-md-3 adds to 12 --> | ||
<div class="col-md-4 col-pad10"> | ||
|
||
</div> | ||
|
||
<!-- Center Column --> | ||
<div class="col-md-5 col-pad10"> | ||
|
||
<div id="com-senscape-widget-bootloader-instance"> | ||
<p class="sample">Senscape Bootloader Widget goes here</p> | ||
</div> | ||
|
||
<div id="com-chilipeppr-widget-serialport-instance"> | ||
Serial Port Widget goes here | ||
</div> | ||
</div> | ||
|
||
<!-- Right Column --> | ||
<div class="col-md-3 col-pad10"> | ||
</div> | ||
|
||
</div> | ||
</div> | ||
</div> | ||
|
||
<!-- Keep this div hidden so it can be cloned and used by the Javascript --> | ||
<div id="com-chilipeppr-workspace-sample-billboard" class="hidden"> | ||
<div class="billboard-content"> | ||
<h4 class="billboard-title" style="">Sample Workspace</h4> | ||
|
||
<p class="billboard-url" style=""><a href="http://chilipeppr.com/sample">chilipeppr.com/sample</a> | ||
|
||
</p> | ||
<div class="billboard-imgcontain" style=""> | ||
<a href="http://chilipeppr.com/sample"> | ||
<div class="billboard-img" style="background-image: url('https://github.com/chilipeppr/workspace-sample/raw/master/billboard.png')" /> | ||
</a> | ||
<div class="billboard-stats2"> | ||
</div> | ||
|
||
</div> | ||
<p class="billboard-desc"> | ||
A ChiliPeppr Workspace that lets you do stuff. | ||
</p> | ||
</div> | ||
</div> | ||
|
||
</body> | ||
|
||
</html> |
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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,54 @@ | ||
<nav class="navbar navbar-default"> | ||
<div class="container-fluid"> | ||
<!-- Brand and toggle get grouped for better mobile display --> | ||
<div class="navbar-header"> | ||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> | ||
<span class="sr-only">Toggle navigation</span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
</button> | ||
<a class="navbar-brand" href="#">Brand</a> | ||
</div> | ||
|
||
<!-- Collect the nav links, forms, and other content for toggling --> | ||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
<ul class="nav navbar-nav"> | ||
<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li> | ||
<li><a href="#">Link</a></li> | ||
<li class="dropdown"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> | ||
<ul class="dropdown-menu"> | ||
<li><a href="#">Action</a></li> | ||
<li><a href="#">Another action</a></li> | ||
<li><a href="#">Something else here</a></li> | ||
<li role="separator" class="divider"></li> | ||
<li><a href="#">Separated link</a></li> | ||
<li role="separator" class="divider"></li> | ||
<li><a href="#">One more separated link</a></li> | ||
</ul> | ||
</li> | ||
</ul> | ||
<form class="navbar-form navbar-left"> | ||
<div class="form-group"> | ||
<input type="text" class="form-control" placeholder="Search"> | ||
</div> | ||
<button type="submit" class="btn btn-default">Submit</button> | ||
</form> | ||
<ul class="nav navbar-nav navbar-right"> | ||
<li><a href="#">Link</a></li> | ||
<li class="dropdown"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> | ||
<ul class="dropdown-menu"> | ||
<li><a href="#">Action</a></li> | ||
<li><a href="#">Another action</a></li> | ||
<li><a href="#">Something else here</a></li> | ||
<li role="separator" class="divider"></li> | ||
<li><a href="#">Separated link</a></li> | ||
</ul> | ||
</li> | ||
</ul> | ||
</div><!-- /.navbar-collapse --> | ||
</div><!-- /.container-fluid --> | ||
</nav> | ||
|