Original Theme
Akamaru
BIN
home/books-new.png
Normal file
|
After Width: | Height: | Size: 7.7 KiB |
BIN
home/books.png
Normal file
|
After Width: | Height: | Size: 4.3 KiB |
BIN
home/comics-new.png
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
home/comics.png
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
home/documents-new.png
Normal file
|
After Width: | Height: | Size: 7.8 KiB |
BIN
home/documents.png
Normal file
|
After Width: | Height: | Size: 3.8 KiB |
BIN
home/file.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
home/files.png
Normal file
|
After Width: | Height: | Size: 3.6 KiB |
193
home/homepage.css
Normal file
@@ -0,0 +1,193 @@
|
||||
body {
|
||||
background-color: red;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-color: white;
|
||||
font-family: "Arial";
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #444444;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
a img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
#userinfo {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 76px;
|
||||
font-family: "Arial";
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
color: #888888;
|
||||
}
|
||||
|
||||
#message {
|
||||
color: #444444;
|
||||
font-family: "Arial";
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#poweredby {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding-top: 20px;
|
||||
margin-top: 80px;
|
||||
border-top: 1px #CCCCCC solid;
|
||||
;
|
||||
color: grey;
|
||||
font-family: "Arial";
|
||||
font-size: 13px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#logoutlink {
|
||||
color: #888888;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#group {
|
||||
display: inline-block;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.cell {
|
||||
float: left;
|
||||
width: 200px;
|
||||
height: 220px;
|
||||
}
|
||||
|
||||
.category-title {
|
||||
position:relative;
|
||||
display: inline-block;
|
||||
color: grey;
|
||||
font-size: 24px;
|
||||
font-weight:bold;
|
||||
text-align: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.category-title .tooltip {
|
||||
visibility: hidden;
|
||||
width: 140px;
|
||||
background-color: grey;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
border-radius: 6px;
|
||||
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
bottom: 125%;
|
||||
left: 50%;
|
||||
margin-left: -70px;
|
||||
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
|
||||
.category-title .tooltip::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: grey transparent transparent transparent;
|
||||
}
|
||||
|
||||
.category-title:hover .tooltip {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.category {
|
||||
display: inline-block;
|
||||
background-color: #EEEEEE;
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
border-radius: 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 90px 90px;
|
||||
}
|
||||
|
||||
.category-latest {
|
||||
box-shadow: inset 0 0 0 6px white;
|
||||
position:relative;
|
||||
display: inline-block;
|
||||
background-color: #EEEEEE;
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
top: -50px;
|
||||
left: 50px;
|
||||
border-radius: 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 60px 60px;
|
||||
}
|
||||
|
||||
#comics {
|
||||
background-image: url('{{rootPath}}/theme/home/comics.png');
|
||||
}
|
||||
|
||||
#latest-comics {
|
||||
background-image: url('{{rootPath}}/theme/home/comics-new.png');
|
||||
}
|
||||
|
||||
#books {
|
||||
background-image: url('{{rootPath}}/theme/home/books.png');
|
||||
}
|
||||
|
||||
#latest-books {
|
||||
background-image: url('{{rootPath}}/theme/home/books-new.png');
|
||||
}
|
||||
|
||||
#magazines {
|
||||
background-image: url('{{rootPath}}/theme/home/magazines.png');
|
||||
}
|
||||
|
||||
#latest-magazines {
|
||||
background-image: url('{{rootPath}}/theme/home/magazines-new.png');
|
||||
}
|
||||
|
||||
#documents {
|
||||
background-image: url('{{rootPath}}/theme/home/documents.png');
|
||||
}
|
||||
|
||||
#latest-documents {
|
||||
background-image: url('{{rootPath}}/theme/home/documents-new.png');
|
||||
}
|
||||
|
||||
#others {
|
||||
background-image: url('{{rootPath}}/theme/home/others.png');
|
||||
}
|
||||
|
||||
#latest-others {
|
||||
background-image: url('{{rootPath}}/theme/home/others-new.png');
|
||||
}
|
||||
|
||||
#files {
|
||||
background-image: url('{{rootPath}}/theme/home/files.png');
|
||||
}
|
||||
|
||||
#banner {
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
height: 100px;
|
||||
width: 100%;
|
||||
margin-bottom: 60px;
|
||||
border-bottom: 1px #CCCCCC solid;
|
||||
background-image: url('{{rootPath}}/theme/common/banner.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 20px;
|
||||
}
|
||||
BIN
home/magazines-new.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
home/magazines.png
Normal file
|
After Width: | Height: | Size: 9.6 KiB |
BIN
home/others-new.png
Normal file
|
After Width: | Height: | Size: 7.6 KiB |
BIN
home/others.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
63
home/page-home.html
Normal file
@@ -0,0 +1,63 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
{{>common/inc-header.html}}
|
||||
<link rel="stylesheet" type="text/css" href="{{rootPath}}/theme/home/homepage.css"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="banner"></div>
|
||||
|
||||
{{#userName}}
|
||||
<div id="userinfo">
|
||||
Connected as {{userName}} - <a href="{{rootPath}}/?logout=true" id="logoutlink">Log out</a>
|
||||
</div>
|
||||
{{/userName}}
|
||||
|
||||
<div id="group">
|
||||
|
||||
{{#categories}}
|
||||
<div class="cell">
|
||||
<div class="category-title">
|
||||
{{categoryName}}
|
||||
<div class="tooltip">
|
||||
{{categoryItemCount}} entries
|
||||
</div>
|
||||
<i></i>
|
||||
</div>
|
||||
<a href="{{categoryUrl}}" id="{{categoryId}}" class="category"></a>
|
||||
<div class="category-latest-gap">
|
||||
<a href="{{categoryLatestUrl}}" id="{{categoryLatestId}}" class="category-latest"></a>
|
||||
</div>
|
||||
</div>
|
||||
{{/categories}}
|
||||
|
||||
{{#displayRawFiles}}
|
||||
<div class="cell">
|
||||
<div class="category-title">
|
||||
Raw files
|
||||
</div>
|
||||
<a href="{{rawFilesUrl}}" id="files" class="category"></a>
|
||||
</div>
|
||||
{{/displayRawFiles}}
|
||||
|
||||
{{#displayNoFileMessage}}
|
||||
<div id="message">
|
||||
No file to display.
|
||||
<br><br>
|
||||
If you just installed Ubooquity, you need to configure it by choosing the folders you want to include in your
|
||||
collection.
|
||||
<br>
|
||||
If user access management is activated, check that you configured authorizations for each folder included in
|
||||
your collection.
|
||||
</div>
|
||||
{{/displayNoFileMessage}}
|
||||
|
||||
</div>
|
||||
<br/>
|
||||
<br/>
|
||||
<a href="http://vaemendis.net/ubooquity" id="poweredby">Powered by Ubooquity</a>
|
||||
</body>
|
||||
|
||||
</html>
|
||||