10 files changed, 166 insertions, 0 deletions
diff --git a/2016_mirror_browser/firefox/README.md b/2016_mirror_browser/firefox/README.md
new file mode 100644
index 0000000..e6c91e3
--- /dev/null
+++ b/2016_mirror_browser/firefox/README.md
@@ -0,0 +1,2 @@
+#mirror
+This mirror flips your online activity!
diff --git a/2016_mirror_browser/firefox/data/icon-16.png b/2016_mirror_browser/firefox/data/icon-16.png
new file mode 100644
index 0000000..79df038
--- /dev/null
+++ b/2016_mirror_browser/firefox/data/icon-16.png
diff --git a/2016_mirror_browser/firefox/data/icon-32.png b/2016_mirror_browser/firefox/data/icon-32.png
new file mode 100644
index 0000000..4e7aa3a
--- /dev/null
+++ b/2016_mirror_browser/firefox/data/icon-32.png
diff --git a/2016_mirror_browser/firefox/data/icon-64.png b/2016_mirror_browser/firefox/data/icon-64.png
new file mode 100644
index 0000000..32577f2
--- /dev/null
+++ b/2016_mirror_browser/firefox/data/icon-64.png
diff --git a/2016_mirror_browser/firefox/data/icon.png b/2016_mirror_browser/firefox/data/icon.png
new file mode 100644
index 0000000..32577f2
--- /dev/null
+++ b/2016_mirror_browser/firefox/data/icon.png
diff --git a/2016_mirror_browser/firefox/data/onoff.js b/2016_mirror_browser/firefox/data/onoff.js
new file mode 100644
index 0000000..945e090
--- /dev/null
+++ b/2016_mirror_browser/firefox/data/onoff.js
@@ -0,0 +1,21 @@
+var lron = document.getElementById("lron");
+var lroff = document.getElementById("lroff");
+var udon = document.getElementById("udon");
+var udoff = document.getElementById("udoff");
+
+lron.addEventListener('click', function(event) {
+	self.port.emit("lrmirror", "on");
+}, true);
+
+lroff.addEventListener('click', function() {
+	self.port.emit("lrmirror", "off");
+}, true);
+
+udon.addEventListener('click', function(event) {
+	self.port.emit("udmirror", "on");
+}, true);
+
+udoff.addEventListener('click', function() {
+	self.port.emit("udmirror", "off");
+}, true);
+
diff --git a/2016_mirror_browser/firefox/data/panel.html b/2016_mirror_browser/firefox/data/panel.html
new file mode 100644
index 0000000..e904c90
--- /dev/null
+++ b/2016_mirror_browser/firefox/data/panel.html
@@ -0,0 +1,53 @@
+<head>
+	<style>
+	body {
+		font-family: "Segoe UI", "Lucida Grande", Tahoma, sans-serif;
+        font-size: 100%;
+        background: white;
+	}
+	.extra-font{
+        font-family: Times New Roman;
+    }
+    #button {
+		text-align: center;
+		margin-top: 15px;
+		margin-bottom: 5px;
+	}
+	#start {
+		position: absolute:
+		top: 50%;
+	}
+	#wrapper{
+		border: 5px solid black;
+		padding: 10px;
+	}
+	#title{
+		text-align: center;
+	}
+	#title h2{
+		margin-top: 1px;
+	}
+	#settings{
+		text-align: center;
+	}
+	</style>
+</head>
+<body>
+	<div id="wrapper">
+		<div id="title">
+			<h2>Mirror</h2>
+		</div>
+		<div id="settings">
+			<div id="button">
+				<p>&#8596;
+					<button type="button" id="lron">On</button>
+					<button type="button" id="lroff">Off</button>
+				</p>
+				<p>&#8597;
+                    <button type="button" id="udon">On</button>
+					<button type="button" id="udoff">Off</button>
+				</p>
+			</div>
+		</div>
+	</div>
+</body>
diff --git a/2016_mirror_browser/firefox/index.js b/2016_mirror_browser/firefox/index.js
new file mode 100644
index 0000000..6c143c7
--- /dev/null
+++ b/2016_mirror_browser/firefox/index.js
@@ -0,0 +1,73 @@
+var { ToggleButton } = require('sdk/ui/button/toggle');
+var panels = require("sdk/panel");
+var self = require("sdk/self").data;
+var pageMod = require("sdk/page-mod");
+var state = false;
+
+var button = ToggleButton({
+	id: "my-button",
+	label: "mirror",
+	icon: {
+		"16": "./icon-16.png",
+		"32": "./icon-32.png",
+		"64": "./icon-64.png"
+	},
+	onChange: handleChange
+});
+
+var panel = panels.Panel({
+	width: 500,
+	height: 180,
+	contentURL: self.url("panel.html"),
+	contentScriptFile: self.url("onoff.js"),
+	onHide: handleHide
+});
+
+function handleChange(state) {
+	if (state.checked) {
+		panel.show({
+			position: button
+		});
+	}
+}
+
+function handleHide() {
+	button.state('window', {checked: false});
+}
+
+panel.port.on("lrmirror", function (text) {
+	if(text == "on"){
+		state = true;
+		pageMod.PageMod({
+			include: "*",
+			attachTo: ["existing", "top"],
+			contentScript: 'document.getElementsByTagName("body")[0].style = "transform: rotateY(180deg)"'
+		});
+	} else if (text == "off"){
+		state == false;
+		pageMod.PageMod({
+			include: "*",
+			attachTo: ["existing", "top"],
+			contentScript: 'document.getElementsByTagName("body")[0].style = "transform: rotateY(0deg)"'
+		});
+	}
+});
+
+panel.port.on("udmirror", function (text) {
+	if(text == "on"){
+		state = true;
+		pageMod.PageMod({
+			include: "*",
+			attachTo: ["existing", "top"],
+			contentScript: 'document.getElementsByTagName("body")[0].style = "transform: rotateX(180deg)"'
+		});
+	} else if (text == "off"){
+		state == false;
+		pageMod.PageMod({
+			include: "*",
+			attachTo: ["existing", "top"],
+			contentScript: 'document.getElementsByTagName("body")[0].style = "transform: rotateX(0deg)"'
+		});
+	}
+});
+
diff --git a/2016_mirror_browser/firefox/mirror.xpi b/2016_mirror_browser/firefox/mirror.xpi
new file mode 100644
index 0000000..3744a35
--- /dev/null
+++ b/2016_mirror_browser/firefox/mirror.xpi
diff --git a/2016_mirror_browser/firefox/package.json b/2016_mirror_browser/firefox/package.json
new file mode 100644
index 0000000..5cdbbbf
--- /dev/null
+++ b/2016_mirror_browser/firefox/package.json
@@ -0,0 +1,17 @@
+{
+  "title": "mirror",
+  "name": "mirror",
+  "version": "0.0.1",
+  "icon": "resource://mirror/data/icon-32.png", 
+  "homepage": "http://joak.nospace.at",
+  "description": "This mirror flips horizontally your online activity!",
+  "main": "index.js",
+  "author": "joak",
+  "engines": {
+    "firefox": ">=38.0a1"
+  },
+  "license": "GPL",
+  "keywords": [
+    "jetpack"
+  ]
+}