0.0.21

4 files changed, 139 insertions, 58 deletions

diff --git a/src/css.css b/src/css.css
new file mode 100644
index 0000000..0293e79
--- /dev/null
+++ b/src/css.css
@@ -0,0 +1,129 @@
+:root {	/* most of the styles are used on http://sijanec.eu, so there are some excess colours */
+	--bgc1: black;
+	--bgc2: #111;
+	--bgc3: #222;
+	--fgc1: white;
+	--fgc2: lightgray;
+	--fgc3: lightblue;
+	--fglinkc: #ae5;
+	--fglinkvisitedc: #0cd;
+	--fglinkhoverc: cyan;
+	--fglinkactivec: #eff;
+	--fgchilite: red;
+	--fgdecorc: yellow;
+	--fgcodec: #aed;
+	--bgcodec: var(--bgc2);
+	--bgclight: darkgray;
+	--scheme-name: dark;
+}
+
+@media (prefers-color-scheme: light) {
+	:root {
+		--bgc1: white;
+		--bgc2: lightgray;
+		--bgc3: darkgray;
+		--fgc1: black;
+		--fgc2: gray;
+		--fgc3: darkred;
+		--fglinkc: blue;
+		--fglinkvisitedc: purple;
+		--fglinkhoverc: darkblue;
+		--fglinkactivec: cyan;
+		--fgchilite: red;
+		--fgdecorc: darkmagenta;
+		--fgcodec: var(--bgc1);
+		--bgcodec: var(--fgc1);
+		--bgclight: darkgray;
+		--scheme-name: light;
+	}
+}
+
+input, textarea {
+	background: var(--bgc2);
+	color: var(--fgc1);
+}
+
+a {
+	text-decoration: underline;
+	cursor: pointer;
+	color: var(--fglinkc);
+}
+
+a:visited {
+	color: var(--fglinkvisitedc);
+}
+
+a:hover {
+	color: var(--fglinkhoverc);
+}
+
+a:active {
+	color: var(--fglinkactivec);
+}
+
+
+@media screen and (min-width: 1000px) {
+	body {
+		margin-left: 10%;
+		margin-right: 10%;
+	}
+}
+
+body {
+	background-color: var(--bgc1);
+	color: var(--fgc1);
+	scrollbar-color: var(--scheme-name);
+}
+
+code {
+	color: var(--fgcodec);
+	background-color: var(--bgcodec);
+}
+input[type=password], input[type=text], input[type=submit], input[type=button] {
+	height: 1cm;
+	font-size: large;
+}
+.result:hover {
+	background: var(--bgc2);
+}
+.container {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
+	justify-content: center;
+	align-items: stretch;
+}
+input[name=q] {
+	flex-grow: 4;
+}
+input[type=submit] {
+	flex-basis: 12.5%;
+}
+.SC_LOG_ERROR {
+	color: red;
+}
+.SC_LOG_WARNING {
+	color: orange;
+}
+.SC_LOG_INFO {
+	color: lightgreen;
+}
+.SC_LOG_DEBUG {
+	color: magenta;
+}
+.breadcrumb {
+	color: var(--fgc2);
+	font-size: small; /* small is relative to parent (h4) size */
+}
+.result h4 {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	margin-bottom: 0.314159265358em;
+}
+.result p {
+	margin-top: 0.314159265358em;
+}
+.result img {
+	height: 10em;
+}
diff --git a/src/hp.php b/src/hp.html
index cffa469..dcde692 100644
--- a/src/hp.php
+++ b/src/hp.html
@@ -8,64 +8,10 @@
 			%s :: sear.c
 		</title>
 		<meta name=viewport content="width=device-width, initial-scale=1.0">
-		<style>
-			<?php
-				echo file_get_contents("tmp/hp.css");
-			?>
-		</style>
+		<link rel=stylesheet href=/css.css />
 		<link rel="shortcut icon" href=data:image/x-icon;, type=image/x-icon> <!-- prevents favicon lookups -->
 		<link rel=icon href="data:;base64,iVBORw0KGgo=">
 		<link title=sear.c rel=search type=application/opensearchdescription+xml href=/osdd.xml>
-		<style>
-			input[type=password], input[type=text], input[type=submit], input[type=button] {
-				height: 1cm;
-				font-size: large;
-			}
-			.result:hover {
-				background: var(--bgc2);
-			}
-			.container {
-				display: flex;
-				flex-direction: row;
-				flex-wrap: nowrap;
-				justify-content: center;
-				align-items: stretch;
-			}
-			input[name=q] {
-				flex-grow: 4;
-			}
-			input[type=submit] {
-				flex-basis: 12.5%%;
-			}
-			.SC_LOG_ERROR {
-				color: red;
-			}
-			.SC_LOG_WARNING {
-				color: orange;
-			}
-			.SC_LOG_INFO {
-				color: lightgreen;
-			}
-			.SC_LOG_DEBUG {
-				color: magenta;
-			}
-			.breadcrumb {
-				color: var(--fgc2);
-				font-size: small; /* small is relative to parent (h4) size */
-			}
-			.result h4 {
-				white-space: nowrap;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				margin-bottom: 0.314159265358em;
-			}
-			.result p {
-				margin-top: 0.314159265358em;
-			}
-			.result img {
-				height: 10em;
-			}
-		</style>
 	</head>
 	<body>
 		<form class=container action=.>
@@ -83,9 +29,7 @@
 		<hr>
 		<h4 align=center>
 			<a href=//git.sijanec.eu/sijanec/sear.c >sear.c</a>
-			<?php
-				echo `git describe --always`;
-			?>
+			<!-- the following is replaced by git or gentoo version --> <!--ver-->
 		</h4>
 	</body>
 </html>
diff --git a/src/httpd.c b/src/httpd.c
index 23f4b60..efebd75 100644
--- a/src/httpd.c
+++ b/src/httpd.c
@@ -153,6 +153,11 @@ enum MHD_Result sc_httpd (void * cls,
 					sprintf(response, sc_osdd, host);
 					content_type = "application/opensearchdescription+xml";
 					break;
+				case 'c': /* css.css - stylesheets */
+					mhdrmm = MHD_RESPMEM_PERSISTENT;
+					response = sc_css;
+					content_type = "text/css";
+					break;
 				case 'l': /* logs.html */
 					{
 #ifdef SC_LOGMEM
diff --git a/src/main.c b/src/main.c
index f57e398..0b18c0e 100644
--- a/src/main.c
+++ b/src/main.c
@@ -58,6 +58,9 @@ unsigned char sc_hp[] = { /* html page null terminated format string, from file
 char sc_osdd[] = { /* xml document for opensearch */
 #include <osdd.xxd>
 };
+char sc_css[] = { /* css */
+#include <css.xxd>
+};
 char sc_robotstxt[] = "User-Agent: *\nDisallow: /\n";
 char sc_securitytxt[] = "# This content information is provided by the developer of this opensource application.\n"
 	"# The developer is not responsible for the actions of his software\n"