Initial commit
1
.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
public/*
|
18
config.yml
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
baseURL: 'https://lgoon.xyz/'
|
||||||
|
languageCode: en-us
|
||||||
|
title: 'Lgoon Startpage'
|
||||||
|
theme: tataslate
|
||||||
|
params:
|
||||||
|
# BackgroundImages:
|
||||||
|
# - bg/b1920-000.jpg
|
||||||
|
# - bg/b1920-001.jpg
|
||||||
|
# - bg/b1920-002.jpg
|
||||||
|
# - bg/b1920-003.jpg
|
||||||
|
# - bg/b1920-004.jpg
|
||||||
|
BackgroundStyle: '#000000;'
|
||||||
|
OpenLinksInNewWindow: true
|
||||||
|
Favicon: favicon.ico
|
||||||
|
nav:
|
||||||
|
- name: favorites
|
||||||
|
tag: favorite
|
||||||
|
icon: star
|
56
data/links.yml
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
tiles:
|
||||||
|
-
|
||||||
|
name: nextcloud
|
||||||
|
url: http://lgoon.xyz/cloud
|
||||||
|
img: 'img/nextcloud.svg'
|
||||||
|
tags: ['office']
|
||||||
|
-
|
||||||
|
name: firefly
|
||||||
|
url: https://money.lgoon.xyz/
|
||||||
|
tags: ['money']
|
||||||
|
img: img/firefly.png
|
||||||
|
-
|
||||||
|
name: piwigo
|
||||||
|
url: https://piwigo.lgoon.xyz/
|
||||||
|
tags: ['collection']
|
||||||
|
img: img/piwigo.png
|
||||||
|
-
|
||||||
|
name: pinry
|
||||||
|
url: https://pinry.lgoon.xyz/
|
||||||
|
tags: ['collection']
|
||||||
|
img: img/pinry.png
|
||||||
|
-
|
||||||
|
name: portainer
|
||||||
|
url: http://lgoon:9000/#!/auth
|
||||||
|
tags: ['sysadmin']
|
||||||
|
img: img/portainer.png
|
||||||
|
-
|
||||||
|
name: jellyfin
|
||||||
|
url: https://lgoon.xyz/flix
|
||||||
|
img: 'img/jellyfin.png'
|
||||||
|
tags: ['Media']
|
||||||
|
-
|
||||||
|
name: radarr
|
||||||
|
url: http://lgoon:7878
|
||||||
|
tags: ['Media']
|
||||||
|
img: img/radarr.png
|
||||||
|
-
|
||||||
|
name: sonarr
|
||||||
|
url: http://lgoon:7777
|
||||||
|
tags: ['Media']
|
||||||
|
img: img/sonarr.png
|
||||||
|
-
|
||||||
|
name: lidarr
|
||||||
|
url: http://192.168.1.222:7979/
|
||||||
|
tags: ['Media']
|
||||||
|
img: img/lidarr.png
|
||||||
|
-
|
||||||
|
name: bazarr
|
||||||
|
url: http://lgoon:7676/
|
||||||
|
img: img/bazarr.png
|
||||||
|
-
|
||||||
|
name: transmission
|
||||||
|
url: http://lgoon:9091/
|
||||||
|
img: img/transmission.png
|
||||||
|
|
||||||
|
|
2
publish.sh
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
hugo
|
||||||
|
scp -r ./public srv@lgoon:~/mstorage/media/sites/lgoon_startpage/
|
147
static/css/tataslate.css
Normal file
@ -0,0 +1,147 @@
|
|||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
background-color: #000;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
position:absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
body::-webkit-scrollbar {
|
||||||
|
width: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body::-webkit-scrollbar-track {
|
||||||
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body::-webkit-scrollbar-thumb {
|
||||||
|
background-color: #cccccc;
|
||||||
|
outline: 1px solid #cccccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Code;
|
||||||
|
src: url('fonts/codelight.otf');
|
||||||
|
}
|
||||||
|
|
||||||
|
/*header*/
|
||||||
|
|
||||||
|
|
||||||
|
header {
|
||||||
|
height: 40px;
|
||||||
|
width: 100%;
|
||||||
|
/*border-bottom: 1px solid #e8e8e8;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
#viewmode-switch {
|
||||||
|
position:relative;
|
||||||
|
margin:auto;
|
||||||
|
width:100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vmsb{
|
||||||
|
outline-color: transparent;
|
||||||
|
position:relative;
|
||||||
|
margin-top:2.5px;
|
||||||
|
width: 100px;
|
||||||
|
color: white;
|
||||||
|
font-family: Code;
|
||||||
|
font-size: 22px;
|
||||||
|
height: 34px;
|
||||||
|
border-radius: 30px;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vms {
|
||||||
|
background-color: #d9d9d9;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
transition: background-color 1s;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vmshl {
|
||||||
|
background-color: #4a5d68;
|
||||||
|
transition: background-color 1s;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*content*/
|
||||||
|
|
||||||
|
content {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#container {
|
||||||
|
margin:auto;
|
||||||
|
max-width:948px;
|
||||||
|
margin-top:200px;
|
||||||
|
margin-bottom:40px;
|
||||||
|
transition: height 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cdiv_1 {
|
||||||
|
height:200px;
|
||||||
|
width:200px;
|
||||||
|
border-radius:100%;
|
||||||
|
box-shadow: 0 0 10px black;
|
||||||
|
border: 7px solid #e8e8e8;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right:20px;
|
||||||
|
margin-bottom:40px;
|
||||||
|
opacity:0.5;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cdiv_2{
|
||||||
|
height: 100px;
|
||||||
|
width: 100px;
|
||||||
|
border-radius:100%;
|
||||||
|
box-shadow: 0 0 7px black;
|
||||||
|
border: 3px solid #e8e8e8;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 10px;
|
||||||
|
margin-bottom:20px;
|
||||||
|
opacity:0.5;
|
||||||
|
background-color: #e2e2e2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cdiv_1 img {
|
||||||
|
height:200px;
|
||||||
|
width:200px;
|
||||||
|
border-radius:100%;
|
||||||
|
opacity:0,6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cdiv_2 img {
|
||||||
|
height:100px;
|
||||||
|
width:100px;
|
||||||
|
border-radius:100%;
|
||||||
|
opacity:0,6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cdiv_1:nth-child(4) {
|
||||||
|
margin-right:0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cdiv_1:nth-child(8) {
|
||||||
|
margin-right:0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cdiv_1:nth-child(12) {
|
||||||
|
margin-right:0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cdiv_2:nth-child(8) {
|
||||||
|
margin-right:0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cdiv_2:nth-child(16) {
|
||||||
|
margin-right:0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cdiv_2:nth-child(24) {
|
||||||
|
margin-right:0px;
|
||||||
|
}
|
BIN
static/fonts/FontAwesome.otf
Normal file
BIN
static/fonts/fontawesome-webfont.eot
Normal file
2671
static/fonts/fontawesome-webfont.svg
Normal file
After Width: | Height: | Size: 434 KiB |
BIN
static/fonts/fontawesome-webfont.ttf
Normal file
BIN
static/fonts/fontawesome-webfont.woff
Normal file
BIN
static/fonts/fontawesome-webfont.woff2
Normal file
BIN
static/img/bazarr.png
Normal file
After Width: | Height: | Size: 55 KiB |
BIN
static/img/firefly.png
Normal file
After Width: | Height: | Size: 90 KiB |
BIN
static/img/jellyfin.png
Normal file
After Width: | Height: | Size: 48 KiB |
BIN
static/img/lidarr.png
Normal file
After Width: | Height: | Size: 27 KiB |
3
static/img/nextcloud.svg
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
static/img/pinry.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
static/img/piwigo.png
Normal file
After Width: | Height: | Size: 4.1 KiB |
BIN
static/img/portainer.png
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
static/img/radarr.png
Normal file
After Width: | Height: | Size: 9.8 KiB |
BIN
static/img/sonarr.png
Normal file
After Width: | Height: | Size: 5.8 KiB |
BIN
static/img/transmission.png
Normal file
After Width: | Height: | Size: 31 KiB |
1
static/js/jq.min.js
vendored
Normal file
34
static/js/tataslate.js
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
$(document).ready(function () {
|
||||||
|
|
||||||
|
|
||||||
|
//Content Fade
|
||||||
|
|
||||||
|
|
||||||
|
$('.cdiv_1,.cdiv_2').mouseenter(function test2() {
|
||||||
|
$(this).stop(true,true).fadeTo(280 , 1);
|
||||||
|
});
|
||||||
|
$('.cdiv_1,.cdiv_2').mouseleave(function test3(){
|
||||||
|
$(this).stop(true,true).fadeTo(600,0.6);
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
//Change View Mode
|
||||||
|
|
||||||
|
$('input.vms').click(function test1() {
|
||||||
|
$('#container>div#here').stop(true, true).fadeTo(500,0);
|
||||||
|
setTimeout(cdivclass,510);
|
||||||
|
setTimeout(c_fadein,550);
|
||||||
|
$(this).toggleClass('vms');
|
||||||
|
$(this).toggleClass('vmshl');
|
||||||
|
$('#viewmode-switch').css('margin', 'auto');
|
||||||
|
});
|
||||||
|
|
||||||
|
function cdivclass() {
|
||||||
|
$('#container>div#here').toggleClass('cdiv_1');
|
||||||
|
$('#container>div#here').toggleClass('cdiv_2');
|
||||||
|
};
|
||||||
|
|
||||||
|
function c_fadein() {
|
||||||
|
$('#container>div#here').stop(true,true).fadeTo(500,0.5);
|
||||||
|
}
|
||||||
|
});
|