Verzeichnisse css und img angelegt

diff --git a/css/style.css b/css/style.css
new file mode 100644 (file)
index 0000000..96f3602
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,164 @@
+@charset "UTF-8";
+/**
+ * startseite.malte70.de
+ * 
+ * Farben
+ *    #eee     Hellgrau
+ *    #888     Grau
+ *    #444     Dunkelgrau
+ *    #ff8000  Orange
+ */
+
+body {
+       background: #eee;
+       font: 26px "Source Code Pro", monospace;
+}
+main {
+       /*width: 30em;*/
+       width: 40em;
+       margin: 3em auto 1em;
+       color: #444;
+       
+       /* ALT: zentriert
+       text-align: center;
+       position: absolute;
+       top: 0;
+       bottom: 0;
+       left: 0;
+       right: 0;
+       width: 600px;
+       height: 350px;
+       margin: 100px auto;*/
+}
+a:link, a:visited {
+       color: #888;
+       text-decoration: none;
+}
+a:hover, a:active {
+       color: #444;
+}
+.red {
+       color: #ff8000;
+}
+
+/**
+ * WhoAmI / User name
+ */
+#whoami p {
+       text-align: center;
+       margin-bottom: 1.5em;
+       /*font-size: 1.3em;*/
+}
+
+/**
+ * Google Search
+ */
+#google-search p * {
+       display:      inline-block;
+}
+#google-search input[type=text] {
+       font:         1em "Source Code Pro", monospace;
+       display:      inline-block;
+       padding:      6px;
+       background:   #eee;
+       color:        #888;
+       border:        0;
+       border-bottom: 2px solid #888;
+}
+/*#google-search input[type=text]:active {
+       color: #ff8000;
+}*/
+#google-search input[type=text]:focus {
+    outline: 0;
+    /*border-bottom-color: #ff8000;*/
+}
+#google-search input[type=text]:hover {
+    border-bottom-color: #ff8000;
+}
+
+/**
+ * Notepad
+ */
+#notepad p {
+       margin: 0;
+       color: #888;
+}
+#notepadContent {
+       border-left: 2px solid #888;
+       font: 1em "Source Code Pro", monospace;
+       padding: .3em .8em;
+       color: #888;
+       margin: .5em 0;
+}
+#notepadContent:focus {
+       outline: 0;
+       border-left-color: #444;
+       color: #444;
+}
+#notepadContent:hover {
+       border-left-color: #ff8000;
+}
+
+/**
+ * Footer
+ */
+footer {
+       position: absolute;
+       right: 0;
+       bottom: 0;
+       margin: 7px;
+       padding: 0;
+       text-align: right;
+}
+footer p {
+       margin: 0;
+       padding: .1em;
+       font-size: 0.6em;
+       color: #444;
+}
+footer p a:link, footer p a:visited {
+       color: #444;
+       text-decoration: underline;
+}
+footer p a:hover, footer p a:active {
+       color: #888;
+}
+
+
+/**
+ * Dark theme variant
+ */
+@media (prefers-color-scheme: dark) {
+       body {
+               background: #444;
+       }
+       main {
+               color: #eee;
+       }
+       a:hover, a:active {
+               background: #444;
+               color: #eee;
+       }
+       #google-search input[type=text] {
+               color: #eee;
+               background: #444;
+               border-bottom: 1px solid #ff8000;
+       }
+       footer p a:link, footer p a:visited {
+               color: #888;
+       }
+       footer p a:hover, footer p a:active {
+               color: #eee;
+       }
+       button#settings {
+               background:    #888;
+               color:         #eee;
+               border-color:  #eee;
+               padding:       .2em.4em;
+               border-radius: 8%;
+       }
+       #notepadContent:focus {
+               color: #eee;
+               border-left-color: #eee;
+       }
+}

diff --git a/favicon.png b/favicon.png
deleted file mode 100644 (file)
index 252f056..0000000
Binary files a/favicon.png and /dev/null differ

diff --git a/img/favicon.png b/img/favicon.png
new file mode 100644 (file)
index 0000000..252f056
Binary files /dev/null and b/img/favicon.png differ

diff --git a/index.php b/index.php
index 07a23c75ffb8e5601b736fc9fd6ab399f0a787cc..03ee3517387381c218d57b63c612ac3e2f1e7ae8 100644 (file)
--- a/index.php
+++ b/index.php
@@ -20,9 +20,9 @@ $Data = Array(
                //"Title"      => "Homepage @ ".$host,
                "Title"      => "Homepage",
                "Author"     => "malte70@".$host,
-               "Stylesheet" => "style.css",
+               "Stylesheet" => "css/style.css",
                //"Icon"       => "https://xyz.malte70.de/img/icons_tango/go-home-512.png",
-               "Icon"       => "favicon.png",
+               "Icon"       => "img/favicon.png",
        ),
        "Links"   => NULL,
        "Notepad" => true,

diff --git a/style.css b/style.css
deleted file mode 100644 (file)
index 96f3602..0000000
--- a/style.css
+++ /dev/null
@@ -1,164 +0,0 @@
-@charset "UTF-8";
-/**
- * startseite.malte70.de
- * 
- * Farben
- *    #eee     Hellgrau
- *    #888     Grau
- *    #444     Dunkelgrau
- *    #ff8000  Orange
- */
-
-body {
-       background: #eee;
-       font: 26px "Source Code Pro", monospace;
-}
-main {
-       /*width: 30em;*/
-       width: 40em;
-       margin: 3em auto 1em;
-       color: #444;
-       
-       /* ALT: zentriert
-       text-align: center;
-       position: absolute;
-       top: 0;
-       bottom: 0;
-       left: 0;
-       right: 0;
-       width: 600px;
-       height: 350px;
-       margin: 100px auto;*/
-}
-a:link, a:visited {
-       color: #888;
-       text-decoration: none;
-}
-a:hover, a:active {
-       color: #444;
-}
-.red {
-       color: #ff8000;
-}
-
-/**
- * WhoAmI / User name
- */
-#whoami p {
-       text-align: center;
-       margin-bottom: 1.5em;
-       /*font-size: 1.3em;*/
-}
-
-/**
- * Google Search
- */
-#google-search p * {
-       display:      inline-block;
-}
-#google-search input[type=text] {
-       font:         1em "Source Code Pro", monospace;
-       display:      inline-block;
-       padding:      6px;
-       background:   #eee;
-       color:        #888;
-       border:        0;
-       border-bottom: 2px solid #888;
-}
-/*#google-search input[type=text]:active {
-       color: #ff8000;
-}*/
-#google-search input[type=text]:focus {
-    outline: 0;
-    /*border-bottom-color: #ff8000;*/
-}
-#google-search input[type=text]:hover {
-    border-bottom-color: #ff8000;
-}
-
-/**
- * Notepad
- */
-#notepad p {
-       margin: 0;
-       color: #888;
-}
-#notepadContent {
-       border-left: 2px solid #888;
-       font: 1em "Source Code Pro", monospace;
-       padding: .3em .8em;
-       color: #888;
-       margin: .5em 0;
-}
-#notepadContent:focus {
-       outline: 0;
-       border-left-color: #444;
-       color: #444;
-}
-#notepadContent:hover {
-       border-left-color: #ff8000;
-}
-
-/**
- * Footer
- */
-footer {
-       position: absolute;
-       right: 0;
-       bottom: 0;
-       margin: 7px;
-       padding: 0;
-       text-align: right;
-}
-footer p {
-       margin: 0;
-       padding: .1em;
-       font-size: 0.6em;
-       color: #444;
-}
-footer p a:link, footer p a:visited {
-       color: #444;
-       text-decoration: underline;
-}
-footer p a:hover, footer p a:active {
-       color: #888;
-}
-
-
-/**
- * Dark theme variant
- */
-@media (prefers-color-scheme: dark) {
-       body {
-               background: #444;
-       }
-       main {
-               color: #eee;
-       }
-       a:hover, a:active {
-               background: #444;
-               color: #eee;
-       }
-       #google-search input[type=text] {
-               color: #eee;
-               background: #444;
-               border-bottom: 1px solid #ff8000;
-       }
-       footer p a:link, footer p a:visited {
-               color: #888;
-       }
-       footer p a:hover, footer p a:active {
-               color: #eee;
-       }
-       button#settings {
-               background:    #888;
-               color:         #eee;
-               border-color:  #eee;
-               padding:       .2em.4em;
-               border-radius: 8%;
-       }
-       #notepadContent:focus {
-               color: #eee;
-               border-left-color: #eee;
-       }
-}