2015-11-12 20:57:38 +01:00
|
|
|
<html>
|
|
|
|
|
<head>
|
2016-02-02 22:23:40 +01:00
|
|
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
|
|
|
|
<title>qutebrowser mhtml test</title>
|
|
|
|
|
|
|
|
|
|
<!-- make sure <style> tags are parsed -->
|
2015-11-12 20:57:38 +01:00
|
|
|
<style>
|
2016-02-02 22:23:40 +01:00
|
|
|
body {
|
|
|
|
|
background-image: url('Background.png');
|
|
|
|
|
background-repeat: repeat-x;
|
|
|
|
|
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
|
|
|
font-size: 120%;
|
|
|
|
|
}
|
|
|
|
|
img#banner {
|
|
|
|
|
display: block;
|
|
|
|
|
margin: 20px auto;
|
|
|
|
|
}
|
2015-11-12 20:57:38 +01:00
|
|
|
</style>
|
2016-02-02 22:23:40 +01:00
|
|
|
|
|
|
|
|
<!-- make sure external css is included -->
|
|
|
|
|
<link rel="stylesheet" href="base.css">
|
|
|
|
|
|
2015-11-12 20:57:38 +01:00
|
|
|
<!-- don't parse non-CSS styles -->
|
|
|
|
|
<style rel="stylesheet" type="text/qss">
|
2016-02-02 22:23:40 +01:00
|
|
|
@import "actually-it's-css";
|
2015-11-12 20:57:38 +01:00
|
|
|
</style>
|
2016-02-02 22:23:40 +01:00
|
|
|
|
2015-11-12 20:57:38 +01:00
|
|
|
<!-- make sure icons are included -->
|
2015-11-12 21:58:33 +01:00
|
|
|
<link rel="icon" href="favicon.png">
|
2016-02-02 22:23:40 +01:00
|
|
|
|
2015-11-12 20:57:38 +01:00
|
|
|
<!-- make sure authors are NOT included -->
|
|
|
|
|
<link rel="author" href="author.html">
|
2016-02-02 22:23:40 +01:00
|
|
|
|
2015-11-12 20:57:38 +01:00
|
|
|
<!-- make sure scripts are included -->
|
|
|
|
|
<script type="text/javascript" src="script.js"></script>
|
2016-02-02 22:23:40 +01:00
|
|
|
|
|
|
|
|
<!-- ...but don't crash on scripts without src -->
|
2015-11-12 20:57:38 +01:00
|
|
|
<script>
|
2016-02-02 22:23:40 +01:00
|
|
|
var l = 1+1;
|
2015-11-12 20:57:38 +01:00
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2016-02-02 22:23:40 +01:00
|
|
|
<!-- make sure images are included -->
|
|
|
|
|
<img src="Banner.png" id="banner">
|
|
|
|
|
|
|
|
|
|
<h1>Welcome to the qutebrowser mhtml test page</h1>
|
|
|
|
|
|
|
|
|
|
<div class="dyk">
|
|
|
|
|
...that the word <em>qutebrowser</em> is a word play on Qt, the
|
|
|
|
|
framework the browser is built with?
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<h2>What is this page?</h2>
|
|
|
|
|
|
|
|
|
|
<p>This page is a test-case for the mhtml download feature of
|
|
|
|
|
qutebrowser. Under normal circumstances, you won't see this page, except
|
|
|
|
|
if you're a qutebrowser developer <em>or</em> you're attending one of
|
|
|
|
|
The-Compiler's pytest demos.</p>
|
|
|
|
|
|
|
|
|
|
<div class="dyk">
|
|
|
|
|
...that this page was once a monstrosity with <em>"this weird pixelated
|
|
|
|
|
globe with the geocities-like background"</em>? You can find the old
|
|
|
|
|
page in the old commits and indeed, it was quite atrocious. But hey,
|
|
|
|
|
every browser needs a globe...
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<p>This page references other assets and when the page is downloaded,
|
|
|
|
|
qutebrowser checks if each asset was downloaded. If some assets are
|
|
|
|
|
missing, the test fails and the poor developers have to search for the
|
|
|
|
|
error.</p>
|
|
|
|
|
|
|
|
|
|
<h2>Can I contribute to qutebrowser?</h2>
|
|
|
|
|
|
|
|
|
|
<p>Yes!</p>
|
|
|
|
|
|
|
|
|
|
<div class="dyk">
|
|
|
|
|
...that qutebrowser is free software? Free as in <em>free beer</em> and
|
|
|
|
|
<em>free speech</em>! Isn't that great?</em>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<h2>...and how?</h2>
|
|
|
|
|
|
2017-02-05 00:13:11 +01:00
|
|
|
<p>See <a href="https://github.com/qutebrowser/qutebrowser/blob/master/CONTRIBUTING.asciidoc">
|
2016-02-02 22:23:40 +01:00
|
|
|
here</a> for more information.</p>
|
|
|
|
|
|
|
|
|
|
<h2>More useless trivia!</h2>
|
|
|
|
|
|
|
|
|
|
<div class="dyk">
|
|
|
|
|
...that the font in the header is Comic Sans?
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="dyk">
|
|
|
|
|
...the IRC channel for qutebrowser is <code>#qutebrowser</code> on
|
|
|
|
|
irc.freenode.net
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="dyk">
|
|
|
|
|
...the area of a circle is π*r<sup>2</sup>?
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<p>To make this page a bit useful, I've included a chessboard, so you
|
|
|
|
|
can play chess. Just turn your screen 90 degrees, such that it forms a
|
|
|
|
|
flat, horizontal surface (you can skip this step if you're using a
|
|
|
|
|
tablet). Next, zoom the page until it fits your needs. Enjoy your round
|
|
|
|
|
of chess!</p>
|
2015-11-12 20:57:38 +01:00
|
|
|
<!-- make sure inline styles are parsed -->
|
2016-02-02 22:23:40 +01:00
|
|
|
<div style="background-image: url('Inline.png'); background-repeat: no-repeat; width: 160px; height: 160px;"></div>
|
2015-11-12 20:57:38 +01:00
|
|
|
</body>
|
|
|
|
|
</html>
|
