-
Notifications
You must be signed in to change notification settings - Fork 2
/
view.html
65 lines (64 loc) · 7.12 KB
/
view.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Metalsmith images</title>
<style>
html, body {
font-family: 'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif;
padding: 0;
margin: 0;
position: relative;
color: #333;
background: lightgray;
}
h1 {
position: fixed;
border-bottom: 1px solid #ccc;
box-shadow: 0 0 3px gray;
margin: 0;
padding: 1rem;
z-index: 1;
background: white;
top: 0;
left: 0;
right: 0;
}
#images {
margin-top: 100px;
display: flex;
flex-wrap: wrap;
}
img {
max-width: 256px;
max-height: 128px;
}
#images a {
border: 1px solid #666;
margin: 1rem;
padding: 1rem;
color: #262627;
}
#images a::before {
content: attr(href);
display: block;
margin-bottom: 1rem;
}
</style>
</head>
<body>
<h1>Metalsmith images</h1>
<div id="images">
<a href="svg/inline/logo.svg"><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" enable-background="new 0 0 745.199 161.769" viewBox="0 0 745.199 161.769" height="161.769px" width="745.199px" y="0px" x="0px" version="1.1"><title>Metalsmith logo</title><metadata><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title>Metalsmith logo</dc:title><cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" /><dc:contributor><cc:Agent><dc:title>Kevin Van Lierde</dc:title></cc:Agent></dc:contributor><dc:creator><cc:Agent><dc:title>Ian Storm Taylor</dc:title></cc:Agent></dc:creator></cc:Work><cc:License rdf:about="http://creativecommons.org/licenses/by-sa/4.0/"><cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction" /><cc:permits rdf:resource="http://creativecommons.org/ns#Distribution" /><cc:requires rdf:resource="http://creativecommons.org/ns#Notice" /><cc:requires rdf:resource="http://creativecommons.org/ns#Attribution" /><cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /><cc:requires rdf:resource="http://creativecommons.org/ns#ShareAlike" /></cc:License></rdf:RDF></metadata> <g > <path style="fill:currentColor;fill-opacity:1" d="M48.849,126.552L69.07,1.363h28.173v159.042H79.521V28.855L57.709,160.406h-18.63L17.268,28.855v131.551H0 V1.363h28.627L48.849,126.552z" fill="currentColor" /> <path style="fill:currentColor;fill-opacity:1" d="M164.491,1.363v16.813h-31.809v52.711h30.672v16.586h-30.672v56.119h32.263v16.813h-50.439V1.363H164.491z" fill="currentColor" /> <path style="fill:currentColor;fill-opacity:1" d="M196.298,160.406V18.176h-23.856V1.363h65.889v16.813h-23.856v142.229H196.298z" fill="currentColor" /> <path style="fill:currentColor;fill-opacity:1" d="M307.627,160.406h-17.949l-3.862-26.583h-29.31l-3.635,26.583h-17.495L259.914,0.909h23.175 L307.627,160.406z M258.778,117.464h24.765l-12.269-87.928L258.778,117.464z" fill="currentColor" /> <path style="fill:currentColor;fill-opacity:1" d="M338.294,1.363v142.229h29.991v16.813h-48.167V1.363H338.294z" fill="currentColor" /> <path style="fill:currentColor;fill-opacity:1" d="M442.352,109.058v23.175c0,19.767-9.77,29.537-29.536,29.537h-4.999c-19.54,0-29.082-9.77-29.082-29.082 V99.288h17.722v34.081c0,8.179,3.863,12.042,12.042,12.042h3.635c8.179,0,12.042-3.862,12.042-12.042v-23.856 c0-7.952-2.726-11.36-7.952-15.223l-22.266-16.131c-11.814-8.407-15.223-16.586-15.223-29.537V29.537 C378.735,9.77,388.505,0,408.272,0h4.544c19.54,0,29.082,9.77,29.082,29.082V57.71h-17.722V28.4 c0-8.179-3.862-12.042-12.042-12.042h-3.181c-8.179,0-12.042,3.862-12.042,12.042v19.994c0,7.952,2.954,11.36,8.179,15.223 l22.039,15.904C438.717,87.928,442.352,95.426,442.352,109.058z" fill="currentColor" /> <path style="fill:currentColor;fill-opacity:1" d="M507.328,126.552L527.549,1.363h28.173v159.042H538V28.855l-21.812,131.551h-18.63L475.747,28.855v131.551 h-17.268V1.363h28.627L507.328,126.552z" fill="currentColor" /> <path style="fill:currentColor;fill-opacity:1" d="M591.389,160.406h-18.176V1.363h18.176V160.406z" fill="currentColor" /> <path style="fill:currentColor;fill-opacity:1" d="M626.375,160.406V18.176h-23.856V1.363h65.889v16.813h-23.856v142.229H626.375z" fill="currentColor" /> <path style="fill:currentColor;fill-opacity:1" d="M727.022,70.661V1.363h18.177v159.042h-18.177V87.701h-29.536v72.705H679.31V1.363h18.177v69.297H727.022z" fill="currentColor" /> </g> </svg></a>
<a href="svg/inline/logo-compact.svg"><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" enable-background="new 0 0 745.199 161.769" viewBox="0 0 192.00001 192" height="192" width="192" y="0px" x="0px" version="1.1"><title>Metalsmith logo</title><metadata><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title>Metalsmith logo</dc:title><cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" /><dc:contributor><cc:Agent><dc:title>Kevin Van Lierde</dc:title></cc:Agent></dc:contributor><dc:creator><cc:Agent><dc:title>Ian Storm Taylor</dc:title></cc:Agent></dc:creator></cc:Work><cc:License rdf:about="http://creativecommons.org/licenses/by-sa/4.0/"><cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction" /><cc:permits rdf:resource="http://creativecommons.org/ns#Distribution" /><cc:requires rdf:resource="http://creativecommons.org/ns#Notice" /><cc:requires rdf:resource="http://creativecommons.org/ns#Attribution" /><cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /><cc:requires rdf:resource="http://creativecommons.org/ns#ShareAlike" /></cc:License></rdf:RDF></metadata><g transform="translate(0,30.231003)"> <path fill="currentColor" style="fill:currentColor;fill-opacity:1;" d="M 96.267236,113.7268 117.50235,-17.740613 h 29.58592 V 149.27758 H 128.47749 V 11.13015 L 105.57158,149.27863 H 86.007257 L 63.102404,11.13015 V 149.27863 H 44.968389 V -17.740613 h 30.062685 z" /> </g> </svg></a>
<a href="svg/logo.svg"><img src="svg/logo.svg" alt="svg/logo.svg"></a>
<a href="svg/logo-compact.svg"><img src="svg/logo-compact.svg" alt="svg/logo-compact.svg"></a>
<a href="svg/logo-light.svg"><img src="svg/logo-light.svg" alt="svg/logo-light.svg"></a>
<a href="svg/logo-compact-light.svg"><img src="svg/logo-compact-light.svg" alt="svg/logo-compact-light.svg"></a>
<a href="png/logo.png"><img src="png/logo.png" alt="png/logo.png"></a>
<a href="png/logo-compact.png"><img src="png/logo-compact.png" alt="png/logo-compact.png"></a>
<a href="png/logo-compact-bg-light.png"><img src="png/logo-compact-bg-light.png" alt="png/logo-compact-bg-light.png"></a>
<a href="png/logo-compact-bg-dark.png"><img src="png/logo-compact-bg-dark.png" alt="png/logo-compact-bg-dark.png"></a>
</div>
</body>
</html>