Skip to content

Commit 1139f76

Browse files
allo-allo-
committed
Use a sidebar for the menu
1 parent e819b02 commit 1139f76

1 file changed

Lines changed: 120 additions & 123 deletions

File tree

‎templates/main.html‎

Lines changed: 120 additions & 123 deletions
Original file line numberDiff line numberDiff line change
@@ -21,141 +21,138 @@
2121
</style>
2222
</head>
2323
<body>
24-
<nav class="navbar">
25-
<div class="container">
26-
<div class="navbar-header">
27-
<a class="navbar-brand" href="#">{% trans "Firefox Profilemaker" %}</a>
28-
</div>
29-
<div>
30-
<ul class="nav navbar-nav nav-pills">
31-
<li class="active"><a href="#start" data-toggle="tab">{% trans "Start" %}</a></li>
32-
33-
{% for form in forms %}
34-
<li>
35-
<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>
36-
</li>
37-
{% endfor %}
38-
<li><a href="#finish" data-toggle="tab" style="{% if finished %}font-weight: bold{% endif %}">{% if finished %}{% bootstrap_icon "star" %} {% endif %}{% trans "Finish" %}</a></li>
39-
</ul>
40-
</div>
41-
</div>
42-
</nav>
4324
<div class="container">
4425
{% bootstrap_messages %}
4526

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

114-
<a href="{% url 'profilemaker.views.download' 'profile.zip' %}" class="btn btn-primary" style="margin-bottom: 1ex">{% bootstrap_icon "download" %} {% trans "Download profile.zip" %}</a>
115-
<br />
116-
<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>
117-
<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>
118-
<br />
119-
<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>
120-
<br />
121-
{% 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." %}
110+
<a href="{% url 'profilemaker.views.download' 'profile.zip' %}" class="btn btn-primary" style="margin-bottom: 1ex">{% bootstrap_icon "download" %} {% trans "Download profile.zip" %}</a>
111+
<br />
112+
<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>
113+
<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>
114+
<br />
115+
<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>
116+
<br />
117+
{% 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." %}
122118

123119

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

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

152-
prefs.js:
153-
<pre>{{ prefs_js }}</pre>
148+
prefs.js:
149+
<pre>{{ prefs_js }}</pre>
154150

155-
{% if filenames %}
156-
{% trans "Files:" %}
157-
<pre>{% for filename in filenames %}{{ filename }}<br />{% endfor %}</pre>
158-
{% endif %}
151+
{% if filenames %}
152+
{% trans "Files:" %}
153+
<pre>{% for filename in filenames %}{{ filename }}<br />{% endfor %}</pre>
154+
{% endif %}
155+
</div>
159156
</div>
160157
</div>
161158
</div>

0 commit comments

Comments
 (0)