Skip to content

Commit 6bad48c

Browse files
seshrsseshrs
committed
Updated options.html
Added a link to the demo page. Also added borders to separate the different options sections.
1 parent 1c5c0f8 commit 6bad48c

File tree

1 file changed

+101
-81
lines changed

1 file changed

+101
-81
lines changed

‎dist/options.html‎

Lines changed: 101 additions & 81 deletions
Original file line numberDiff line numberDiff line change
@@ -62,96 +62,116 @@
6262
.slider.round:before {
6363
border-radius: 50%;
6464
}
65+
66+
/* Custom */
67+
.div_box {
68+
border: 2px solid black;
69+
}
6570
</style>
6671
</head>
6772

6873
<body>
69-
<h1>Piazza Links Options</h1>
70-
71-
<h2>Piazza Options</h2>
72-
<p>
73-
Choose your <strong>default</strong> Piazza class.<br>
74-
<em>When you search for a post number (@&lt;post #&gt;) in the URL bar, you will be redirected to the post on this Piazza site.</em>
75-
</p>
76-
<table>
77-
<tr>
78-
<td>University:</td>
79-
<td><select id="piazza_university" style="width: 200px"></select></td>
80-
</tr>
81-
<tr id="piazza_course_tr" style="display: none">
82-
<td>Course:</td>
83-
<td><select id="piazza_course" style="width: 200px"></select></td>
84-
</tr>
85-
<tr id="piazza_other_tr_0" style="display: none">
86-
<td colspan="2" style="background-color: rgb(247, 247, 142)">
87-
Does your class have a course website?
88-
Let me know on the <a href="https://github.com/seshrs/piazzaLinks/issues" target="_blank">Github Issue Tracker</a> for this project.
89-
</td>
90-
</tr>
91-
<tr id="piazza_other_tr_1" style="display: none">
92-
<td colspan="2" style="background-color: rgb(187, 230, 187)">
93-
<strong>Visit the <a href="https://piazza.com" target="_blank">Piazza site</a> for your class. Copy the URL and paste it here.</strong>
94-
</td>
95-
</tr>
96-
<tr id="piazza_url_tr" style="display: none">
97-
<td>Example Piazza URL:</td>
98-
<td><input type="url" id="piazza_url" size="50" /></td>
99-
</tr>
100-
<tr id="network_id_tr" style="display: none">
101-
<td>Network ID:</td>
102-
<td><input type="text" id="network_id" disabled /></td>
103-
</tr>
104-
</table>
105-
106-
<h2>Other options</h2>
107-
<table>
108-
<tr>
109-
<td>
110-
Convert @&lt;post&gt; website text to hyperlinks<br>
111-
Example: <span id="link_example_1">@6</span><br>
112-
<em><strong>REQUIRES:</strong> Network ID (in Piazza Options above) should be set.</em><br><br>
113-
</td>
114-
<td>
115-
<label class="switch">
116-
<input type="checkbox" id="links_enabled" checked>
117-
<span class="slider round"></span>
118-
</label>
119-
</td>
120-
</tr>
121-
<tr>
122-
<td>
123-
Redirect Omnibox queries with @&lt;post&gt; to search<br>
124-
Example: Open a new tab, type <span id="link_example_2">@6</span> in the URL bar, and press Enter.<br>
125-
<em><strong>REQUIRES:</strong> Network ID (in Piazza Options above) should be set.</em><br><br>
126-
</td>
127-
<td>
128-
<label class="switch">
129-
<input type="checkbox" id="omnibox_enabled" checked>
130-
<span class="slider round"></span>
131-
</label>
132-
</td>
133-
</tr>
134-
</table>
74+
<h1>Piazza Links</h1>
75+
76+
<div class="div_box" style="background-color: rgb(207, 170, 255);">
77+
<h2>What can it do?</h2>
78+
<p>
79+
<a href="http://umich.edu/~seshrs/demo.html" target="_blank">Click here</a> to see screenshots of the extension in action!
80+
</p>
81+
</div>
82+
<br>
83+
84+
<div class="div_box">
85+
<h2>Piazza Options</h2>
86+
<p>
87+
Choose your <strong>default</strong> Piazza class.<br>
88+
<em>When you search for a post number (@&lt;post #&gt;) in the URL bar, you will be redirected to the post on this Piazza site.</em>
89+
</p>
90+
<table>
91+
<tr>
92+
<td>University:</td>
93+
<td><select id="piazza_university" style="width: 200px"></select></td>
94+
</tr>
95+
<tr id="piazza_course_tr" style="display: none">
96+
<td>Course:</td>
97+
<td><select id="piazza_course" style="width: 200px"></select></td>
98+
</tr>
99+
<tr id="piazza_other_tr_0" style="display: none">
100+
<td colspan="2" style="background-color: rgb(247, 247, 142)">
101+
Does your class have a course website?
102+
Let me know on the <a href="https://github.com/seshrs/piazzaLinks/issues" target="_blank">Github Issue Tracker</a> for this project.
103+
</td>
104+
</tr>
105+
<tr id="piazza_other_tr_1" style="display: none">
106+
<td colspan="2" style="background-color: rgb(187, 230, 187)">
107+
<strong>Visit the <a href="https://piazza.com" target="_blank">Piazza site</a> for your class. Copy the URL and paste it here.</strong>
108+
</td>
109+
</tr>
110+
<tr id="piazza_url_tr" style="display: none">
111+
<td>Example Piazza URL:</td>
112+
<td><input type="url" id="piazza_url" size="50" /></td>
113+
</tr>
114+
<tr id="network_id_tr" style="display: none">
115+
<td>Network ID:</td>
116+
<td><input type="text" id="network_id" disabled /></td>
117+
</tr>
118+
</table>
119+
</div>
135120

136121
<br>
137122

138-
<h2>Privacy Policy</h2>
139-
<p>
140-
This extension runs entirely in your browser. <strong>I don't store any of your information!</strong><br>
141-
<a id="privacy_policy_link" target="_blank">Click here</a> to read the full privacy policy.<br>
142-
</p>
123+
<div class="div_box">
124+
<h2>Other options</h2>
125+
<table>
126+
<tr>
127+
<td>
128+
Convert @&lt;post&gt; website text to hyperlinks<br>
129+
Example: <span id="link_example_1">@6</span><br>
130+
<em><strong>REQUIRES:</strong> Network ID (in Piazza Options above) should be set.</em><br><br>
131+
</td>
132+
<td>
133+
<label class="switch">
134+
<input type="checkbox" id="links_enabled" checked>
135+
<span class="slider round"></span>
136+
</label>
137+
</td>
138+
</tr>
139+
<tr>
140+
<td>
141+
Redirect Omnibox queries with @&lt;post&gt; to search<br>
142+
Example: Open a new tab, type <span id="link_example_2">@6</span> in the URL bar, and press Enter.<br>
143+
<em><strong>REQUIRES:</strong> Network ID (in Piazza Options above) should be set.</em><br><br>
144+
</td>
145+
<td>
146+
<label class="switch">
147+
<input type="checkbox" id="omnibox_enabled" checked>
148+
<span class="slider round"></span>
149+
</label>
150+
</td>
151+
</tr>
152+
</table>
153+
</div>
154+
143155
<br>
144156

145-
<h2>License</h2>
146-
<p>
147-
This extension is licensed under the <a href="https://www.gnu.org/licenses/gpl-3.0.txt" target="_blank">GNU GPL v3</a>.
148-
Most probably, you don&rsquo;t have to worry too much about this as a user. The most important aspects are that this
149-
extension comes with no warranty, and that the license includes a limitation of liability.
150-
<br>
151-
If you&rsquo;re interested in contributing to the development of this Chrome extension, fork the repository at
152-
<a href="https://github.com/seshrs/piazzaLinks" target="_blank">https://github.com/seshrs/piazzaLinks</a>.
153-
<br>
154-
</p>
157+
<div class="div_box">
158+
<h2>Privacy Policy</h2>
159+
<p>
160+
This extension runs entirely in your browser. <strong>I don't store any of your information!</strong><br>
161+
<a id="privacy_policy_link" target="_blank">Click here</a> to read the full privacy policy.<br>
162+
</p>
163+
164+
<h2>License</h2>
165+
<p>
166+
This extension is licensed under the <a href="https://www.gnu.org/licenses/gpl-3.0.txt" target="_blank">GNU GPL v3</a>.
167+
Most probably, you don&rsquo;t have to worry too much about this as a user. The most important aspects are that this
168+
extension comes with no warranty, and that the license includes a limitation of liability.
169+
<br>
170+
If you&rsquo;re interested in contributing to the development of this Chrome extension, fork the repository at
171+
<a href="https://github.com/seshrs/piazzaLinks" target="_blank">https://github.com/seshrs/piazzaLinks</a>.
172+
<br>
173+
</p>
174+
</div>
155175
</body>
156176

157177
<script src="options.js"></script>

0 commit comments

Comments
 (0)