JoanaChicau
3 years ago
2 changed files with 114 additions and 0 deletions
Binary file not shown.
@ -0,0 +1,114 @@ |
|||
|
|||
<!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;} |
|||
:root { |
|||
--color-gray: #858585; |
|||
--color-whiteish: #fffff4; |
|||
--color-pink: #F557FF; |
|||
--color-yellow: #ffff45; |
|||
--color-green: #099; |
|||
--color-blue: #4a67cf; |
|||
--color-orange: #f96163; |
|||
font-size: 14.6px; |
|||
line-height: 16px; |
|||
} |
|||
@font-face { |
|||
font-family: "Snap" ; |
|||
src: url(font/Snap-itmono-1.6-Regular.otf); |
|||
} |
|||
|
|||
body{ |
|||
background-color: var(--color-whiteish); |
|||
margin-top: calc(6px + 1em); |
|||
font-family: "Snap" ; |
|||
color: var(--color-blue); |
|||
} |
|||
body > a { |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
color: var(--color-whiteish); |
|||
background-color: var(--color-orange); |
|||
width: 100%; |
|||
padding: 3px 10px; |
|||
} |
|||
.filename { |
|||
visibility: hidden; |
|||
} |
|||
h1{ |
|||
font-size: 5rem; |
|||
line-height: 4.5rem; |
|||
margin: 2rem 0rem 4rem 0rem; |
|||
text-shadow: 0.05em 0.05em 0.05em var(--color-orange); |
|||
} |
|||
div{ |
|||
max-width: 520px; |
|||
float: left; |
|||
margin: 1rem; |
|||
padding: 0; |
|||
} |
|||
.html{ |
|||
margin:0 3em; |
|||
} |
|||
li { |
|||
list-style: none; |
|||
} |
|||
.pdf object{ |
|||
width: 400px; |
|||
height: 400px; |
|||
} |
|||
div#folder{ |
|||
float:left; |
|||
margin-right:2em; |
|||
} |
|||
.plain, |
|||
.unkown-file{ |
|||
float:right; |
|||
clear:right; |
|||
} |
|||
img, audio { |
|||
box-shadow: 0.2em 0.2em 0.5em var(--color-green); |
|||
} |
|||
figcaption, |
|||
.filename{ |
|||
font-size:small; |
|||
color: var(--color-green); |
|||
margin:1em; |
|||
word-break: break-word; |
|||
text-transform: uppercase; |
|||
} |
|||
a{ |
|||
font-family: "Snap" ; |
|||
word-break: break-word; |
|||
color: var(--color-blue); |
|||
} |
|||
a:visited { |
|||
color: var(--color-blue); |
|||
} |
|||
blockquote{ |
|||
margin:3em 0; |
|||
padding:0; |
|||
font-style:italic; |
|||
} |
|||
|
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div id="" class="octet-stream"><a href='.DS_Store'>.DS_Store</a><span class="filename">.DS_Store</span></div> |
|||
<div id="Relaxing-spring-birds-chirping" class="mpeg"><audio controls class="audio"><source src="Relaxing-spring-birds-chirping.mp3"></audio><span class="filename">Relaxing-spring-birds-chirping.mp3</span></div> |
|||
<a href="../">../</a> |
|||
|
|||
</body> |
|||
</html> |
Loading…
Reference in new issue