-
Notifications
You must be signed in to change notification settings - Fork 6
/
main.html
117 lines (113 loc) · 6.22 KB
/
main.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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Notty Notes</title>
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.6.custom.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/animate-custom.css" />
<link rel="stylesheet" type="text/css" href="css/font-icon.css" />
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/underscore.js"></script>
<script src="js/backbone.js"></script>
<script src="js/backbone.localStorage.js"></script>
<script src="js/jquery-ui-1.8.14.custom.min.js"></script>
<script src="js/sanitize.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</head>
<body id="container">
<div class="note-tmpl" id="note-template">
<!--<div class="note">-->
<div class="note-nav">
<i class="note-nav-lock note-lock" title="Click To Unlock"></i>
<i class="note-nav-lock note-unlock" title="Click To lock"></i>
<span class="note-nav-title" title="Click To Change">{{=title}}</span>
<i class="note-nav-close icon-remove" title="Remove"></i>
</div>
<div class="note-content" contenteditable>{{=content}}
</div>
<!--</div>-->
</div>
<div class="modal hide fade" id="modal-settings">
<!--<div class="modal-header">-->
<!--<h3>Settings</h3>-->
<!--</div>-->
<div class="modal-body">
<h2 class="modal-h2">Title</h2>
<div><input id="modal-title" name="" type="text" value=""/> </div>
<h2 class="modal-h2">Background</h2>
<div class="modify-theme note-theme0" data-themeid="0"></div>
<div class="modify-theme note-theme1" data-themeid="1"></div>
<div class="modify-theme note-theme2" data-themeid="2"></div>
<div class="modify-theme note-theme3" data-themeid="3"></div>
<div class="modify-theme note-theme4" data-themeid="4"></div>
<div class="modify-theme note-theme5" data-themeid="5"></div>
<div class="modify-theme note-theme6" data-themeid="6"></div>
<div class="modify-theme note-theme7" data-themeid="7"></div>
<h2 class="modal-h2">Font Size</h2>
<ul class="modal-font-size">
<li class="font-theme0" data-fonttheme="0">12</li>
<li class="font-theme1" data-fonttheme="1">16</li>
<li class="font-theme2" data-fonttheme="2">20</li>
<li class="font-theme3" data-fonttheme="3">26</li>
<li id="font-theme-custom" class="font-theme4" data-fonttheme="4">?</li>
<input id="modal-set-font" name="" type="text" value="" type="number" maxlength="2"/>
</ul>
</div>
<div class="modal-footer">
<a href="#" class="btn" id="modal-cancel-btn">Close</a>
<a href="#" class="btn btn-primary" id="modal-save-btn">Save</a>
</div>
</div>
<div id="tmpl-close" class="hide">
<div class="alert fade in tmpl-close-confirm">
<div class="tmpl-close-title">Really to remove?</div>
<div>
<input type="button" value="Cancel" class="btn" id="btn-close-cancel"/>
<input type="button" value="Remove" class="btn btn-info" id="btn-close-confirm"/>
</div>
<div class="tmpl-close-hide">
<input id="tmpl-close-txt" name="" type="text"/>
</div>
</div>
</div>
<div class="notty-info">
<!--<a href="#" class="ficon-plus" id="btn-add-note"></a>-->
<a href="#" class="ficon-question" id="btn-notty-info"></a>
</div>
<div class="modal hide fade" id="modal-notty-info">
<!--<div class="modal-header">-->
<!--<h3>Settings</h3>-->
<!--</div>-->
<div class="modal-body">
<h2 class="modal-h2">Usage</h2>
<ul class="modal-notty-usage">
<li>- Double click to add a new note</li>
<li>- Click the note's title to set it up</li>
<li>- Lock it from changing or deleting </li>
<li><a href="https://chrome.google.com/webstore/support/ggbmjahbkbhakkfgjiggdclpmmpmhajn#bug" target="_blank">Feedback</a></li>
</ul>
<h2 class="modal-h2">Share</h2>
<div class="options-section">
<ul class="share">
<li><a href="http://twitter.com/share?text=Recommend%20the%20great%20chrome%20sticky%20notes%20extension,%20Notty%20Notes%20&url=http://bit.ly/12Uc6zC" target="_blank"><img src="assets/twitter.png" /></a></li>
<li><a href="http://www.facebook.com/sharer.php?u=http://bit.ly/12Uc6zC" target="_blank"><img src="assets/facebook.png" /></a></li>
<li><a href="http://service.weibo.com/share/share.php?&url=http%3A%2F%2Fchrome.google.com%2Fwebstore%2Fdetail%2Fnotty-notes%2Fggbmjahbkbhakkfgjiggdclpmmpmhajn&content=utf-8&title=%E6%8E%A8%E8%8D%90%E4%B8%80%E4%B8%AA%E6%9E%81%E5%A5%BD%E7%9A%84Chrome%E4%BE%BF%E7%AD%BE%E6%8F%92%E4%BB%B6%EF%BC%8CNotty%20Notes%EF%BC%8C%E5%8F%AF%E4%BB%A5%E5%AE%9E%E6%97%B6%E4%BF%9D%E5%AD%98%EF%BC%8C%E7%A6%BB%E7%BA%BF%E4%BD%BF%E7%94%A8%EF%BC%8C%E7%AE%80%E6%B4%81%E7%BE%8E%E8%A7%82%E3%80%82" target="_blank"><img src="assets/weibo.png" /></a></li>
</ul>
</div>
<div class="options-donate">
<form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="[email protected]">
<input type="hidden" name="item_name" value="Notty Donation">
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="assets/donate.gif" border="0" name="submit">
</form>
</div>
</div>
</div>
</body>
</html>