Add an about:vimperator page.
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
33
vimperator/components/about-handler.js
Normal file
@@ -0,0 +1,33 @@
|
|||||||
|
Components.utils.import("resource://gre/modules/XPCOMUtils.jsm");
|
||||||
|
|
||||||
|
const Cc = Components.classes;
|
||||||
|
const Ci = Components.interfaces;
|
||||||
|
|
||||||
|
function AboutHandler() {}
|
||||||
|
|
||||||
|
AboutHandler.prototype = {
|
||||||
|
|
||||||
|
classDescription: "About Vimperator Page",
|
||||||
|
|
||||||
|
classID: Components.ID("81495d80-89ee-4c36-a88d-ea7c4e5ac63f"),
|
||||||
|
|
||||||
|
contractID: "@mozilla.org/network/protocol/about;1?what=vimperator",
|
||||||
|
|
||||||
|
QueryInterface: XPCOMUtils.generateQI([Ci.nsIAboutModule]),
|
||||||
|
|
||||||
|
newChannel: function (uri)
|
||||||
|
{
|
||||||
|
let channel = Cc["@mozilla.org/network/io-service;1"].getService(Ci.nsIIOService)
|
||||||
|
.newChannel("chrome://vimperator/content/about.html", null, null);
|
||||||
|
|
||||||
|
channel.originalURI = uri;
|
||||||
|
|
||||||
|
return channel;
|
||||||
|
},
|
||||||
|
|
||||||
|
getURIFlags: function (uri) Ci.nsIAboutModule.ALLOW_SCRIPT,
|
||||||
|
};
|
||||||
|
|
||||||
|
function NSGetModule(compMgr, fileSpec) XPCOMUtils.generateModule([AboutHandler]);
|
||||||
|
|
||||||
|
// vim: set fdm=marker sw=4 ts=4 et:
|
||||||
34
vimperator/content/about.html
Normal file
@@ -0,0 +1,34 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
|
||||||
|
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||||
|
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<title>About:Vimperator</title>
|
||||||
|
<link rel="stylesheet" href="chrome://vimperator/skin/about.css" type="text/css" />
|
||||||
|
<link rel="icon" href="chrome://vimperator/skin/icon.png" type="image/png" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="main-container">
|
||||||
|
<div id="img-container">
|
||||||
|
<div id="text-container">
|
||||||
|
<div style="text-align: center;">
|
||||||
|
<img src="chrome://vimperator/content/logo.png" alt="Vimperator" />
|
||||||
|
version 2.1
|
||||||
|
by Martin Stubenschrott et al.
|
||||||
|
Vimperator is open source and freely distributable
|
||||||
|
|
||||||
|
Sponsor Vimperator development!</div><div style="padding-left: 5em;">type :help sponsor<<span class="key">Enter</span>> for information
|
||||||
|
|
||||||
|
type :q<<span class="key">Enter</span>> to exit
|
||||||
|
type :help<<span class="key">Enter</span>> or <<span class="key">F1</span>> for on-line help
|
||||||
|
type :help version-2.1<<span class="key">Enter</span>> for version info
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
<!-- vim: set fdm=marker sw=4 ts=4 et: -->
|
||||||
BIN
vimperator/content/about_background.jpg
Normal file
|
After Width: | Height: | Size: 68 KiB |
@@ -180,7 +180,7 @@ const config = { //{{{
|
|||||||
/////////////////////////////////////////////////////////////////////////////{{{
|
/////////////////////////////////////////////////////////////////////////////{{{
|
||||||
|
|
||||||
let img = Image();
|
let img = Image();
|
||||||
img.src = "chrome://vimperator/content/vimperator.png";
|
img.src = "chrome://vimperator/content/logo.png";
|
||||||
img.onload = function () {
|
img.onload = function () {
|
||||||
styles.addSheet(true, "logo", "chrome://liberator/locale/*",
|
styles.addSheet(true, "logo", "chrome://liberator/locale/*",
|
||||||
".vimperator-logo {" + <>
|
".vimperator-logo {" + <>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
37
vimperator/skin/about.css
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
/* Based on vimperator.org home page layout. */
|
||||||
|
|
||||||
|
#main-container {
|
||||||
|
width: 775px;
|
||||||
|
margin: 55px auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#img-container {
|
||||||
|
display: table-cell;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 775px;
|
||||||
|
height: 440px;
|
||||||
|
border: 5px solid black;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-image: url(chrome://vimperator/content/about_background.jpg);
|
||||||
|
background-color: green;
|
||||||
|
border-spacing: 0px 10px;
|
||||||
|
-moz-border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#text-container {
|
||||||
|
float: right;
|
||||||
|
border: solid black;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
font-family: monospace;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: bold;
|
||||||
|
width: 500px;
|
||||||
|
height: 275px;
|
||||||
|
color: black;
|
||||||
|
background-color: rgb(176, 196, 222);
|
||||||
|
opacity: 0.75;
|
||||||
|
}
|
||||||
|
|
||||||
|
.key { color: blue; }
|
||||||
|
|
||||||
|
/* vim: set fdm=marker sw=4 ts=4 et: */
|
||||||
@@ -279,7 +279,7 @@ const config = { //{{{
|
|||||||
/////////////////////////////////////////////////////////////////////////////{{{
|
/////////////////////////////////////////////////////////////////////////////{{{
|
||||||
|
|
||||||
let img = Image();
|
let img = Image();
|
||||||
img.src = "chrome://xulmus/content/xulmus.png";
|
img.src = "chrome://xulmus/content/logo.png";
|
||||||
img.onload = function () {
|
img.onload = function () {
|
||||||
styles.addSheet(true, "logo", "chrome://liberator/locale/*",
|
styles.addSheet(true, "logo", "chrome://liberator/locale/*",
|
||||||
".xulmus-logo {" + <>
|
".xulmus-logo {" + <>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |