-
Notifications
You must be signed in to change notification settings - Fork 9
Expand file tree
/
Copy pathindex.html
More file actions
214 lines (168 loc) · 7.53 KB
/
index.html
File metadata and controls
214 lines (168 loc) · 7.53 KB
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>.bashrc generator: create your .bashrc PS1 with a drag and drop interface</title>
<meta name="description" content="generate a bash prompt easily with a drag and drop interface">
<meta name="keywords" content="bash prompt, ps1">
<link rel="shortcut icon" href="styles/favicon.png" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" type="text/css" href="styles/reset.css">
<link rel="stylesheet/less" type="text/css" href="styles/iconic/iconic_fill.less">
<link rel="stylesheet/less" type="text/css" href="styles/default.less">
<link rel="stylesheet" type="text/css" href="styles/tipsy/tipsy.css">
<script>
less = {
env: "development",
logLevel: 2,
async: false,
fileAsync: false,
poll: 100
};
</script>
<script src="javascript/lesscss/less-1.2.2.min.js"></script>
</head>
<body>
<div id="container">
<nav class="content _cf">
<ul>
<li>
<h1>
<div class="logo"></div>
>_ .bashrc PS1 generator
</h1>
<h2>
Generate your .bashrc/PS1 bash prompt easily<br>with a drag and drop interface
</h2>
</li>
<li>
<header>
<div class="social fb-like" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false" data-font="arial"></div>
<a href="https://twitter.com/share" class="social twitter-share-button" data-lang="en" data-related="bashrcgenerator">Tweet</a>
<div class="social g-plusone" data-annotation="inline" data-size="medium" data-width="300"></div>
</header>
</li>
</ul>
</nav>
<section class="content presets _cf">
<b>Examples and presets of PS1 prompts</b> <span class="info">Clicking on an example will replace your selection.</span>
<ol id="presets">
</ol>
</section>
<div class="tripanel _cf">
<div class="panel">
<section class="sources">
<b><i>1</i>Available elements</b> <span class="info">Drag and drop to your selection.</span>
<ul id="source" class="source dd _cf">
</ul>
</section>
</div>
<div class="panel">
<section class="main">
<b><i>2</i>Your selection</b> <span class="info">Double-click to change the color and boldness.<br>Drag an element outside to remove it.
</span>
<ul class="dd" id="wishlist"></ul>
<div id="palette" style="display: none;">
<div id="palette-close" class="close">
<span class="iconic x"></span>
</div>
<div class="colors"></div>
<div class="boldness"></div>
</div>
<span class="buttons _cf"> <a class="small-button" id="removeEverythingBtn">remove everything</a> <!-- <a class="small-button" id="sendBtn">send a link with this selection</a> -->
</span>
</section>
</div>
<div class="panel">
<section>
<b><i>3</i>Preview of your prompt</b> <span class="info">This is how your prompt will look like.</span>
<div id="preview"></div>
</section>
<section class="output">
<b><i>4</i>Your generated .bashrc PS1 and additional functions</b> <span>Do you need help for setting up your prompt? <a href="#minidoc">read the documentation below</a>!
</span>
<div id="output"></div>
</section>
</div>
</div>
<div class="content _cf">
<section class="help">
<p>
<b>Help</b> To use this for your prompt, it's easy: <br> Type this in your prompt :<br>
<code> nano ~/.bashrc </code>
</p>
<p>
Then copy the generated code at the end of the file.<br> Save and exit (in nano, it's CTRL + o, CTRL + x).<br> To see the changes, either:
<ul>
<li>paste the generated code in your prompt like an usual command</li>
<li>logout and login again</li>
<li>type "bash" to run a new bash session</li>
</ul>
</p>
</section>
</div>
<footer class="content _cf">
<section id="sources">
<b>References for PS1, bash, .bashrc, etc</b>
<ul>
<li>
<a href="https://www.ibm.com/developerworks/linux/library/l-tip-prompt/">Prompt Magic (IBM.com)</a>
</li>
<li>
<a href="https://blog.grahampoulter.com/2011/09/show-current-git-bazaar-or-mercurial.html">Show the current Git, Mercurial, Subversion or Bazaar branch in your prompt (Graham Poulter)</a>
</li>
<li>
<a href="https://www.gnu.org/software/bash/manual/bashref.html">bash reference manual (gnu.org)</a>
</li>
<li>
<a href="https://stackoverflow.com/questions/4133904/ps1-line-with-git-current-branch-and-colors">PS1 line with git current branch and colors (stackoverflow.com)</a>
</li>
<li>And thank you to Саша Ярославцев and Mathias Ciliberto for reporting bugs and their solutions :). Thank you to Andreas Steinel too. And thank you Lucas Prażyński :)</li>
</ul>
</section>
<section id="copyright">
PS1 .bashrc generator, a week-end hack from
<a href="https://j-u-l-i-e-n.com">Julien Ricard</a>
</section>
</footer>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script src="javascript/tipsy/jquery.tipsy.js"></script>
<script src="javascript/modernizr/modernizr.js"></script>
<script src="javascript/site/generator.js"></script>
<!-- facebook async -->
<div id="fb-root" style="width:310px; display:none;"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '378217345586948',
status : true,
cookie : true,
xfbml : false
});
// parse fb tags
FB.XFBML.parse();
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
</script>
<!-- twitter async -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RJRT04EN39"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-RJRT04EN39');
</script>
</body>
</html>