popup.html

<!DOCTYPE html>
<html>
	<head>
		<title>LinkedIn Unfollower</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="popup.css">
		<script src="popup.js" defer></script>
		<base target="_blank">
	</head>
	<body>
		<header>LinkedIn Unfollower <img id="options" src="images/options.png" border="0"></header>
		<ul id="menu">
			<li class="expandable"><a class="expander">Unfollow People You are Following</a><span class="details">
				<ul>
					<li><a data-command="unfollowAll">All</a></li>
					<li><a data-command="unfollowConnections">Connections</a></li>
					<li><a data-command="unfollowOutOfNetwork">Out-of-Network</a></li>
					<li><a data-command="unfollowCompanies">Companies</a></li>
				</ul>
			</span></li>
			<li><a data-command="unfollowFollowers">Unfollow People Who are Following You</a></li>
			<li class="expandable"><a class="expander">Ignore Received Invitations</a><span class="details">
				<ul>
					<li><a data-command="ignoreInvitations">All Invitations</a></li>
					<li><a data-command="ignoreInvitationsWithCommonCompany">Your Company</a></li>
					<li><a data-command="ignoreInvitationsWithCommonEducation">Your School</a></li>
					<li><a data-command="ignoreInvitationsWithCommonConnection">Having Mutual Connections with You</a></li>
				</ul>
			</span></li>
			<li><a data-command="withdrawSentInvitations">Withdraw Sent Invitations</a></li>
		</ul>
		<div id="options_content">
			<table>
				<tr>
					<td align="right">
						Wait
						<br/>
						(milliseconds)
					</td>
					<td>
						<input type="text" id="wait" value=""/>
						<br/>
						Wait x milliseconds after each follow to prevent aggresive following.
					</td>
				</tr>
				
				<tr>
					<td align="right">
						Limit
					</td>
					<td>
						<input type="text" id="limit" value=""/>
						<br/>
						The extension will stop following when the limit (successfully followed profiles) is reached. Leave this field empty to set no limit.
					</td>
				</tr>
				
				<tr>
					<td>
						
					</td>
					<td>
						<input type="button" id="close_options" value="CLOSE OPTIONS"/>
					</td>
				</tr>
			</table>
		</div>
		<footer>
			<button id="close">Close</button>
			<span class="bottom-links">
				<a href="https://www.facebook.com/SingaporeTechEntrepreneurs/">STE.sg Page</a>
				| 
				<a href="https://github.com/Singapore-Tech-Entrepreneurs">GitHub Projects</a>
			</span>
		</footer>
	</body>
</html>