1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
|
<!doctype html>
<html>
<head>
<title>MegaPixels</title>
<meta charset="utf-8" />
<meta name="author" content="Adam Harvey" />
<meta name="description" content="MegaPixels Style" />
<meta name="referrer" content="no-referrer" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<link rel='stylesheet' href='/assets/css/fonts.css' />
<link rel='stylesheet' href='/assets/css/css.css' />
</head>
<body>
<header>
<a class='slogan' href="/">
<div class='logo'></div>
<div class='site_name'>MegaPixels</div>
<span class='sub'>The Darkside of Datasets</span>
</a>
<div class='links'>
<a href="/search">Face Search</a>
<a href="/datasets">Datasets</a>
<a href="/research/from_1_to_100_pixels/">Research</a>
<a href="/about">About</a>
</div>
</header>
<div class="content">
<section><p><img src="https://nyc3.digitaloceanspaces.com/megapixels/v1/site/about/assets/test.jpg" alt="Alt text here"></p>
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<h4>Header 4</h4>
<h5>Header 5</h5>
<h6>Header 6</h6>
<p><strong>Bold text</strong>, <em>italic text</em>, <strong><em>bold italic text</em></strong></p>
<p>At vero eos et et iusto qui blanditiis <a href="#">praesentium voluptatum</a> deleniti atque corrupti<sup class="footnote-ref" id="fnref-1"><a href="#fn-1">1</a></sup>, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non-provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio<sup class="footnote-ref" id="fnref-2"><a href="#fn-2">2</a></sup>. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus<sup class="footnote-ref" id="fnref-3"><a href="#fn-3">3</a></sup>.</p>
<ul>
<li>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium</li>
<li>Totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo</li>
<li>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut</li>
<li>Odit aut fugit, sed quia consequuntur magni dolores eos</li>
<li>Qui ratione voluptatem sequi nesciunt, neque porro quisquam </li>
</ul>
<blockquote><p>est, qui dolorem ipsum, quia dolor sit amet consectetur adipisci[ng] velit, sed quia non-numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem.</p>
</blockquote>
<p>Inline <code>code</code> has <code>back-ticks around</code> it.</p>
<pre><code class="lang-javascript">var s = "JavaScript syntax highlighting";
alert(s);
</code></pre>
<pre><code class="lang-python">s = "Python syntax highlighting"
print(s)
</code></pre>
<pre><code>No language indicated, so no syntax highlighting.
But let's throw in a <b>tag</b>.
</code></pre>
<p>Horizontal rule</p>
<hr>
<p>Citations below here</p>
<div class="footnotes">
<hr>
<ol><li id="fn-1"><p>First source<a href="#fnref-1" class="footnote">↩</a></p></li>
<li id="fn-2"><p>Second source<a href="#fnref-2" class="footnote">↩</a></p></li>
<li id="fn-3"><p>Third source<a href="#fnref-3" class="footnote">↩</a></p></li>
</ol>
</div>
</section>
</div>
<footer>
<div>
<a href="/">MegaPixels.cc</a>
<a href="/about/disclaimer/">Disclaimer</a>
<a href="/about/terms/">Terms of Use</a>
<a href="/about/privacy/">Privacy</a>
<a href="/about/">About</a>
<a href="/about/team/">Team</a>
</div>
<div>
MegaPixels ©2017-19 Adam R. Harvey /
<a href="https://ahprojects.com">ahprojects.com</a>
</div>
</footer>
</body>
<script src="/assets/js/app/site.js"></script>
</html>
|
