mostly startpage

This commit is contained in:
Markus Dieckmann 2019-04-05 11:12:27 +02:00
parent 569a8969c9
commit aa6d6097f0
18 changed files with 903 additions and 864 deletions

View File

@ -1,11 +0,0 @@
<svg version="1.1" viewBox="0 0 364 64" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(7.7458 79.073)">
<g transform="matrix(.99454 0 0 .99454 -1513.9 -281.93)" fill="#ededed" stroke-width="1.3687">
<g stroke-width="1.3687">
<path id="path6019-8-6-5-4-5-4" d="m1546.8 203.97c-17.743 0-32.176 14.433-32.176 32.176 0 17.743 14.433 32.176 32.176 32.176s32.176-14.433 32.176-32.176c0-17.743-14.433-32.176-32.176-32.176zm0 4.8218c15.139 0 27.367 12.215 27.367 27.354s-12.228 27.354-27.367 27.354c-15.139 0-27.354-12.215-27.354-27.354s12.215-27.354 27.354-27.354z" color="#000000" style="text-decoration-line:none;text-indent:0;text-transform:none"/>
<path transform="matrix(.73464 0 0 .73464 1507.3 196.63)" d="m68.422 35.85c-1.7875-0.06697-4.4958 1.3376-6.9316 3.7598l-5.25 5.2207-15.734-5.2832-3.0684 3.168 11.863 9.0156-2.6523 2.6387c-0.94054 0.9353-1.7127 1.9132-2.332 2.8711l-7.1484-0.5332-1.7441 1.7676 7.1094 5.2637 5.1973 7.0957 1.752-1.7559-0.52734-7.2188c0.90045-0.5899 1.8193-1.3222 2.7051-2.2031l2.793-2.7773 9.1035 11.955 3.168-3.0684-5.3086-15.811 5.0859-5.0566c3.2477-3.2297 4.7436-7.0098 3.3555-8.4746-0.34704-0.36621-0.83971-0.55189-1.4355-0.57422z"/>
</g>
<path id="path7897-3-6-3-9" transform="matrix(.73464 0 0 .73464 1507.3 196.63)" d="m229.85 25.346c-2.6013 0-4.9793 0.29603-7.209 0.89062-12.115 3.3446-18.061 15.013-17.764 26.385 0.37162 11.595 7.1355 22.893 20.439 25.123 1.5608 0.29728 3.2709 0.44542 5.0547 0.37109 1.8581 0.07432 3.6422-0.14815 5.3516-0.37109 14.344-2.4527 21.553-14.569 21.33-26.609-0.22296-11.149-6.9127-22.148-20.291-25.047-2.1554-0.44594-4.4595-0.74219-6.9121-0.74219zm-56.74 0.37109c-10.926-0.37163-21.554 5.6492-26.459 16.129-6.5405 14.047-1.412 27.871 12.338 34.932 6.1689 3.2702 21.927 3.9396 30.994-4.459l-4.4609-4.9805c-6.5405 4.9797-15.012 7.0599-22.816 3.3438-10.257-4.8311-14.642-15.755-9.8106-26.012 3.6418-7.6554 12.114-12.784 20.141-12.486 2.8986 0.07432 9.0681 1.7081 10.555 3.7148l5.2031-4.6816c-1.8581-1.7094-2.2311-2.0062-4.6094-3.1211h-0.0742c-3.4933-1.6351-7.3581-2.2303-11-2.3789zm128.04 0c-10.926-0.37163-21.554 5.6492-26.459 16.129-6.5405 14.047-1.4122 27.871 12.338 34.932 6.1689 3.2702 21.925 3.9396 30.992-4.459l-4.459-4.9805c-6.5406 4.9797-15.012 7.0599-22.816 3.3438-10.257-4.8311-14.644-15.755-9.8125-26.012 3.6418-7.6554 12.115-12.784 20.143-12.486 2.8986 0.07432 9.0682 1.7081 10.555 3.7148l5.2012-4.6816c-1.8581-1.7094-2.2291-2.0062-4.6074-3.1211h-0.0742c-3.4932-1.6351-7.3582-2.2303-11-2.3789zm145.98 0.51953 0.0762 51.582h6.6894l-0.0762-51.582zm-51.055 0.22266v51.359l6.9121-0.15039v-22.223l7.8047-0.07422c20.29 0.14866 20.068-29.21 0.66992-28.838zm77.93 0.44727v5.9453l13.527 0.07422-0.22461 44.893v0.14844l6.9141-0.07422 0.22266-44.967 13.525-0.07422v-5.9453zm-137.52 0.07422v51.135h6.9121v-26.758l24.525 26.758h8.5488l-25.121-27.129 20.66-24.006h-8.3984l-20.215 24.08v-24.08zm-107.15 4.3105c2.0067 0 3.8648 0.22224 5.5 0.51953 9.7364 2.1554 14.642 10.258 15.014 18.582 0.37161 9.5135-4.9792 19.398-15.607 21.182-1.1893 0.22295-2.4533 0.37109-3.7168 0.37109-1.5608 0-2.9727-0.14804-4.2363-0.44531-8.9932-2.0068-13.825-10.183-14.42-18.656-0.59458-8.9189 3.4193-18.061 12.189-20.736 1.5608-0.52027 3.345-0.81641 5.2774-0.81641zm173.66 1.2637 8.3984 0.07422c10.331 0.22298 9.5139 16.648-0.3711 16.648h-8.0273z"/>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.2 KiB

View File

@ -1,402 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://web.resource.org/cc/"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="48px"
height="48px"
id="svg3440"
sodipodi:version="0.32"
inkscape:version="0.45"
sodipodi:docbase="/home/zach/deluge/trunk"
sodipodi:docname="deluge.svg"
inkscape:export-filename="/home/zach/deluge.png"
inkscape:export-xdpi="480"
inkscape:export-ydpi="480"
inkscape:output_extension="org.inkscape.output.svg.inkscape"
sodipodi:modified="TRUE">
<defs
id="defs3">
<linearGradient
inkscape:collect="always"
id="linearGradient2973">
<stop
style="stop-color:#eeeeec;stop-opacity:1;"
offset="0"
id="stop2975" />
<stop
style="stop-color:#eeeeec;stop-opacity:0;"
offset="1"
id="stop2977" />
</linearGradient>
<linearGradient
id="linearGradient4126">
<stop
style="stop-color:#ffffff;stop-opacity:1.0000000;"
offset="0.0000000"
id="stop4128" />
<stop
style="stop-color:#ffffff;stop-opacity:0.16494845;"
offset="1.0000000"
id="stop4130" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient4114">
<stop
style="stop-color:#000000;stop-opacity:1;"
offset="0"
id="stop4116" />
<stop
style="stop-color:#000000;stop-opacity:0;"
offset="1"
id="stop4118" />
</linearGradient>
<linearGradient
id="linearGradient3962">
<stop
style="stop-color:#d3e9ff;stop-opacity:1.0000000;"
offset="0.0000000"
id="stop3964" />
<stop
style="stop-color:#d3e9ff;stop-opacity:1.0000000;"
offset="0.15517241"
id="stop4134" />
<stop
style="stop-color:#4074ae;stop-opacity:1.0000000;"
offset="0.75000000"
id="stop4346" />
<stop
style="stop-color:#36486c;stop-opacity:1.0000000;"
offset="1.0000000"
id="stop3966" />
</linearGradient>
<radialGradient
r="13.994944"
fy="33.506763"
fx="-10.089286"
cy="33.506763"
cx="-10.089286"
gradientTransform="matrix(1,0,0,0.791446,-14.01786,-11.28667)"
gradientUnits="userSpaceOnUse"
id="radialGradient4019"
xlink:href="#linearGradient3993"
inkscape:collect="always" />
<radialGradient
r="14.057444"
fy="31.329016"
fx="-10.323107"
cy="31.329016"
cx="-10.323107"
gradientTransform="matrix(1,0,0,0.792374,-19.58761,2.818569)"
gradientUnits="userSpaceOnUse"
id="radialGradient4004"
xlink:href="#linearGradient3993"
inkscape:collect="always" />
<radialGradient
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1,0,0,0.792374,0,6.785475)"
r="14.057444"
fy="31.329016"
fx="-10.323107"
cy="31.329016"
cx="-10.323107"
id="radialGradient3999"
xlink:href="#linearGradient3993"
inkscape:collect="always" />
<radialGradient
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.341185,-0.153831,1.08001,2.395374,-15.42222,-25.62103)"
r="13.994946"
fy="24.241488"
fx="61.662098"
cy="24.241488"
cx="61.662098"
id="radialGradient3943"
xlink:href="#linearGradient1312"
inkscape:collect="always" />
<linearGradient
id="linearGradient1312">
<stop
id="stop1314"
offset="0"
style="stop-color:#ffffff;stop-opacity:1;" />
<stop
id="stop1316"
offset="1"
style="stop-color:#ffffff;stop-opacity:0;" />
</linearGradient>
<linearGradient
id="linearGradient3993">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop3995" />
<stop
style="stop-color:#000000;stop-opacity:0"
offset="1"
id="stop3997" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient2973"
id="radialGradient3866"
cx="-22.375"
cy="18.499998"
fx="-22.375"
fy="18.499998"
r="14.33462"
gradientTransform="matrix(1,0,0,1.140022,40.17678,1.347091)"
gradientUnits="userSpaceOnUse" />
<radialGradient
gradientUnits="userSpaceOnUse"
r="12.289036"
fy="63.965388"
fx="15.115514"
cy="63.965388"
cx="15.115514"
gradientTransform="scale(1.643990,0.608276)"
id="radialGradient5000"
xlink:href="#linearGradient4114"
inkscape:collect="always" />
<linearGradient
id="linearGradient4989">
<stop
id="stop4991"
offset="0.0000000"
style="stop-color:#d3e9ff;stop-opacity:1.0000000;" />
<stop
id="stop4993"
offset="0.15517241"
style="stop-color:#d3e9ff;stop-opacity:1.0000000;" />
<stop
id="stop4995"
offset="0.75000000"
style="stop-color:#4074ae;stop-opacity:1.0000000;" />
<stop
id="stop4997"
offset="1.0000000"
style="stop-color:#36486c;stop-opacity:1.0000000;" />
</linearGradient>
<linearGradient
id="linearGradient4977">
<stop
id="stop4979"
offset="0.0000000"
style="stop-color:#ffffff;stop-opacity:1.0000000;" />
<stop
id="stop4981"
offset="1.0000000"
style="stop-color:#ffffff;stop-opacity:0.16494845;" />
</linearGradient>
<linearGradient
id="linearGradient4825"
inkscape:collect="always">
<stop
id="stop4827"
offset="0"
style="stop-color:#ffffff;stop-opacity:1;" />
<stop
id="stop4829"
offset="1"
style="stop-color:#ffffff;stop-opacity:0;" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient4114"
id="radialGradient6090"
gradientUnits="userSpaceOnUse"
gradientTransform="scale(1.64399,0.608276)"
cx="15.115514"
cy="63.965388"
fx="15.115514"
fy="63.965388"
r="12.289036" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient4825"
id="radialGradient6098"
gradientUnits="userSpaceOnUse"
cx="12.071323"
cy="12.493138"
fx="12.071323"
fy="12.493138"
r="6.7175145" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient2973"
id="radialGradient6103"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.25463,-0.898371,0.979785,0.277703,-18.00903,32.03312)"
cx="17.903898"
cy="40.159222"
fx="17.903898"
fy="40.159222"
r="14.33681" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient2973"
id="radialGradient6106"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.583269,-0.431533,0.577146,0.78008,-5.80022,4.004109)"
cx="12.525543"
cy="38.09042"
fx="12.525543"
fy="38.09042"
r="14.33681" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient1312"
id="radialGradient6109"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.768231,1.13675,-0.820972,0.554824,-3.72248,-85.07126)"
cx="65.800331"
cy="27.16758"
fx="65.800331"
fy="27.16758"
r="12.972491" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient4989"
id="radialGradient6115"
cx="16.651781"
cy="32.187485"
fx="16.651781"
fy="32.187485"
r="17.089519"
gradientTransform="matrix(1.486175,-1.536108,0.932321,0.902016,-38.10476,31.42646)"
gradientUnits="userSpaceOnUse" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="0.17254902"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="8"
inkscape:cx="36.250498"
inkscape:cy="38.275489"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:grid-bbox="true"
inkscape:document-units="px"
inkscape:window-width="1266"
inkscape:window-height="944"
inkscape:window-x="124"
inkscape:window-y="52"
inkscape:showpageshadow="false" />
<metadata
id="metadata4">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title>Internet Category</dc:title>
<dc:creator>
<cc:Agent>
<dc:title>Jakub Steiner</dc:title>
</cc:Agent>
</dc:creator>
<dc:contributor>
<cc:Agent>
<dc:title>Tuomas Kuosmanen</dc:title>
</cc:Agent>
</dc:contributor>
<cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/2.0/" />
<dc:source>http://jimmac.musichall.cz</dc:source>
<dc:subject>
<rdf:Bag>
<rdf:li>internet</rdf:li>
<rdf:li>tools</rdf:li>
<rdf:li>applications</rdf:li>
<rdf:li>category</rdf:li>
</rdf:Bag>
</dc:subject>
</cc:Work>
<cc:License
rdf:about="http://creativecommons.org/licenses/by-sa/2.0/">
<cc:permits
rdf:resource="http://web.resource.org/cc/Reproduction" />
<cc:permits
rdf:resource="http://web.resource.org/cc/Distribution" />
<cc:requires
rdf:resource="http://web.resource.org/cc/Notice" />
<cc:requires
rdf:resource="http://web.resource.org/cc/Attribution" />
<cc:permits
rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
<cc:requires
rdf:resource="http://web.resource.org/cc/ShareAlike" />
</cc:License>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:label="Layer 1"
inkscape:groupmode="layer">
<path
sodipodi:type="arc"
style="fill:url(#radialGradient6090);fill-opacity:1;stroke:none;stroke-opacity:1"
id="path4112"
sodipodi:cx="24.849752"
sodipodi:cy="38.908627"
sodipodi:rx="20.203051"
sodipodi:ry="7.4751287"
d="M 45.052803 38.908627 A 20.203051 7.4751287 0 1 1 4.6467018,38.908627 A 20.203051 7.4751287 0 1 1 45.052803 38.908627 z"
transform="matrix(0.947409,0,0,1.17786,1.244375,-6.853427)"
inkscape:export-xdpi="480"
inkscape:export-ydpi="480" />
<path
style="fill:url(#radialGradient6115);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.07523891px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 23.942923,0.9561338 L 37.330543,18.266721 C 46.998995,29.84687 41.49692,43.923891 26.7742,45.000491 C 6.0597413,45.582655 6.5086231,27.37483 11.255313,18.609381 L 23.942923,0.9561338 z "
id="path2069"
sodipodi:nodetypes="ccccc" />
<path
style="fill:#1b4075;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.07523891px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 35.111358,26.143133 C 28.972772,13.030586 17.560684,17.697957 17.274449,26.949974 C 16.894738,39.223415 34.748874,37.615429 36.715244,41.468778 C 28.821643,47.675479 14.973233,45.226508 10.962289,39.715204 C 6.9574776,34.212326 7.2383598,25.630263 10.784249,19.587632 C 24.158625,0.978654 39.749127,24.383766 35.111358,26.143133 z "
id="path2969"
sodipodi:nodetypes="cscscc" />
<path
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:white;stroke-width:1.1000706;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.36612022"
d="M 23.996861,3.5433428 L 36.057351,19.151045 C 44.769741,29.58253 39.419346,42.414092 26.125181,43.508521 C 7.3917365,44.015286 7.4275065,28.119221 12.17284,20.333442 L 23.996861,3.5433428 z "
id="path2071"
sodipodi:nodetypes="ccccc" />
<path
style="opacity:0.46;fill:url(#radialGradient6109);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.07523891px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 23.940758,0.96491709 L 34.727367,14.909752 C 42.647208,24.392311 40.447304,20.283975 28.362481,21.278846 C 25.083165,11.203805 18.13871,11.859899 13.523802,15.675236 L 23.940758,0.96491709 z "
id="path3945"
sodipodi:nodetypes="ccccc" />
<path
style="fill:url(#radialGradient6106);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.07523891px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 35.159701,26.173667 C 29.021115,13.06112 18.734027,17.978491 18.447792,27.230508 C 18.068081,39.503949 34.797217,37.645963 36.763587,41.499312 C 28.869986,47.706013 15.021576,45.257042 11.010632,39.745738 C 7.0058197,34.24286 7.2867027,25.660797 10.832592,19.618166 C 24.206968,1.0091879 39.79747,24.4143 35.159701,26.173667 z "
id="path3868"
sodipodi:nodetypes="cscscc" />
<path
style="fill:url(#radialGradient6103);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.07523891px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 35.120795,26.14195 C 28.553327,12.814962 15.685968,17.224233 15.399733,26.47625 C 15.020022,38.749691 32.874158,37.141705 34.840528,40.995054 C 26.946927,47.201755 13.098517,44.752784 9.0875727,39.24148 C 5.0827617,33.738602 5.3636437,25.156539 8.9095327,19.113908 C 22.315509,0.47615954 40.03233,23.660113 35.120795,26.14195 z "
id="path4874"
sodipodi:nodetypes="cscscc" />
<path
transform="matrix(-0.829136,1.052307,1.239307,7.58326e-2,26.32898,25.58605)"
inkscape:r_cy="true"
inkscape:r_cx="true"
d="M 18.788838 12.493138 A 6.7175145 6.7175145 0 1 1 5.3538089,12.493138 A 6.7175145 6.7175145 0 1 1 18.788838 12.493138 z"
sodipodi:ry="6.7175145"
sodipodi:rx="6.7175145"
sodipodi:cy="12.493138"
sodipodi:cx="12.071323"
id="path4941"
style="opacity:0.21999996;color:black;fill:url(#radialGradient6098);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
sodipodi:type="arc" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 15 KiB

187
startpage/dome.js Normal file
View File

@ -0,0 +1,187 @@
/*
*
* @licstart The following is the entire license notice for the
* JavaScript code in this page.
*
* Copyright (C) 2018 Jaume Fuster i Claris
*
*
* The JavaScript code in this page is free software: you can
* redistribute it and/or modify it under the terms of the GNU
* General Public License (GNU GPL) as published by the Free Software
* Foundation, either version 3 of the License, or (at your option)
* any later version. The code is distributed WITHOUT ANY WARRANTY;
* without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
*
* As additional permission under GNU GPL version 3 section 7, you
* may distribute non-source (e.g., minimized or compacted) forms of
* that code without the copy of the GNU GPL normally required by
* section 4, provided you include this license notice and a URL
* through which recipients can access the Corresponding Source.
*
* @licend The above is the entire license notice
* for the JavaScript code in this page.
*
*/
// "Thus, programs must be written for people to read, and only incidentally for machines to execute."
// TODO: Commenting.
// ---------- CONFIGURATION ----------
// div.innerHTML : {a.innerHTML : a.href}
var sites = {
"E-Mail": {
"GMail" : "https://mail.google.com/mail/u/0/",
"Posteo" : "https://www.posteo.de",
"edata" : "https://mail.edatasystems.de"
},
"Work": {
"TFS" : "http://192.168.30.70:8080/tfs",
"wiki" : "http://192.168.0.10:83",
"ds.de/admin" : "http://192.168.100.55/administrator",
"mari" : "https://mari.edatasystems.de"
},
"Social": {
"WhatsApp" : "https://web.whatsapp.com",
"Telegram" : "https://web.telegram.com",
"discord" : "https://discordapp.com/channels/@me",
"YouTube" : "https://www.youtube.com/",
},
"Games": { // To find the game ID check the url in the store page or the community page
"CS:GO" : "steam://run/730",
"Besiege" : "steam://run/346010",
"Rust" : "steam://run/252490",
"Insurgency" : "steam://run/222880",
"West of Loathing" : "steam://run/597220",
"POSTAL 2" : "steam://run/223470"
},
"News": {
"worldnews" : "https://reddit.com/r/worldnews",
"golem" : "https://www.golem.de/",
"heise" : "https://www.heise.de/",
"WAZ" : "http://www.waz.de",
"FAZ" : "http://www.faz.net",
"HackerNews" : "https://news.ycombinator.com/"
},
"Programming": {
"/r/programming" : "https://reddit.com/r/programming",
"Github" : "https://github.com/",
"gisthub" : "https://gist.github.com/",
"regex101" : "https://regex101.com/",
"extensions" : "http://extensionmethod.net/csharp"
},
"reddit": {
"linux" : "https://reddit.com/r/linux",
"thinkpad" : "https://reddit.com/r/thinkpad",
"unixporn" : "https://reddit.com/r/unixporn",
"games" : "https://reddit.com/r/games",
"switchhaxing" : "https://reddit.com/r/switchhaxing",
"switchhacks" : "https://reddit.com/r/switchhacks",
}
};
var search = {
"default": "https://google.com/search",
"d": "https://duckduckgo.com/",
"s": "https://startpage.com/do/search"
};
var pivotmatch = 0;
var totallinks = 0;
var prevregexp = "";
// ---------- BUILD PAGE ----------
function matchLinks(regex = prevregexp) {
totallinks = 0;
pivotmatch = regex == prevregexp ? pivotmatch : 0;
prevregexp = regex;
pivotbuffer = pivotmatch;
p = document.getElementById("links");
while (p.firstChild) {
p.removeChild(p.firstChild);
}
if (regex.charAt(1) == ' ' && search.hasOwnProperty(regex.charAt(0))) {
document.getElementById("action").action = search[regex.charAt(0)];
document.getElementById("action").children[0].name = "q";
} else {
match = new RegExp(regex ? regex : ".", "i");
gmatches = false; // kinda ugly, rethink
for (i = 0; i < Object.keys(sites).length; i++) {
matches = false;
sn = Object.keys(sites)[i];
section = document.createElement("div");
section.id = sn;
section.innerHTML = sn;
section.className = "section";
inner = document.createElement("div");
for (l = 0; l < Object.keys(sites[sn]).length; l++) {
ln = Object.keys(sites[sn])[l];
if (match.test(ln)) {
link = document.createElement("a");
link.href = sites[sn][ln];
link.innerHTML = ln;
if (!pivotbuffer++ && regex != "") {
link.className = "selected";
document.getElementById("action").action = sites[sn][ln];
document.getElementById("action").children[0].removeAttribute("name");
}
inner.appendChild(link);
matches = true;
gmatches = true;
totallinks++;
}
}
section.appendChild(inner);
matches ? p.appendChild(section) : false;
}
if (!gmatches || regex == "") {
document.getElementById("action").action = search["default"];
document.getElementById("action").children[0].name = "q";
}
}
document.getElementById("main").style.height = document.getElementById("main").children[0].offsetHeight+"px";
}
document.onkeydown = function(e) {
switch (e.keyCode) {
case 38:
pivotmatch = pivotmatch >= 0 ? 0 : pivotmatch + 1;
matchLinks();
break;
case 40:
pivotmatch = pivotmatch <= -totallinks + 1 ? -totallinks + 1 : pivotmatch - 1;
matchLinks();
break;
default:
break;
}
document.getElementById("action").children[0].focus();
}
document.getElementById("action").children[0].onkeypress = function(e) {
if (e.key == "ArrowDown" || e.key == "ArrowUp") {
return false;
}
}
function displayClock() {
now = new Date();
clock = (now.getHours() < 10 ? "0"+now.getHours() : now.getHours())+":"
+(now.getMinutes() < 10 ? "0"+now.getMinutes() : now.getMinutes())+":"
+(now.getSeconds() < 10 ? "0"+now.getSeconds() : now.getSeconds());
document.getElementById("clock").innerHTML = clock;
}
window.onload = matchLinks();
document.getElementById("action").onsubmit = function() {
svalue = this.children[0].value;
if (svalue.charAt(1) == ' ' && search.hasOwnProperty(svalue.charAt(0))) {
this.children[0].value = svalue.substring(2);
}
return true;
}
displayClock();
setInterval(displayClock, 1000);

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

View File

@ -0,0 +1,43 @@
Copyright 2011 The Montserrat Project Authors (https://github.com/JulietaUla/Montserrat)
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others.
The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the copyright statement(s).
"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment.
"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission.
5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

View File

@ -1,264 +1,71 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html>
<head> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Home</title> <title>home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.css">
<link href="favicon.png" rel="shortcut icon" type="image/x-icon" />
<script src="dome.js" defer></script>
<style type="text/css"> <style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono'); body > div#main > span > div#static_links {
height: 30px;
body {
background-color: #4b6855;
margin: 0px;
} }
.container { body > div#main > span > form > input {
width: 100%; border: none;
height: 100vh; height: 50px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
} }
#clock { div#links > div.section {
font-family: sans-serif;
font-size: 4.5rem;
font-weight: 600;
font-family: "Roboto Mono";
color: #fff;
margin-bottom: .25em;
}
#search {
width: 100%;
height: 100vh;
background-color: #272727;
display: none;
position: absolute;
box-sizing: border-box;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 0;
}
#search-field {
width: 90%;
padding: .75em 1em;
box-sizing: border-box;
background-color: #272727;
border: solid 0px #272727;
font-family: "Roboto Mono";
font-size: 4rem;
color: #f2f2f2;
outline: none;
border-radius: 3px;
margin-bottom: 1em;
text-align: center;
}
.weather-container {
width: 30%;
background-color: #272727;
padding: 1em;
border-radius: 3px;
font-family: "Roboto Mono";
color: #fff;
text-align: center;
}
.inline {
display: inline-block; display: inline-block;
}
.bookmark-container {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
margin: 1em 0em;
}
@media only screen and (max-width: 1480px) {
.container {
height: auto;
}
#clock {
margin-top: 1em;
}
.container>.bookmark-container {
flex-wrap: wrap;
width: 80%;
}
.bookmark-container>.bookmark-set {
width: auto;
margin: 1em 0.5em;
}
}
.bookmark-set {
padding: 1em;
background-color: #272727;
border-radius: 3px;
font-family: "Roboto Mono";
font-size: 1.35rem;
height: auto;
margin: 0em .5em;
transition:box-shadow 100ms ease-in-out;
z-index: 0;
}
.bookmark-set:hover {
box-shadow: 0 0 8px rgba(255,255,255,0.6);
z-index: 1;
}
.bookmark-inner-container {
overflow-y: visible;
overflow-x: visible;
height: 80%;
vertical-align: top; vertical-align: top;
height: 200px;
width: 300px;
margin: 2px;
} }
.bookmark-title { div#links > div.section > div {
font-size: 1.1rem; padding: 15px;
font-weight: 600;
color: #fff;
margin: 0em 0em .35em 0em;
} }
.bookmark { div#wiper {
text-decoration: none;
text-align: center;
color: #8c8c8b;
display: block; display: block;
margin: .5em 0em; position: fixed;
border: solid #464646 2px; width: 100vw;
border-radius: 3px; height: 100vh;
background-color: #121B18;
opacity: 1;
z-index: 100;
transition: .5s opacity .5s, .5s z-index .5s;
} }
.bookmark:hover { html, body {
color: #fff; margin: 0;
background-color: #444444; background-color: #121B18;
border: solid #444444 2px;
}
.box{
margin: 4px;
color: #aaaaaa;
} }
</style> </style>
<link href="favicon.png" rel="shortcut icon" type="image/x-icon" />
</head> </head>
<body onresize="matchLinks()" onunload="">
<body> <div id="wiper"></div>
<div id="search">
<input id="search-field" type="text" name="search-field" onkeypress="return search(event)" /> <div id="main" style="max-width: 912px;">
</div> <span style="display: block">
<div class="container"> <div id="static_links">
<div id="clock"></div> <span id="clock">
<div class="bookmark-container"> <!-- dome.js: displayDate() fills this element -->
<div class="bookmark-set"> </span>
<div class="bookmark-title">Daily</div> <a href="mailto:">Compose E-Mail</a>
<div class="bookmark-inner-container"> <a href="steam:">Open Steam</a>
<a class="bookmark" href="https://to-do.microsoft.com/" ><p class="box">To Do</p></a>
<a class="bookmark" href="https://mail.google.com/" ><p class="box">gMail</p></a>
<a class="bookmark" href="https://drive.google.com/" ><p class="box">gDrive</p></a>
<a class="bookmark" href="https://keep.google.com/" ><p class="box">gKeep</p></a>
<a class="bookmark" href="https://calendar.google.com/" ><p class="box">gCal</p></a>
<a class="bookmark" href="https://getpocket.com/a/queue/list/" ><p class="box">Pocket</p></a>
</div>
</div>
<div class="bookmark-set">
<div class="bookmark-title">Media</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="https://youtube.com" ><p class="box">Youtube</p></a>
<a class="bookmark" href="https://play.spotify.com" ><p class="box">Spotify</p></a>
<a class="bookmark" href="https://musicforprogramming.net" ><p class="box">mfp();</p></a>
<a class="bookmark" href="http://yavin:80" ><p class="box">Heimdall</p></a>
<a class="bookmark" href="http://localhost:5001" ><p class="box">gitit</p></a>
</div>
</div>
<div class="bookmark-set">
<div class="bookmark-title">Reddit</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="https://reddit.com/r/linux" ><p class="box">/r/linux</p></a>
<a class="bookmark" href="https://reddit.com/r/thinkpad" ><p class="box">/r/thinkpad</p></a>
<a class="bookmark" href="https://reddit.com/r/games" ><p class="box">/r/games</p></a>
<a class="bookmark" href="https://reddit.com/r/unixporn" ><p class="box">/r/unixporn</p></a>
<a class="bookmark" href="https://reddit.com/r/worldnews" ><p class="box">/r/worldnews</p></a>
</div>
</div>
<div class="bookmark-set">
<div class="bookmark-title">Social</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="https://web.whatsapp.com" ><p class="box">Whatsapp</p></a>
<a class="bookmark" href="https://web.telegram.org" ><p class="box">Telegram</p></a>
<a class="bookmark" href="https://discordapp.com/channels/@me" ><p class="box">discord</p></a>
<a class="bookmark" href="https://chaospott.de/status.html" ><p class="box">foobar&nbsp;Door</p></a>
<a class="bookmark" href="https://posteo.de" ><p class="box">posteo</p></a>
</div>
</div>
<div class="bookmark-set">
<div class="bookmark-title">Work</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="http://docusuite.de" ><p class="box">ds.de</p></a>
<a class="bookmark" href="http://192.168.100.55/administrator" ><p class="box">dsAdmin</p></a>
<a class="bookmark" href="https://mari.edatasystems.de" ><p class="box">mari</p></a>
<a class="bookmark" href="http://192.168.0.10:83" ><p class="box">docuwiki</p></a>
<a class="bookmark" href="http://hvgese3070:8080/tfs" ><p class="box">TFS</p></a>
<a class="bookmark" href="http://hvgese010:8081/tfs" ><p class="box">TFS_old</p></a>
</div>
</div>
<div class="bookmark-set">
<div class="bookmark-title">News</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="http://www.heise.de" ><p class="box">heise</p></a>
<a class="bookmark" href="http://www.golem.de" ><p class="box">golem</p></a>
<a class="bookmark" href="https://news.ycombinator.com/" ><p class="box">HackerNews</p></a>
<a class="bookmark" href="https://faz.net/" ><p class="box">FAZ</p></a>
<a class="bookmark" href="https://waz.de/" ><p class="box">WAZ</p></a>
</div>
</div>
<div class="bookmark-set">
<div class="bookmark-title">Programming</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="https://reddit.com/r/learnprogramming" ><p class="box">/r/learnprog.</p></a>
<a class="bookmark" href="https://github.com/" ><p class="box">Github</p></a>
<a class="bookmark" href="https://gist.github.com/" ><p class="box">gisthub</p></a>
<a class="bookmark" href="https://regex101.com/" ><p class="box">regex101</p></a>
<a class="bookmark" href="http://extensionmethod.net/csharp" ><p class="box">extensions</p></a>
</div>
</div> </div>
<form method="GET" id="action">
<input type="text" oninput="matchLinks(this.value)" autofocus autocomplete="off">
</form>
<div id="links">
<!-- dome.js: matchLinks() fills this element -->
</div> </div>
</span>
</div> </div>
<script>
function search(e) {
if (e.keyCode == 13) {
var val = document.getElementById("search-field").value;
window.open(("https://google.com/search?q=" + val), "_self");
}
}
function getTime() {
let date = new Date(),
min = date.getMinutes(),
hour = date.getHours();
return "" +
(hour < 10 ? ("0" + hour) : hour) + ":" +
(min < 10 ? ("0" + min) : min);
}
window.onload = () => {
document.getElementById("clock").innerHTML = getTime();
setInterval(() => {
document.getElementById("clock").innerHTML = getTime();
}, 100);
}
document.addEventListener("keydown", event => {
if (event.keyCode == 32) {
document.getElementById('search').style.display = 'flex';
document.getElementById('search').style.zIndex = 2;
document.getElementById('search-field').focus();
} else if (event.keyCode == 27) {
document.getElementById('search-field').value = '';
document.getElementById('search-field').blur();
document.getElementById('search').style.zIndex = 0;
document.getElementById('search').style.display = 'none';
}
});
</script>
</body> </body>
</html> </html>

264
startpage/index_old.html Normal file
View File

@ -0,0 +1,264 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Home</title>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
body {
background-color: #4b6855;
margin: 0px;
}
.container {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#clock {
font-family: sans-serif;
font-size: 4.5rem;
font-weight: 600;
font-family: "Roboto Mono";
color: #fff;
margin-bottom: .25em;
}
#search {
width: 100%;
height: 100vh;
background-color: #272727;
display: none;
position: absolute;
box-sizing: border-box;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 0;
}
#search-field {
width: 90%;
padding: .75em 1em;
box-sizing: border-box;
background-color: #272727;
border: solid 0px #272727;
font-family: "Roboto Mono";
font-size: 4rem;
color: #f2f2f2;
outline: none;
border-radius: 3px;
margin-bottom: 1em;
text-align: center;
}
.weather-container {
width: 30%;
background-color: #272727;
padding: 1em;
border-radius: 3px;
font-family: "Roboto Mono";
color: #fff;
text-align: center;
}
.inline {
display: inline-block;
}
.bookmark-container {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
margin: 1em 0em;
}
@media only screen and (max-width: 1480px) {
.container {
height: auto;
}
#clock {
margin-top: 1em;
}
.container>.bookmark-container {
flex-wrap: wrap;
width: 80%;
}
.bookmark-container>.bookmark-set {
width: auto;
margin: 1em 0.5em;
}
}
.bookmark-set {
padding: 1em;
background-color: #272727;
border-radius: 3px;
font-family: "Roboto Mono";
font-size: 1.35rem;
height: auto;
margin: 0em .5em;
transition:box-shadow 100ms ease-in-out;
z-index: 0;
}
.bookmark-set:hover {
box-shadow: 0 0 8px rgba(255,255,255,0.6);
z-index: 1;
}
.bookmark-inner-container {
overflow-y: visible;
overflow-x: visible;
height: 80%;
vertical-align: top;
}
.bookmark-title {
font-size: 1.1rem;
font-weight: 600;
color: #fff;
margin: 0em 0em .35em 0em;
}
.bookmark {
text-decoration: none;
text-align: center;
color: #8c8c8b;
display: block;
margin: .5em 0em;
border: solid #464646 2px;
border-radius: 3px;
}
.bookmark:hover {
color: #fff;
background-color: #444444;
border: solid #444444 2px;
}
.box{
margin: 4px;
color: #aaaaaa;
}
</style>
<link href="favicon.png" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
<div id="search">
<input id="search-field" type="text" name="search-field" onkeypress="return search(event)" />
</div>
<div class="container">
<div id="clock"></div>
<div class="bookmark-container">
<div class="bookmark-set">
<div class="bookmark-title">Daily</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="https://to-do.microsoft.com/" ><p class="box">To Do</p></a>
<a class="bookmark" href="https://mail.google.com/" ><p class="box">gMail</p></a>
<a class="bookmark" href="https://drive.google.com/" ><p class="box">gDrive</p></a>
<a class="bookmark" href="https://keep.google.com/" ><p class="box">gKeep</p></a>
<a class="bookmark" href="https://calendar.google.com/" ><p class="box">gCal</p></a>
<a class="bookmark" href="https://getpocket.com/a/queue/list/" ><p class="box">Pocket</p></a>
</div>
</div>
<div class="bookmark-set">
<div class="bookmark-title">Media</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="https://youtube.com" ><p class="box">Youtube</p></a>
<a class="bookmark" href="https://play.spotify.com" ><p class="box">Spotify</p></a>
<a class="bookmark" href="https://musicforprogramming.net" ><p class="box">mfp();</p></a>
<a class="bookmark" href="http://yavin:80" ><p class="box">Heimdall</p></a>
<a class="bookmark" href="http://localhost:5001" ><p class="box">gitit</p></a>
</div>
</div>
<div class="bookmark-set">
<div class="bookmark-title">Reddit</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="https://reddit.com/r/linux" ><p class="box">/r/linux</p></a>
<a class="bookmark" href="https://reddit.com/r/thinkpad" ><p class="box">/r/thinkpad</p></a>
<a class="bookmark" href="https://reddit.com/r/games" ><p class="box">/r/games</p></a>
<a class="bookmark" href="https://reddit.com/r/unixporn" ><p class="box">/r/unixporn</p></a>
<a class="bookmark" href="https://reddit.com/r/worldnews" ><p class="box">/r/worldnews</p></a>
</div>
</div>
<div class="bookmark-set">
<div class="bookmark-title">Social</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="https://web.whatsapp.com" ><p class="box">Whatsapp</p></a>
<a class="bookmark" href="https://web.telegram.org" ><p class="box">Telegram</p></a>
<a class="bookmark" href="https://discordapp.com/channels/@me" ><p class="box">discord</p></a>
<a class="bookmark" href="https://chaospott.de/status.html" ><p class="box">foobar&nbsp;Door</p></a>
<a class="bookmark" href="https://posteo.de" ><p class="box">posteo</p></a>
</div>
</div>
<div class="bookmark-set">
<div class="bookmark-title">Work</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="http://docusuite.de" ><p class="box">ds.de</p></a>
<a class="bookmark" href="http://192.168.100.55/administrator" ><p class="box">dsAdmin</p></a>
<a class="bookmark" href="https://mari.edatasystems.de" ><p class="box">mari</p></a>
<a class="bookmark" href="http://192.168.0.10:83" ><p class="box">docuwiki</p></a>
<a class="bookmark" href="http://hvgese3070:8080/tfs" ><p class="box">TFS</p></a>
<a class="bookmark" href="http://hvgese010:8081/tfs" ><p class="box">TFS_old</p></a>
</div>
</div>
<div class="bookmark-set">
<div class="bookmark-title">News</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="http://www.heise.de" ><p class="box">heise</p></a>
<a class="bookmark" href="http://www.golem.de" ><p class="box">golem</p></a>
<a class="bookmark" href="https://news.ycombinator.com/" ><p class="box">HackerNews</p></a>
<a class="bookmark" href="https://faz.net/" ><p class="box">FAZ</p></a>
<a class="bookmark" href="https://waz.de/" ><p class="box">WAZ</p></a>
</div>
</div>
<div class="bookmark-set">
<div class="bookmark-title">Programming</div>
<div class="bookmark-inner-container">
<a class="bookmark" href="https://reddit.com/r/learnprogramming" ><p class="box">/r/learnprog.</p></a>
<a class="bookmark" href="https://github.com/" ><p class="box">Github</p></a>
<a class="bookmark" href="https://gist.github.com/" ><p class="box">gisthub</p></a>
<a class="bookmark" href="https://regex101.com/" ><p class="box">regex101</p></a>
<a class="bookmark" href="http://extensionmethod.net/csharp" ><p class="box">extensions</p></a>
</div>
</div>
</div>
</div>
<script>
function search(e) {
if (e.keyCode == 13) {
var val = document.getElementById("search-field").value;
window.open(("https://google.com/search?q=" + val), "_self");
}
}
function getTime() {
let date = new Date(),
min = date.getMinutes(),
hour = date.getHours();
return "" +
(hour < 10 ? ("0" + hour) : hour) + ":" +
(min < 10 ? ("0" + min) : min);
}
window.onload = () => {
document.getElementById("clock").innerHTML = getTime();
setInterval(() => {
document.getElementById("clock").innerHTML = getTime();
}, 100);
}
document.addEventListener("keydown", event => {
if (event.keyCode == 32) {
document.getElementById('search').style.display = 'flex';
document.getElementById('search').style.zIndex = 2;
document.getElementById('search-field').focus();
} else if (event.keyCode == 27) {
document.getElementById('search-field').value = '';
document.getElementById('search-field').blur();
document.getElementById('search').style.zIndex = 0;
document.getElementById('search').style.display = 'none';
}
});
</script>
</body>
</html>

View File

@ -11,9 +11,9 @@
# cgi_interpreter # cgi_interpreter
# cgi_pattern **.cgi$|**.pl$|**.php$ # cgi_pattern **.cgi$|**.pl$|**.php$
# debug_level 0 # debug_level 0
document_root °SÆupÆu(>O document_root D:\Development\Source\dotfiles\startpage
# enable_dir_listing yes # enable_dir_listing yes
error_log_file D:\Development\Source\dotfiles\startpage\errorlog.txt error_log_file D:\Development\Source\dotfiles\startpage
# extra_headers # extra_headers
# extra_mime_types # extra_mime_types
# global_auth_file # global_auth_file

View File

@ -0,0 +1,151 @@
:root {
--hdr: #1B2924; /* Header Background Color */
--bkg: #121B18; /* Background Color - Also located inside index.html <style> hard-coded */
--frg: #23352F; /* Foreground Color */
--hgl: #00CC66; /* Highlight Color */
--htx: #666; /* Header Text Color */
--txt: #CCC; /* Text Color */
}
@font-face {
/* LICENSE: "font/SIL Open Font License.txt" font by Julieta Ulanovsky */
src: url(font/Montserrat-Regular.otf);
font-family: Montserrat;
}
html, body {
font-family: Montserrat;
overflow-x: hidden;
}
div#wiper {
opacity: 0 !important;
z-index: -1 !important;
}
body > div#main {
transform: translate(-50%, -50%);
text-align: center;
position: absolute;
left: 50%;
top: 50%;
transition: 1s transform;
max-height: 90vh;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
user-select: none;
transition: .2s height;
}
body > div#main > span > div#static_links {
font-family: Terminus, Montserrat;
background-color: var(--hdr);
margin: 2px 2px 0px 2px;
box-sizing: border-box;
color: var(--txt)22;
padding-right: 7px;
padding-left: 5px;
line-height: 30px;
text-align: right;
font-size: 16px;
border: none;
width: 908px;
height: 30px;
}
body > div#main > span > div#static_links > span#clock {
margin-right: 15px;
}
body > div#main > span > div#static_links > span:first-of-type {
color: var(--htx);
float: left;
}
body > div#main > span > div#static_links > a {
text-decoration: none;
color: var(--htx);
}
body > div#main > span > div#static_links > a:hover {
color: white;
}
body > div#main > span > div#static_links > a + a {
margin-left: 15px;
}
body > div#main > span > form > input {
background-color: var(--frg);
font-family: Montserrat;
margin: 0px 2px 2px 2px;
box-sizing: border-box;
color: var(--txt);
padding-left: 5px;
font-size: 40px;
border: none;
width: 908px;
height: 50px;
}
body > div#main > span > form > input:focus {
outline: none;
}
@media screen and (max-width: 912px) {
body > div#main > span > form > input, body > div#main > span > div#static_links {
width: 604px;
}
}
@media screen and (max-width: 608px) {
body > div#main > span > form > input, body > div#main > span > div#static_links {
width: 300px;
}
}
div#links > div.section {
background-color: var(--hdr);
box-sizing: border-box;
display: inline-block;
vertical-align: top;
text-align: left;
height: 200px;
width: 300px;
margin: 2px;
overflow: hidden;
color: var(--htx);
}
div#links > div.section:before {
content: "";
margin-left: 5px;
}
div#links > div.section > div {
padding: 15px;
background-color: var(--frg);
height: 100%;
}
div#links > div.section > div > a {
text-decoration: none;
color: var(--txt);
display: block;
}
div#links > div.section > div > a:hover {
background-color: rgba(255,255,255,.1);
color: var(--hgl);
}
div#links > div.section > div > a.selected {
background-color: rgba(255,255,255,.1);
color: var(--hgl);
}
div#links > div.section > div > a + a {
margin-top: 5px;
}

0
startpage/style_old.css Normal file
View File