@ -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 |
@ -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 |
||||||
|
|
||||||
|
|
@ -0,0 +1,2 @@ |
|||||||
|
hugo |
||||||
|
scp -r ./public srv@lgoon:~/mstorage/media/sites/lgoon_startpage/ |
@ -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; |
||||||
|
} |
After Width: | Height: | Size: 434 KiB |
After Width: | Height: | Size: 55 KiB |
After Width: | Height: | Size: 90 KiB |
After Width: | Height: | Size: 48 KiB |
After Width: | Height: | Size: 27 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 4.1 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 9.8 KiB |
After Width: | Height: | Size: 5.8 KiB |
After Width: | Height: | Size: 31 KiB |
@ -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); |
||||||
|
} |
||||||
|
}); |