diff --git a/.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/general.scssc b/.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/general.scssc new file mode 100644 index 0000000..626d22d Binary files /dev/null and b/.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/general.scssc differ diff --git a/.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/style.scssc b/.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/style.scssc index 59db34c..3f83584 100644 Binary files a/.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/style.scssc and b/.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/style.scssc differ diff --git a/public/404.php b/public/404.php index 1c527d4..515d685 100644 --- a/public/404.php +++ b/public/404.php @@ -13,7 +13,7 @@ if (strpos($_SERVER['HTTP_HOST'], '.onion') !== false) { 404 - Page not found - + diff --git a/public/internal/500.php b/public/internal/500.php index 95a847a..165abf1 100644 --- a/public/internal/500.php +++ b/public/internal/500.php @@ -16,7 +16,7 @@ function getError500() 500 - Internal Server error - + diff --git a/public/internal/header.php b/public/internal/header.php index baf4d61..a0c4a75 100644 --- a/public/internal/header.php +++ b/public/internal/header.php @@ -22,11 +22,6 @@ function getHeader($pagetitle, $navselect) $pagetitle - Jonas Leder - - - - -
diff --git a/public/ntpstatus.php b/public/ntpstatus.php index bb0c6d0..eb23605 100644 --- a/public/ntpstatus.php +++ b/public/ntpstatus.php @@ -4,7 +4,6 @@ include "internal/footer.php"; getHeader("NTP Status", "status"); ?> -

Da ich selber viel auf NTP zur Zeitsynchronisation setze habe ich mich dazu entschlossen selber einen NTP Server, welche im ntp pool gelistet ist aufzusetzen. Unten sind die Statistiken zum Server für IPv4 und für IPv6

diff --git a/scss/general.scss b/scss/general.scss new file mode 100644 index 0000000..58f94ba --- /dev/null +++ b/scss/general.scss @@ -0,0 +1,477 @@ +@media all { + div, + h1, + p { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + vertical-align: baseline; + } + * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + *:before, + *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + div { + zoom: 1; + } + div:before, + div:after { + content: ""; + display: table; + } + div:after { + clear: both; + } + h1 { + font-weight: bold; + } + p { + margin: 0 0 14px 0; + } + h1 { + margin: 0 0 54px 0; + color: #000; + text-transform: uppercase; + font-size: 3em; + font-weight: 600; + line-height: 115%; + } + p { + -webkit-font-smoothing: subpixel-antialiased; + } + .gridContainer { + width: 100%; + padding-left: 15px; + padding-right: 15px; + margin-left: auto; + margin-right: auto; + } + .header-homepage { + background-image:url(/img/bannerHome.webp); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + position: relative; + color: #fff; + z-index: 0; + padding-top: 160px; + padding-bottom: 160px; + } + .header-homepage:before { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + z-index: -1; + display: inline-block; + } + .header-separator-bottom { + position: absolute; + bottom: -1px; + left: 0; + width: 100%; + } + .header-separator svg { + display: block; + width: calc(100% + 1.3px); + } + .header-separator { + position: absolute; + width: 100%; + max-width: 100%; + bottom: -1px; + overflow: hidden; + } + .svg-white-bg { + fill: #1a2332; + } + .header-description { + min-height: 100px; + text-align: center; + } + p.header-subtitle { + color: #fff; + font-weight: 300; + font-size: 1.4em; + text-align: inherit; + } + .color-overlay:before { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + z-index: -1; + display: inline-block; + content: ""; + -webkit-transform: translate3d(0, 0, -1px); + } + .header-wrapper { + background-color: #ebebeb; + position: relative; + } + h1.heading8 { + font-weight: 600; + font-size: 2.2em; + color: #fff; + margin-bottom: 25px; + } + .header-description-row { + padding: 0 15px 0 15px; + display: block; + } + .align-holder { + width: 100%; + } + .header-buttons-wrapper { + margin: 0; + } + @media only screen and (min-width:768px) { + h1 { + font-size: 3.4em; + } + p { + line-height: 130%; + } + h1.heading8 { + font-size: 3.3em; + } + .gridContainer { + width: 90%; + max-width: 1232px; + } + .gridContainer .row { + margin-left: -15px; + margin-right: -15px; + clear: both; + } + .header-description-row:before, + .header-description-row:after { + content: normal; + } + .header-content-centered { + margin-left: auto; + margin-right: auto; + } + .header-buttons-wrapper { + margin: 0 -9px 0 -9px; + clear: both; + } + } + @media only screen and (min-width:1024px) { + .gridContainer { + width: 80%; + } + h1 { + font-size: 3.8em; + } + p { + line-height: 150%; + } + } +} + +.red { + color: red; +} + + +@media all { + .gridContainer { + margin-right: auto!important; + margin-left: auto!important; + } + .header-homepage { + background-color: #fff; + } + @media only screen and (min-width:1024px) { + .header-homepage { + min-height: auto; + } + } + p { + margin: 0 0 20px 0; + } +} + +@media all { + .homepage-template .svg-white-bg { + fill: #fff; + } +} + +.header-homepage.color-overlay:before { + background-color: #000; + opacity: .4; +} + +.header-homepage+.header-separator svg { + height: 90px!important; +} + +.header-separator svg { + height: 90px!important; +} + +.header-homepage .header-description-row { + padding-top: 8%; + padding-bottom: 8%; +} + +@media only screen and (min-width:768px) { + .header-content .align-holder { + text-align: center!important; + } + .header-content { + width: 100%!important; + } +} + +@media only screen and (min-width:768px) { + .header-homepage { + padding-bottom: 230px; + } +} + +body { + margin: 0; + background-color: #151d28; + color: #b3b3b3; + font-family: 'Source Sans Pro', sans-serif; +} +#content{ + background-color: #1a2332; + width: 100%; + padding: 20px 20%; + img { + max-width: 40%; + } +} + +#blueBar{ + height: 5px; + width: 100%; + background-color: #03A8F4; +} + +footer{ + display: flex; + justify-content: center; + flex-direction: column; + a { + text-decoration: none; + } +} + +a{ + padding: 0; + color: #b3b3b3; + text-decoration:underline; +} + +.footerIconSpacer{ + margin-left: 10px; + display: inline; +} + +.center{ + text-align: center; +} + +article{ + border: 2px solid #b3b3b3; + border-radius: 20px; + padding: 10px; + margin-right: 20px; + width: 100%; + height: 100%; + h2{ + text-align: center; + margin: 0; + } +} + +#blog{ + width: 100%; + display: flex; + justify-content: center; + align-items: center; +} + +article:last-child{ + margin-right: 0; +} + +button{ + background: #1cb09a; + color: #fff; + text-transform: uppercase; + border: 0; + padding: 5px; + cursor: pointer; + border-radius: 5px; +} + +#homeImage{ + float: left; +} + +.spacer{ + clear: both; +} + +#footerContent{ + width: 100%; + display: flex; + justify-content: center; + + div{ + border-right: #3d3d3d 1px solid; + padding: 20px; + } + + h3 { + margin-top: 0; + } +} + +.cookieinfo{ + position: fixed; + left: 0px; + right: 0px; + height: auto; + min-height: 21px; + z-index: 2147483647; + line-height: 21px; + padding: 8px 18px; + font-family: verdana, arial, sans-serif; + font-size: 14px; + text-align: center; + bottom: 0px; + opacity: 1; + background: #1a2332; + color: #b3b3b3; + +} + +.cookieinfo-close{ + float: right; + display: block; + padding: 5px 8px; + min-width: 100px; + margin-left: 5px; + border-radius: 5px; + cursor: pointer; + background: #1cb09a; + color: #fff; + text-align: center; +} + +.cookieinfo-text { + display:block; + padding:5px 0 5px 0; +} + +.cookieinfo-link{ + text-decoration: none; + color: #1cb09a; +} +#newComment { + form { + input, textarea{ + width: 100%; + background: #1a2332; + color: #b3b3b3; + border: solid #212a39; + } + + input:focus, textarea:focus { + outline: none; + } + + textarea{ + resize: vertical; + } + + input[type=submit]{ + background: #1cb09a; + color: #fff; + text-transform: uppercase; + padding: 15px; + font-size: 14px; + cursor: pointer; + outline: 0; + border: 0; + } + } +} + +.comment{ + display: flex; + img{ + margin-right: 10px; + width: 100px; + height: 100px; + } +} + +.commentTitle{ + margin-bottom: 5px; +} + +.commentArticle{ + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + min-height: 100px; +} + +.commentText{ + margin: 0; + width: 100%; +} + +.emailBox { + display: inline; +} + +@media only screen and (max-width: 600px) { + #homeImage{ + float: none; + } + #content{ + padding-left: 10px; + padding-right: 10px; + } + #blog{ + flex-direction: column; + } + article { + margin-bottom: 10px; + margin-right: 0; + } + #banner { + a { + display: block; + } + img { + max-width: none; + width: 100%; + } + } + + #newestPost{ + display: none; + } + +} \ No newline at end of file diff --git a/scss/style.scss b/scss/style.scss index 58f94ba..72c7d54 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -1,477 +1,8 @@ -@media all { - div, - h1, - p { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - vertical-align: baseline; - } - * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - *:before, - *:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - div { - zoom: 1; - } - div:before, - div:after { - content: ""; - display: table; - } - div:after { - clear: both; - } - h1 { - font-weight: bold; - } - p { - margin: 0 0 14px 0; - } - h1 { - margin: 0 0 54px 0; - color: #000; - text-transform: uppercase; - font-size: 3em; - font-weight: 600; - line-height: 115%; - } - p { - -webkit-font-smoothing: subpixel-antialiased; - } - .gridContainer { - width: 100%; - padding-left: 15px; - padding-right: 15px; - margin-left: auto; - margin-right: auto; - } - .header-homepage { - background-image:url(/img/bannerHome.webp); - background-position: center center; - background-repeat: no-repeat; - background-size: cover; - position: relative; - color: #fff; - z-index: 0; - padding-top: 160px; - padding-bottom: 160px; - } - .header-homepage:before { - width: 100%; - height: 100%; - top: 0; - left: 0; - position: absolute; - z-index: -1; - display: inline-block; - } - .header-separator-bottom { - position: absolute; - bottom: -1px; - left: 0; - width: 100%; - } - .header-separator svg { - display: block; - width: calc(100% + 1.3px); - } - .header-separator { - position: absolute; - width: 100%; - max-width: 100%; - bottom: -1px; - overflow: hidden; - } - .svg-white-bg { - fill: #1a2332; - } - .header-description { - min-height: 100px; - text-align: center; - } - p.header-subtitle { - color: #fff; - font-weight: 300; - font-size: 1.4em; - text-align: inherit; - } - .color-overlay:before { - width: 100%; - height: 100%; - top: 0; - left: 0; - position: absolute; - z-index: -1; - display: inline-block; - content: ""; - -webkit-transform: translate3d(0, 0, -1px); - } - .header-wrapper { - background-color: #ebebeb; - position: relative; - } - h1.heading8 { - font-weight: 600; - font-size: 2.2em; - color: #fff; - margin-bottom: 25px; - } - .header-description-row { - padding: 0 15px 0 15px; - display: block; - } - .align-holder { - width: 100%; - } - .header-buttons-wrapper { - margin: 0; - } - @media only screen and (min-width:768px) { - h1 { - font-size: 3.4em; - } - p { - line-height: 130%; - } - h1.heading8 { - font-size: 3.3em; - } - .gridContainer { - width: 90%; - max-width: 1232px; - } - .gridContainer .row { - margin-left: -15px; - margin-right: -15px; - clear: both; - } - .header-description-row:before, - .header-description-row:after { - content: normal; - } - .header-content-centered { - margin-left: auto; - margin-right: auto; - } - .header-buttons-wrapper { - margin: 0 -9px 0 -9px; - clear: both; - } - } - @media only screen and (min-width:1024px) { - .gridContainer { - width: 80%; - } - h1 { - font-size: 3.8em; - } - p { - line-height: 150%; - } - } -} - -.red { - color: red; -} - - -@media all { - .gridContainer { - margin-right: auto!important; - margin-left: auto!important; - } - .header-homepage { - background-color: #fff; - } - @media only screen and (min-width:1024px) { - .header-homepage { - min-height: auto; - } - } - p { - margin: 0 0 20px 0; - } -} - -@media all { - .homepage-template .svg-white-bg { - fill: #fff; - } -} - -.header-homepage.color-overlay:before { - background-color: #000; - opacity: .4; -} - -.header-homepage+.header-separator svg { - height: 90px!important; -} - -.header-separator svg { - height: 90px!important; -} - -.header-homepage .header-description-row { - padding-top: 8%; - padding-bottom: 8%; -} - -@media only screen and (min-width:768px) { - .header-content .align-holder { - text-align: center!important; - } - .header-content { - width: 100%!important; - } -} - -@media only screen and (min-width:768px) { - .header-homepage { - padding-bottom: 230px; - } -} - -body { - margin: 0; - background-color: #151d28; - color: #b3b3b3; - font-family: 'Source Sans Pro', sans-serif; -} -#content{ - background-color: #1a2332; - width: 100%; - padding: 20px 20%; - img { - max-width: 40%; - } -} - -#blueBar{ - height: 5px; - width: 100%; - background-color: #03A8F4; -} - -footer{ - display: flex; - justify-content: center; - flex-direction: column; - a { - text-decoration: none; - } -} - -a{ - padding: 0; - color: #b3b3b3; - text-decoration:underline; -} - -.footerIconSpacer{ - margin-left: 10px; - display: inline; -} - -.center{ - text-align: center; -} - -article{ - border: 2px solid #b3b3b3; - border-radius: 20px; - padding: 10px; - margin-right: 20px; - width: 100%; - height: 100%; - h2{ - text-align: center; - margin: 0; - } -} - -#blog{ - width: 100%; - display: flex; - justify-content: center; - align-items: center; -} - -article:last-child{ - margin-right: 0; -} - -button{ - background: #1cb09a; - color: #fff; - text-transform: uppercase; - border: 0; - padding: 5px; - cursor: pointer; - border-radius: 5px; -} - -#homeImage{ - float: left; -} - -.spacer{ - clear: both; -} - -#footerContent{ - width: 100%; - display: flex; - justify-content: center; - - div{ - border-right: #3d3d3d 1px solid; - padding: 20px; - } - - h3 { - margin-top: 0; - } -} - -.cookieinfo{ - position: fixed; - left: 0px; - right: 0px; - height: auto; - min-height: 21px; - z-index: 2147483647; - line-height: 21px; - padding: 8px 18px; - font-family: verdana, arial, sans-serif; - font-size: 14px; - text-align: center; - bottom: 0px; - opacity: 1; - background: #1a2332; - color: #b3b3b3; - -} - -.cookieinfo-close{ - float: right; - display: block; - padding: 5px 8px; - min-width: 100px; - margin-left: 5px; - border-radius: 5px; - cursor: pointer; - background: #1cb09a; - color: #fff; - text-align: center; -} - -.cookieinfo-text { - display:block; - padding:5px 0 5px 0; -} - -.cookieinfo-link{ - text-decoration: none; - color: #1cb09a; -} -#newComment { - form { - input, textarea{ - width: 100%; - background: #1a2332; - color: #b3b3b3; - border: solid #212a39; - } - - input:focus, textarea:focus { - outline: none; - } - - textarea{ - resize: vertical; - } - - input[type=submit]{ - background: #1cb09a; - color: #fff; - text-transform: uppercase; - padding: 15px; - font-size: 14px; - cursor: pointer; - outline: 0; - border: 0; - } - } -} - -.comment{ - display: flex; - img{ - margin-right: 10px; - width: 100px; - height: 100px; - } -} - -.commentTitle{ - margin-bottom: 5px; -} - -.commentArticle{ - display: flex; - justify-content: center; - flex-direction: column; - align-items: center; - min-height: 100px; -} - -.commentText{ - margin: 0; - width: 100%; -} - -.emailBox { - display: inline; -} - -@media only screen and (max-width: 600px) { - #homeImage{ - float: none; - } - #content{ - padding-left: 10px; - padding-right: 10px; - } - #blog{ - flex-direction: column; - } - article { - margin-bottom: 10px; - margin-right: 0; - } - #banner { - a { - display: block; - } - img { - max-width: none; - width: 100%; - } - } - - #newestPost{ - display: none; - } - -} \ No newline at end of file +@import "error"; +@import "fork-awesome.min"; +@import "general"; +@import "menue"; +@import "normalize"; +@import "ntp"; +@import "prism"; +@import "sourcesanspro"; \ No newline at end of file