forked from jlord/lending-library
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (74 loc) · 3.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">
<title>Brandcenter Lab Inventory</title>
<meta charset='utf-8'>
<script type="text/javascript" src="js/ICanHaz.js"></script>
<script type="text/javascript" src='js/jquery.js'></script>
<script type="text/javascript" src='js/site.js'></script>
<script type="text/javascript" src='js/tabletop1.3.4.js'></script>
<link rel="shortcut icon" href="https://raw.githubusercontent.com/vcubrandcenter/lending-library/gh-pages/favico.png"/>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,700,900' rel='stylesheet' type='text/css'>
<link media="screen" rel="stylesheet" type="text/css" href="css/site.css">
</head>
<body>
<header class="container">
<h1>Brandcenter Lab Inventory</h1>
<ul class="nav">
<li><strong>MAKE THINGS, NOT SLIDES</strong></li>
<li>USE THIS EASY TOOL TO BORROW ITEMS FROM THE LAB</li>
<!-- <li><a href="#info">HERE'S HOW</a></li> -->
</ul>
</header>
<div id="filters" class="container">
<input id="toolSearch" type="search" placeholder="Raspberry Pi ..."></input>
<span class="clear sml-button">Clear</span>
<span id="showAvailable" class="sml-button">Show Available</span>
</div>
<div id="tools" class="container"><span class="flash animated">LOADING...</span></div>
<div id="info" class="container">
<div class="span1">
<h4>How This Works</h4>
<p>Simply look for an item that you would like to use for your project and if it's available you'll be asked to fill out a form to borrow it. Then see one of the CT professors to grab it for you.</p>
<p>If the item that you need is checked out, feel free to email the student that has borrowed it and ask when it might be checked back in. DO NOT BORROW FROM STUDENTS. Have the item returned back to the lab and then borrow it via the form again.</p>
<p>If you have any questions feel free to email us <a href="mailto:macjeffrey@gmail.com?subject=Tool Lending" target="_blank">here</a>.
</div>
<div class="span1">
<h4>Help Make This App Better</h4>
<p>The site is built on an open source project, uses a Google Spreadsheet for the data and is designed to be duplicated and live in minutes (Fork-n-go!).</p>
<p>You can help us have a better tool for checking in and out items from the VCU Brandcenter Lab by <a href="https://github.com/VCUBrandcenter/lending-library"> forking this project on Github and make your changes</a>, send us a pull request and we will add your tweaks.</p>
<p>
<a class="imglink" href="http://jlord.github.io/forkngo" target="_blank">
<img src="https://raw.githubusercontent.com/jlord/forkngo/gh-pages/badges/charcoal.png" width="200">
</a>
</p>
<p>Built by <a href="http://www.twitter.com/jllord">@jllord</a>.
</div>
</div>
<script id="tools" type="text/html">
{{#rows}}
<div id="{{rowNumber}}" class="tool-box {{#checkedout}}not-{{/checkedout}}available">
<span class="tool-box-tool">{{tool}}</span>
<div class="tool-box-bottom {{rowNumber}}">
{{#checkedout}} <span class="tool-box-borrowed">ON LOAN</span>{{/checkedout}}
{{^checkedout}}<a href="{{owneremail}}?subject=Tool Lending: {{tool}}"><span class="tool-box-borrow btn">BORROW</span></a>{{/checkedout}}
<ul>
<li><small>WHO / WHERE : </small></li>
<li><a href="mailto:{{owneremail}}">{{owner}}</a></li>
<li>{{street}}, {{city}}, {{state}}</li>
<li><a href="https://maps.google.com/maps?q={{street}},{{city}},{{state}}" target="_blank"><small>MAP</small></a></li>
{{#tooldetails}}
<li><small>NOTES : </small>{{tooldetails}}</li>
{{/tooldetails}}
</ul>
</div>
</div>
{{/rows}}
</script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
var URL = "0AnIY_VBFrmvRdC1seHFCNllsZ1F6My1nVVNFT3psTlE"
Tabletop.init( { key: URL, callback: drawToolBox, simpleSheet: true } )
})
</script>
</body>
</html>