68 lines
1.6 KiB
HTML
68 lines
1.6 KiB
HTML
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<!-- Generated with distribusi https://git.vvvvvvaria.org/varia/distribusi -->
|
||
|
|
<meta name="generator" content="distribusi" />
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||
|
|
<style>
|
||
|
|
.image{max-width: 100%;}
|
||
|
|
.pdf object{width:640px;height: 640px;}
|
||
|
|
.dir::before{content:"📁 ";font-size:18px;}
|
||
|
|
.filename{display:block;font-family:mono;}
|
||
|
|
.unkown-file::before{content:"📄 ";font-size:18px;}
|
||
|
|
div{max-width: 640px;display:inline-block;vertical-align:top;margin:1em;padding:1em;}
|
||
|
|
video {width:640px;max-height:640px;}
|
||
|
|
body{
|
||
|
|
#background-color: pink;
|
||
|
|
}
|
||
|
|
body > a {
|
||
|
|
position: fixed;
|
||
|
|
top: 10px;
|
||
|
|
left: 31px;
|
||
|
|
color:magenta;
|
||
|
|
}
|
||
|
|
div{
|
||
|
|
max-width: 520px;
|
||
|
|
float: left;
|
||
|
|
margin: 2em 0em;
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
.html{
|
||
|
|
margin:0 3em;
|
||
|
|
}
|
||
|
|
.pdf object{
|
||
|
|
width: 400px;
|
||
|
|
height: 400px;
|
||
|
|
}
|
||
|
|
div#folder{
|
||
|
|
float:left;
|
||
|
|
margin-right:2em;
|
||
|
|
}
|
||
|
|
.plain,
|
||
|
|
.unkown-file{
|
||
|
|
float:right;
|
||
|
|
clear:right;
|
||
|
|
}
|
||
|
|
figcaption,
|
||
|
|
.filename{
|
||
|
|
font-size:small;
|
||
|
|
color:magenta;
|
||
|
|
margin:1em;
|
||
|
|
word-break: break-word;
|
||
|
|
}
|
||
|
|
a{
|
||
|
|
word-break: break-word;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="author-unknown-2" class="jpeg"><figure><img class="image" src="author-unknown-2.jpg"><figcaption>author-unknown-2.jpg</figcaption></figure></div>
|
||
|
|
<div id="author-unknown-beforeandafter" class="png"><figure><img class="image" src="author-unknown-beforeandafter.png"><figcaption>author-unknown-beforeandafter.png</figcaption></figure></div>
|
||
|
|
<div id="networking" class="png"><figure><img class="image" src="networking.png"><figcaption>networking.png</figcaption></figure></div>
|
||
|
|
<a href="../">../</a>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|