@ -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); |
||||
} |
||||
}); |