From: Malte Bublitz <malte@rolltreppe3.de>
Date: Sun, 29 May 2022 17:43:14 +0000 (+0200)
Subject: Verzeichnisse css und img angelegt
X-Git-Url: https://git.rt3x.de/?a=commitdiff_plain;h=8c2ebf5be5ae23bf28ce6332b2df16dddc7d18b6;p=startseite.malte70.de.git

Verzeichnisse css und img angelegt
---

diff --git a/css/style.css b/css/style.css
new file mode 100644
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
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
index 0000000..252f056
Binary files /dev/null and b/img/favicon.png differ
diff --git a/index.php b/index.php
index 07a23c7..03ee351 100644
--- 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
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;
-	}
-}