Updates for Chrome 0.4.4 and Opera 0.1

chrispederick · Sep 7, 2013 · 9dc5d1f · 9dc5d1f
1 parent 6138a8d
commit 9dc5d1f
Show file tree

Hide file tree

Showing 268 changed files with 94,171 additions and 8,073 deletions.
diff --git a/build/build.xml b/build/build.xml
diff --git a/build/opera/_locales/en_US/messages.json b/build/opera/_locales/en_US/messages.json
diff --git a/build/opera/about/about.css b/build/opera/about/about.css
@@ -0,0 +1,17 @@
+h1 { background: url(/common/images/logos/64.png) no-repeat 0 0; min-height: 64px; padding-left: 75px; }
+h2 { font-size: 21px; line-height: 1; margin: 0; }
+p { margin-bottom: 25px; }
+.btn-dark { background-color: #333; border-color: #111; color: #fff; }
+.btn-dark:active, .btn-dark:focus, .btn-dark:hover, .btn-dark.active { background-color: #555; border-color: #333; color: #fff; }
+.container { max-width: 800px; }
+.row { margin-bottom: 15px; }
+
+@media (min-width: 768px)
+{
+  .container { margin-top: 50px; }
+}
+
+@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5)
+{
+  h1 { background-image: url(/common/images/logos/128.png); background-size: 64px 64px; }
+}
diff --git a/build/opera/about/about.html b/build/opera/about/about.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html id="web-developer-about" lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <title>Web Developer</title>
+  <link href="/common/style-sheets/bootstrap.css" rel="stylesheet">
+  <link href="about.css" rel="stylesheet">
+  <meta name="viewport" content="initial-scale=1.0,width=device-width">
+  <link href="/common/images/logos/favicon.ico" rel="shortcut icon">
+</head>
+
+<body>
+
+<div class="container">
+  <div class="jumbotron">
+    <h1>Web Developer</h1>
+    <p id="description"></p>
+
+    <div class="row">
+      <div class="col-sm-4">
+        <h2 id="author"></h2>
+        <a href="http://chrispederick.com/about/">Chris Pederick</a>
+      </div>
+
+      <div class="col-sm-4">
+        <h2 id="version"></h2>
+        0.1
+      </div>
+
+      <div class="col-sm-4">
+        <h2 id="build-date"></h2>
+        September 7, 2013
+      </div>
+    </div>
+
+    <p class="url"><a href="http://chrispederick.com/work/web-developer/opera/">http://chrispederick.com/work/web-developer/opera/</a></p>
+
+    <a href="http://twitter.com/chrispederick/" class="btn btn-info btn-lg">
+      <i class="icon-twitter"></i>
+      <span id="follow-on-twitter"></span>
+    </a>
+    <a href="https://alpha.app.net/chrispederick/" class="btn btn-dark btn-lg">
+      <i class="icon-adn"></i>
+      <span id="follow-on-appnet"></span>
+    </a>
+  </div>
+</div>
+
+<script src="/common/javascript/jquery/jquery.js"></script>
+<script src="javascript/about.js"></script>
+
+</body>
+
+</html>
diff --git a/build/opera/about/javascript/about.js b/build/opera/about/javascript/about.js
@@ -0,0 +1,18 @@
+var WebDeveloper = WebDeveloper || {};
+
+WebDeveloper.Generated = WebDeveloper.Generated || {};
+
+// Initializes the page with data
+WebDeveloper.Generated.initialize = function(data, locale)
+{
+  var name = locale.extensionName;
+
+  $("title").text(locale.about + " " + name);
+  $("h1").text(name);
+  $("#description").text(locale.extensionDescription);
+  $("#follow-on-appnet").text(locale.followOnAppNet);
+  $("#follow-on-twitter").text(locale.followOnTwitter);
+  $("#author").text(locale.author);
+  $("#version").text(locale.version);
+  $("#build-date").text(locale.buildDate);
+};
diff --git a/build/opera/background/background.html b/build/opera/background/background.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html id="web-developer-background" lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <title>Web Developer</title>
+</head>
+
+<body>
+
+<script src="/common/javascript/jquery/jquery.js"></script>
+<script src="/common/javascript/jquery/icanhaz.js"></script>
+<script src="/common/javascript/common.js"></script>
+<script src="/locales/locales.js"></script>
+<script src="/storage/storage.js"></script>
+<script src="/upgrade/upgrade.js"></script>
+<script src="javascript/background.js"></script>
+
+<script id="dashboard" type="text/html">
+  <div id="web-developer-dashboard-resizer">&bull;</div><h1 id="web-developer-dashboard-title" class="text-muted">{{dashboardTitle}}</h1><ul id="web-developer-dashboard-tabs" class="nav nav-pills"></ul><div id="web-developer-dashboard-panels" class="tab-content"></div>
+</script>
+
+<script id="dashboardPanel" type="text/html">
+  <div id="{{tabId}}-panel" class="tab-pane active"></div>
+</script>
+
+<script id="dashboardTab" type="text/html">
+  <li id="{{tabId}}-tab" class="active"><a href="#{{tabId}}-panel" data-toggle="tab">{{title}}</a></li>
+</script>
+
+<script id="elementInformationPanel" type="text/html">
+  <div id="element-information-content"><p id="web-developer-information" class="lead text-info">{{selectAnElementDisplayInformation}}</p></div><div id="current-element-ancestors"></div>
+</script>
+
+<script id="editCSSPanel" type="text/html">
+  <ul id="web-developer-edit-css-tabs" class="nav nav-tabs"></ul><div id="web-developer-edit-css-panels" class="tab-content"></div>
+</script>
+
+<script id="editCSSTabPanel" type="text/html">
+  <div id="edit-css-panel-{{position}}" class="tab-pane {{active}}"><textarea class="form-control">{{css}}</textarea></div>
+</script>
+
+<script id="editCSSTab" type="text/html">
+  <li id="edit-css-tab-{{position}}" class="{{active}}"><a href="#edit-css-panel-{{position}}" data-toggle="tab">{{title}}</a></li>
+</script>
+
+</body>
+
+</html>