diff --git a/.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/general.scssc b/.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/general.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..626d22d18767e80b8a5a8151ff6f8433bf39fe7a
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 59db34cbd0611b58a011211d92e83b394d452489..3f835843c29bb497f1da87d1ecc8a399ed57f71f 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 1c527d43a8b270217881799e34d88f01680d1668..515d68562f2c84076cd1c32541b5b5826a037f30 100644
--- a/public/404.php
+++ b/public/404.php
@@ -13,7 +13,7 @@ if (strpos($_SERVER['HTTP_HOST'], '.onion') !== false) {
<head>
<meta charset="UTF-8">
<title>404 - Page not found</title>
- <link href="/css/error.css" rel="stylesheet">
+ <link href="/css/style.css" rel="stylesheet">
<script src="/js/jquery-2.1.3.min.js"></script>
<script src="/js/typed.js"></script>
</head>
diff --git a/public/internal/500.php b/public/internal/500.php
index 95a847a4d45141192e573293f0be247941fe2087..165abf186aafce0746ce39fa09f44a000c56f22d 100644
--- a/public/internal/500.php
+++ b/public/internal/500.php
@@ -16,7 +16,7 @@ function getError500()
<head>
<meta charset="UTF-8">
<title>500 - Internal Server error</title>
- <link href="/css/error.css" rel="stylesheet">
+ <link href="/css/style.css" rel="stylesheet">
<script src="/js/jquery-2.1.3.min.js"></script>
<script src="/js/typed.js"></script>
</head>
diff --git a/public/internal/header.php b/public/internal/header.php
index baf4d61736a647a5a163160148bac6704fbb610f..a0c4a756eab3a4ef19feb1861f635a3987c90b8a 100644
--- a/public/internal/header.php
+++ b/public/internal/header.php
@@ -22,11 +22,6 @@ function getHeader($pagetitle, $navselect)
<title > $pagetitle - Jonas Leder </title >
<link href = "/css/style.css" rel = "stylesheet" >
- <link href = "/css/normalize.css" rel = "stylesheet" >
- <link href = "/css/sourcesanspro.css" rel = "stylesheet" >
- <link href = "/css/menue.css" rel = "stylesheet" >
- <link rel="stylesheet" href="/css/fork-awesome.min.css" >
- <!-- <script src = "/js/fas.js" crossorigin = "anonymous" ></script > -->
</head >
<body >
<header >
diff --git a/public/ntpstatus.php b/public/ntpstatus.php
index bb0c6d0c6255ba5a898e60d10c35144bad35e42e..eb2360597c798e007546d6527abda6ea3d73666b 100644
--- a/public/ntpstatus.php
+++ b/public/ntpstatus.php
@@ -4,7 +4,6 @@ include "internal/footer.php";
getHeader("NTP Status", "status");
?>
- <link href="/css/ntp.css" rel="stylesheet">
<p>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</p>
<a href="https://www.ntppool.org/scores/185.216.212.128">
<div data-server-ip="185.216.212.128" class="graph"></div>
diff --git a/scss/general.scss b/scss/general.scss
new file mode 100644
index 0000000000000000000000000000000000000000..58f94baaf3df9bab6845656d1f30e6116059c1db
--- /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 58f94baaf3df9bab6845656d1f30e6116059c1db..72c7d543511a67d20fda8da547c5ee5027a4de10 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