166 lines
4.9 KiB
HTML
166 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
#background {
|
|
width: 100vw; height: 99vh;
|
|
overflow: hidden; position: fixed;
|
|
|
|
z-index: -5
|
|
}
|
|
|
|
#content {
|
|
width: 80vw; height: 40vh;
|
|
bottom: 40vh; left: 10vw; position: absolute;
|
|
|
|
background-color: white;
|
|
padding: 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="content">
|
|
hello world
|
|
</div>
|
|
|
|
<!-- svg inline background -->
|
|
<svg
|
|
width="544"
|
|
height="480"
|
|
viewBox="0 0 144.933 127.88206"
|
|
version="1.1"
|
|
id="background"
|
|
preserveAspectRatio="xMinYMid"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg"
|
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
|
xmlns:cc="http://creativecommons.org/ns#"
|
|
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
|
<defs
|
|
id="defs375" />
|
|
<g
|
|
id="layer3">
|
|
<rect
|
|
style="fill:#6c5353;stroke-width:0.43834"
|
|
id="backwall"
|
|
width="1092.37112"
|
|
height="551.61058"
|
|
x="-200.9070305"
|
|
y="-10.686806"
|
|
ry="0" />
|
|
<rect
|
|
style="fill:#ac9393;stroke-width:0.264583"
|
|
id="pillar-bar"
|
|
width="62.280296"
|
|
height="137.68019"
|
|
x="37.602772"
|
|
y="-6.1365843" />
|
|
<rect
|
|
style="fill:#ac9393;fill-opacity:1;stroke-width:0.264583"
|
|
id="pillar-misc"
|
|
width="28.625143"
|
|
height="90.074921"
|
|
x="109.02529"
|
|
y="40.138294" />
|
|
</g>
|
|
<g
|
|
id="table"
|
|
style="display:inline"
|
|
transform="matrix(1.2506771,0,0,1,-20.245587,12.95395)">
|
|
<path
|
|
style="fill:#483737;stroke-width:0.264583"
|
|
d="m 98.189832,76.78989 -0.87299,53.2751 H 16.123915 Z"
|
|
id="tableunder" />
|
|
<path
|
|
style="fill:#c8b7b7;stroke-width:0.264916"
|
|
d="m 104.36665,72.814889 0.0788,6.235015 -59.870166,48.253026 -16.578434,0.0324 z"
|
|
id="tableside" />
|
|
<path
|
|
style="fill:#ffd5d5;stroke-width:0.266911"
|
|
d="M -3.3646558,93.456561 62.262814,72.829446 h 42.112346 l -75.2081,55.257954 -32.2092384,1.01227 z"
|
|
id="tabletop" />
|
|
<g
|
|
id="coffee"
|
|
transform="matrix(0.60502174,0,0,1,18.593417,-12.95395)">
|
|
<path
|
|
style="display:inline;fill:none;stroke:#deaa87;stroke-width:0.879434;stroke-dasharray:none;stroke-opacity:1"
|
|
d="m 12.691428,102.47312 c -5.2046328,0.0805 -4.5215339,4.35622 -4.5215339,4.35622 0,0 0.1193135,2.8511 4.4017489,2.78102"
|
|
id="handle" />
|
|
<ellipse
|
|
style="display:inline;fill:#deaa87;stroke-width:0.264583"
|
|
id="bottomround"
|
|
cx="21.450222"
|
|
cy="112.82921"
|
|
rx="9.0396919"
|
|
ry="2.332607" />
|
|
<rect
|
|
style="display:inline;fill:#deaa87;stroke-width:0.264583"
|
|
id="core"
|
|
width="18.073833"
|
|
height="12.612777"
|
|
x="12.414111"
|
|
y="100.2758"
|
|
ry="0"
|
|
clip-path="none" />
|
|
<ellipse
|
|
style="display:inline;fill:#e9c6af;stroke-width:0.264583"
|
|
id="top"
|
|
cx="21.450222"
|
|
cy="100.29991"
|
|
rx="9.0396919"
|
|
ry="2.332607" />
|
|
<ellipse
|
|
style="display:inline;fill:#af6b2d;fill-opacity:1;fill-rule:nonzero;stroke:#deaa87;stroke-width:0.879435;stroke-dasharray:none;stroke-opacity:1"
|
|
id="liquid"
|
|
ry="2.1262455"
|
|
rx="8.3453541"
|
|
cy="101.03384"
|
|
cx="21.623196" />
|
|
</g>
|
|
</g>
|
|
<g
|
|
id="roof">
|
|
<path
|
|
style="fill:#e9afaf;stroke-width:0.264583"
|
|
d="M 114.71952,22.177288 98.602884,22.165183 0.19413528,8.0694297 0.10406598,4.1067049 Z"
|
|
id="under" />
|
|
<path
|
|
style="fill:#f4d7d7;stroke-width:0.264583"
|
|
d="M 0.20310974,4.2953685 114.74878,22.186245 V -2.2396103 L -1.5186464,-2.3282182 Z"
|
|
id="front" />
|
|
</g>
|
|
<metadata
|
|
id="metadata11127">
|
|
<rdf:RDF>
|
|
<cc:Work
|
|
rdf:about="">
|
|
<dc:creator>
|
|
<cc:Agent>
|
|
<dc:title>candycane/etherware</dc:title>
|
|
</cc:Agent>
|
|
</dc:creator>
|
|
<cc:license
|
|
rdf:resource="http://creativecommons.org/licenses/by-nc/4.0/" />
|
|
</cc:Work>
|
|
<cc:License
|
|
rdf:about="http://creativecommons.org/licenses/by-nc/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:prohibits
|
|
rdf:resource="http://creativecommons.org/ns#CommercialUse" />
|
|
<cc:permits
|
|
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
|
|
</cc:License>
|
|
</rdf:RDF>
|
|
</metadata>
|
|
</svg>
|
|
</body>
|
|
</html>
|