Skip to content

Commit 58e9b2f

Browse files
allo-allo-
committed
Use a sidebar for the menu
1 parent 14f161b commit 58e9b2f

1 file changed

Lines changed: 122 additions & 125 deletions

File tree

‎templates/main.html‎

Lines changed: 122 additions & 125 deletions
Original file line numberDiff line numberDiff line change
@@ -22,143 +22,140 @@
2222
</style>
2323
</head>
2424
<body>
25-
<nav class="navbar">
26-
<div class="container">
27-
<div class="navbar-header">
28-
<a class="navbar-brand" href="#">{% trans "Firefox Profilemaker" %}</a>
29-
</div>
30-
<div>
31-
<ul class="nav navbar-nav nav-pills">
32-
<li class="active"><a href="#start" data-toggle="tab">{% trans "Start" %}</a></li>
33-
34-
{% for form in forms %}
35-
<li>
36-
<a href="#{{ form.id }}" data-toggle="tab" style="{% if form.is_valid %}font-weight: bold{% endif %}">{% if form.is_valid %}{% bootstrap_icon "star" %}{% else %}{% bootstrap_icon "star-empty" %}{% endif %} {{ form.name }}</a>
37-
</li>
38-
{% endfor %}
39-
<li><a href="#finish" data-toggle="tab" style="{% if finished %}font-weight: bold{% endif %}">{% if finished %}{% bootstrap_icon "star" %} {% endif %}{% trans "Finish" %}</a></li>
40-
</ul>
41-
</div>
42-
</div>
43-
</nav>
4425
<div class="container">
4526
{% bootstrap_messages %}
4627

47-
<div class="tab-content">
48-
<div id="start" class="tab-pane fade in active">
49-
<h1>{% trans "Firefox Profilemaker" %}</h1>
50-
{% blocktrans %}
51-
Welcome to the Firefox Profilemaker!
52-
<p />
53-
This tool will help you to create a Firefox profile with the defaults you like.
54-
<p />
55-
You select which features you want to enable and disable and in the end
56-
you get a download link for a zip-file with your profile template.
57-
You can for example disable some functions, which send data to Mozilla and Google,
58-
or disable several annoying Firefox functions like Mozilla Hello or the Pocket integration.
59-
<p />
60-
Each Setting has a short explanation and for the non obvious settings links to resources
61-
describing the feature and the possible problems with it.
62-
<p />
63-
{% endblocktrans %}
64-
<form action="#{{ form.id }}" method="post" class="form">
65-
<select id="profile" name="profile">
66-
{% for profile in profiles %}
67-
<option value="{{ profile.0 }}" {% if profile.0 == active_profile %}selected{% endif %}> {{ profile.1 }}</option>
68-
{% endfor %}
69-
</select>
70-
<button type="submit" class="btn btn-primary">
71-
{% trans "Start" %}
72-
</button>
73-
{% csrf_token %}
74-
</form>
75-
<h2>Help us</h2>
76-
We do not need money, but we can use your help to improve the site.
77-
<ul>
78-
<li><a href="https://github.com/allo-/firefox-profilemaker/wiki/Contribute-Settings">Contribute more settings</a></li>
79-
<li><a href="https://github.com/allo-/firefox-profilemaker/issues/89">Help to improve the website design</a></li>
80-
<li><a href="https://github.com/allo-/firefox-profilemaker/issues/75">Help to improve the instructions</a></li>
81-
<li><a href="https://github.com/allo-/firefox-profilemaker/issues/88">Translate the website in your language</a></li>
82-
<li><a href="https://github.com/allo-/firefox-profilemaker">Join the project</a> and help to code the profile generator</li>
83-
</ul>
84-
<h2>Community</h2>
85-
Do you need support or want to discuss if a setting is useful for you or suggest changes which do not fit into the bugtracker?
86-
<br />
87-
Visit our Subreddit at <a href="https://www.reddit.com/r/ffprofile/">reddit.com/r/ffprofile</a>
88-
<br />
89-
or join our new Matrix Chat at <a href="https://riot.im/app/#/room/!TtbeeOxjROXexcOAlH:matrix.org">#ffprofile:matrix.org</a>.
90-
</div>
91-
{% for form in forms %}
92-
<div id="{{ form.id }}" class="tab-pane fade">
93-
<h1>{{ form.name }}</h1>
94-
<form action="#{{ form.id }}" method="post" class="form">
95-
{% csrf_token %}
96-
{% bootstrap_form form %}
97-
{% buttons %}
98-
<button type="submit" class="btn">
99-
{% bootstrap_icon "star" %} save
100-
</button>
101-
<button type="submit" class="btn btn-primary" name="next" value="{{ form.next }}">
102-
{% bootstrap_icon "ok" %} {% trans "save &amp; next" %}
103-
</button>
104-
{% endbuttons %}
105-
</form>
106-
</div>
107-
{% endfor %}
108-
<div id="finish" class="tab-pane fade">
109-
<h1>{% trans "Download" %}</h1>
110-
{% if not finished %}
111-
<div class="alert alert-danger" role="alert">
112-
{% trans 'You did not finish all questions. You still can download the profile, but there are more options available.' %}
113-
</div>
28+
<div class="row">
29+
<div class="col-lg-3 col-sm-4 col-xs-4" style="padding-top: 2ex">
30+
<nav class="navbar">
31+
<ul class="nav nav-stacked nav-pills">
32+
<li class="active"><a href="#start" data-toggle="tab">{% trans "Start" %}</a></li>
33+
34+
{% for form in forms %}
35+
<li>
36+
<a href="#{{ form.id }}" data-toggle="tab" style="{% if form.is_valid %}font-weight: bold{% endif %}">{% if form.is_valid %}{% bootstrap_icon "star" %}{% else %}{% bootstrap_icon "star-empty" %}{% endif %} {{ form.name }}</a>
37+
</li>
38+
{% endfor %}
39+
<li><a href="#finish" data-toggle="tab" style="{% if finished %}font-weight: bold{% endif %}">{% if finished %}{% bootstrap_icon "star" %} {% endif %}{% trans "Finish" %}</a></li>
40+
</ul>
41+
</nav>
42+
</div>
43+
<div class="col-lg-9 col-sm-8 col-xs-8 tab-content">
44+
<div id="start" class="tab-pane fade-in active" style="padding-top: 2ex">
45+
<h1>{% trans "Firefox Profilemaker" %}</h1>
46+
{% blocktrans %}
47+
Welcome to the Firefox Profilemaker!
11448
<p />
115-
{% endif %}
49+
This tool will help you to create a Firefox profile with the defaults you like.
50+
<p />
51+
You select which features you want to enable and disable and in the end
52+
you get a download link for a zip-file with your profile template.
53+
You can for example disable some functions, which send data to Mozilla and Google,
54+
or disable several annoying Firefox functions like Mozilla Hello or the Pocket integration.
55+
<p />
56+
Each Setting has a short explanation and for the non obvious settings links to resources
57+
describing the feature and the possible problems with it.
58+
<p />
59+
{% endblocktrans %}
60+
<form action="#{{ form.id }}" method="post" class="form">
61+
<select id="profile" name="profile">
62+
{% for profile in profiles %}
63+
<option value="{{ profile.0 }}" {% if profile.0 == active_profile %}selected{% endif %}> {{ profile.1 }}</option>
64+
{% endfor %}
65+
</select>
66+
<button type="submit" class="btn btn-primary">
67+
{% trans "Start" %}
68+
</button>
69+
{% csrf_token %}
70+
</form>
71+
<h2>Help us</h2>
72+
We do not need money, but we can use your help to improve the site.
73+
<ul>
74+
<li><a href="https://github.com/allo-/firefox-profilemaker/wiki/Contribute-Settings">Contribute more settings</a></li>
75+
<li><a href="https://github.com/allo-/firefox-profilemaker/issues/89">Help to improve the website design</a></li>
76+
<li><a href="https://github.com/allo-/firefox-profilemaker/issues/75">Help to improve the instructions</a></li>
77+
<li><a href="https://github.com/allo-/firefox-profilemaker/issues/88">Translate the website in your language</a></li>
78+
<li><a href="https://github.com/allo-/firefox-profilemaker">Join the project</a> and help to code the profile generator</li>
79+
</ul>
80+
<h2>Community</h2>
81+
Do you need support or want to discuss if a setting is useful for you or suggest changes which do not fit into the bugtracker?
82+
<br />
83+
Visit our Subreddit at <a href="https://www.reddit.com/r/ffprofile/">reddit.com/r/ffprofile</a>
84+
<br />
85+
or join our new Matrix Chat at <a href="https://riot.im/app/#/room/!TtbeeOxjROXexcOAlH:matrix.org">#ffprofile:matrix.org</a>.
86+
</div>
87+
{% for form in forms %}
88+
<div id="{{ form.id }}" class="tab-pane fade" style="padding-top: 2ex">
89+
<h1>{{ form.name }}</h1>
90+
<form action="#{{ form.id }}" method="post" class="form">
91+
{% csrf_token %}
92+
{% bootstrap_form form %}
93+
{% buttons %}
94+
<button type="submit" class="btn">
95+
{% bootstrap_icon "star" %} save
96+
</button>
97+
<button type="submit" class="btn btn-primary" name="next" value="{{ form.next }}">
98+
{% bootstrap_icon "ok" %} {% trans "save &amp; next" %}
99+
</button>
100+
{% endbuttons %}
101+
</form>
102+
</div>
103+
{% endfor %}
104+
<div id="finish" class="tab-pane fade">
105+
<h1>{% trans "Download" %}</h1>
106+
{% if not finished %}
107+
<div class="alert alert-danger" role="alert">
108+
{% trans 'You did not finish all questions. You still can download the profile, but there are more options available.' %}
109+
</div>
110+
<p />
111+
{% endif %}
116112

117-
<a href="{% url 'profilemaker.views.download' 'profile.zip' %}" class="btn btn-primary" style="margin-bottom: 1ex">{% bootstrap_icon "download" %} {% trans "Download profile.zip" %}</a>
118-
<br />
119-
<a href="{% url 'profilemaker.views.download' 'prefs.js' %}" class="btn btn-primary" style="margin-bottom: 1ex">{% bootstrap_icon "download" %} {% trans "Download only prefs.js" %}</a>
120-
<a href="{% url 'profilemaker.views.download' 'prefs.js.txt' %}" class="btn btn-primary" style="margin-bottom: 1ex">{% bootstrap_icon "download" %} {% trans "Open prefs.js in the browser" %}</a>
121-
<br />
122-
<a href="{% url 'profilemaker.views.download' 'addons.zip' %}" class="btn btn-primary" style="margin-bottom: 1ex">{% bootstrap_icon "download" %} {% trans "Download only addons.zip" %}</a>
123-
<br />
124-
{% trans "When you download only the addons.zip, you need to copy the <code>user_pref(\"extensions.autoDisableScopes\", 14);</code> line into your prefs.js, else firefox won't install the addons." %}
113+
<a href="{% url 'profilemaker.views.download' 'profile.zip' %}" class="btn btn-primary" style="margin-bottom: 1ex">{% bootstrap_icon "download" %} {% trans "Download profile.zip" %}</a>
114+
<br />
115+
<a href="{% url 'profilemaker.views.download' 'prefs.js' %}" class="btn btn-primary" style="margin-bottom: 1ex">{% bootstrap_icon "download" %} {% trans "Download only prefs.js" %}</a>
116+
<a href="{% url 'profilemaker.views.download' 'prefs.js.txt' %}" class="btn btn-primary" style="margin-bottom: 1ex">{% bootstrap_icon "download" %} {% trans "Open prefs.js in the browser" %}</a>
117+
<br />
118+
<a href="{% url 'profilemaker.views.download' 'addons.zip' %}" class="btn btn-primary" style="margin-bottom: 1ex">{% bootstrap_icon "download" %} {% trans "Download only addons.zip" %}</a>
119+
<br />
120+
{% trans "When you download only the addons.zip, you need to copy the <code>user_pref(\"extensions.autoDisableScopes\", 14);</code> line into your prefs.js, else firefox won't install the addons." %}
125121

126122

127-
<form action="#" method="post" class="form">
128-
{% csrf_token %}
129-
{% buttons %}
130-
<button type="submit" class="btn btn-primary" name="reset" value="reset">
131-
{% bootstrap_icon "trash" %} {% trans "Start over again" %}
132-
</button>
133-
{% endbuttons %}
134-
</form>
123+
<form action="#" method="post" class="form">
124+
{% csrf_token %}
125+
{% buttons %}
126+
<button type="submit" class="btn btn-primary" name="reset" value="reset">
127+
{% bootstrap_icon "trash" %} {% trans "Start over again" %}
128+
</button>
129+
{% endbuttons %}
130+
</form>
135131

136-
<h3>{% trans "Installing" %}</h3>
137-
<ul>
138-
<li>{% trans "Optional: add a new profile to keep the old one" %}</li>
132+
<h3>{% trans "Installing" %}</h3>
139133
<ul>
140-
<li>{% trans "Run" %} <code>firefox -no-remote -ProfileManager</code></li>
141-
<li>{% trans "Create a new profile" %}</li>
134+
<li>{% trans "Optional: add a new profile to keep the old one" %}</li>
135+
<ul>
136+
<li>{% trans "Run" %} <code>firefox -no-remote -ProfileManager</code></li>
137+
<li>{% trans "Create a new profile" %}</li>
138+
</ul>
139+
{% blocktrans %}
140+
<li>Type <code>about:support</code> into the url bar.</li>
141+
<li>Press the open profile folder button.</li>
142+
<li>Quit Firefox.</li>
143+
<li>Delete everything from the new profile (you will lose all existing data from the profile).</li>
144+
<li>unzip the <code>profile.zip</code> file into the folder.</li>
145+
<li>Start Firefox again. If you made a new profile, you can use it with <code>firefox -no-remote -P profilename</code>.</li>
146+
<li>Open the addon manager and update the extensions.</li>
147+
{% endblocktrans %}
142148
</ul>
143-
{% blocktrans %}
144-
<li>Type <code>about:support</code> into the url bar.</li>
145-
<li>Press the open profile folder button.</li>
146-
<li>Quit Firefox.</li>
147-
<li>Delete everything from the new profile (you will lose all existing data from the profile).</li>
148-
<li>unzip the <code>profile.zip</code> file into the folder.</li>
149-
<li>Start Firefox again. If you made a new profile, you can use it with <code>firefox -no-remote -P profilename</code>.</li>
150-
<li>Open the addon manager and update the extensions.</li>
151-
{% endblocktrans %}
152-
</ul>
153-
<h3>{% trans "Preview" %}</h3>
149+
<h3>{% trans "Preview" %}</h3>
154150

155-
prefs.js:
156-
<pre>{{ prefs_js }}</pre>
151+
prefs.js:
152+
<pre>{{ prefs_js }}</pre>
157153

158-
{% if filenames %}
159-
{% trans "Files:" %}
160-
<pre>{% for filename in filenames %}{{ filename }}<br />{% endfor %}</pre>
161-
{% endif %}
154+
{% if filenames %}
155+
{% trans "Files:" %}
156+
<pre>{% for filename in filenames %}{{ filename }}<br />{% endfor %}</pre>
157+
{% endif %}
158+
</div>
162159
</div>
163160
</div>
164161
</div>

0 commit comments

Comments
 (0)