f2daz/web-development
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit: Backup der Webseiten

Browse Source 
- zoesch.de
- blitzkiste.net
- gruene-hassberge (norbert.zoesch.de)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Felix Zösch
2025-12-13 01:17:15 +01:00
commit 07c290a453
4607 changed files with 1202735 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
zoesch.de/whatcolorisit/css/style.css Normal file
View File

@@ -0,0 +1,55 @@
@charset "UTF-8";
/* CSS Document */
html, body {
border: 0;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
body {
-webkit-transition: background-color 0.8s;
transition: background-color 0.8s;
}
.main {
position: absolute;
top: 50%;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
}
h1, h2, h3 {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}
h1 {
color: #fff;
font-size: 120px;
}
h2 {
color: #fff;
font-size: 30px;
margin-top: 0px;
margin-bottom: 30px;
}
h3 {
color: rgba(255, 255, 255, 0.2);
font-size: 15px;
margin-top: 5px;
margin-bottom: 5px;
}
@media (max-width: 767px) {
h1 {font-size: 60px;}
h2 {font-size: 25px;}
h3 {font-size: 12px;}
}

BIN
zoesch.de/whatcolorisit/img/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

28
zoesch.de/whatcolorisit/index.html Normal file
View File

@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>whatcolorisit</title>
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<link href="css/style.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans:300" rel="stylesheet">
</head>
<body>
<main class="main">
<h1 id="time"></h1>
<h2 id="color"></h2>
<h3 id="rgbcolor"></h3>
<h3 id="xycolor"></h3>
<h3 id="hslcolor"></h3>
<h3 id="hsvcolor"></h3>
<h3 id="cmykcolor"></h3>
</main>
<script src="js/whatcolorisit.js"></script>
</body>
</html>

169
zoesch.de/whatcolorisit/js/whatcolorisit.js Normal file
View File

@@ -0,0 +1,169 @@
function $(s) {
return document.querySelector(s);
}
function pad(str, pad) {
return (pad + str).slice(-pad.length - 1);
}
function hex2rgb(hex) {
var bigint = parseInt(hex, 16);
var r = (bigint >> 16) & 255;
var g = (bigint >> 8) & 255;
var b = bigint & 255;
var rgbArr = [r, g, b];
return rgbArr;
}
function rgb2xy(rgbArr) {
var r4 = rgbArr[0];
var g4 = rgbArr[1];
var b4 = rgbArr[2];
r4 = (r4 > 0.04045) ? Math.pow((r4 + 0.055) / (1.0 + 0.055), 2.4) : (r4 / 12.92);
g4 = (g4 > 0.04045) ? Math.pow((g4 + 0.055) / (1.0 + 0.055), 2.4) : (g4 / 12.92);
b4 = (b4 > 0.04045) ? Math.pow((b4 + 0.055) / (1.0 + 0.055), 2.4) : (b4 / 12.92);
//Apply wide gamut conversion D65
var X = r4 * 0.664511 + g4 * 0.154324 + b4 * 0.162028;
var Y = r4 * 0.283881 + g4 * 0.668433 + b4 * 0.047685;
var Z = r4 * 0.000088 + g4 * 0.072310 + b4 * 0.986039;
var fx = X / (X + Y + Z);
var fy = Y / (X + Y + Z);
if (isNaN(fx)) {
fx = 0.0;
}
if (isNaN(fy)) {
fy = 0.0;
}
fx = fx.toFixed(3);
fy = fy.toFixed(3);
var result = [fx, fy];
return result;
}
function rgb2hsl(rgbArr) {
var r1 = rgbArr[0] / 255;
var g1 = rgbArr[1] / 255;
var b1 = rgbArr[2] / 255;
var maxColor = Math.max(r1, g1, b1);
var minColor = Math.min(r1, g1, b1);
var L = (maxColor + minColor) / 2;
var S = 0;
var H = 0;
if (maxColor != minColor) {
if (L < 0.5) {
S = (maxColor - minColor) / (maxColor + minColor);
} else {
S = (maxColor - minColor) / (2.0 - maxColor - minColor);
}
if (r1 == maxColor) {
H = (g1 - b1) / (maxColor - minColor);
} else if (g1 == maxColor) {
H = 2.0 + (b1 - r1) / (maxColor - minColor);
} else {
H = 4.0 + (r1 - g1) / (maxColor - minColor);
}
}
L = L * 100;
S = S * 100;
H = H * 60;
if (H < 0) {
H += 360;
}
L = L.toFixed(1);
S = S.toFixed(1);
H = H.toFixed(1);
var result = [H, S, L];
return result;
}
function rgb2hsv(rgbArr) {
var r2 = rgbArr[0] / 255;
var g2 = rgbArr[1] / 255;
var b2 = rgbArr[2] / 255;
var max = Math.max(r2, g2, b2),
min = Math.min(r2, g2, b2);
var h, s, v = max;
var d = max - min;
s = max == 0 ? 0 : d / max;
if (max == min) {
h = 0;
} else {
switch (max) {
case r2:
h = (g2 - b2) / d + (g2 < b2 ? 6 : 0);
break;
case g2:
h = (b2 - r2) / d + 2;
break;
case b2:
h = (r2 - g2) / d + 4;
break;
}
h /= 6;
}
h = (h * 360).toFixed(1);
s = (s * 100).toFixed(1);
v = (v * 100).toFixed(1);
var result = [h, s, v];
return result;
}
function rgb2cmyk(rgbArr) {
var r3 = rgbArr[0];
var g3 = rgbArr[1];
var b3 = rgbArr[2];
var computedK = 0
if (r3 == 0 && g3 == 0 && b3 == 0) {
computedK = 1;
return [0, 0, 0, 1];
}
var computedC = 1 - (r3 / 255);
var computedM = 1 - (g3 / 255);
var computedY = 1 - (b3 / 255);
var minCMY = Math.min(computedC,
Math.min(computedM, computedY));
computedC = (computedC - minCMY) / (1 - minCMY);
computedM = (computedM - minCMY) / (1 - minCMY);
computedY = (computedY - minCMY) / (1 - minCMY);
computedK = minCMY;
computedC = computedC.toFixed(3);
computedM = computedM.toFixed(3);
computedY = computedY.toFixed(3);
computedK = computedK.toFixed(3);
return [computedC, computedM, computedY, computedK];
}
(function dotime() {
var date = new Date();
var hours = pad(date.getHours(), '0');
var mins = pad(date.getMinutes(), '0');
var secs = pad(date.getSeconds(), '0');
var color = '#' + hours + mins + secs;
var hex = hours + mins + secs;
var rgb = hex2rgb(hex);
var xy = rgb2xy(rgb);
var hsl = rgb2hsl(rgb);
var hsv = rgb2hsv(rgb);
var cmyk = rgb2cmyk(rgb);
$('#time').innerHTML = [hours, mins, secs].join(' : ');
$('#color').innerHTML = "HEX " + color;
$('#rgbcolor').innerHTML = "RGB " + rgb.join(', ');
$('#xycolor').innerHTML = "CIE " + xy.join(', ');
$('#hslcolor').innerHTML = "HSL " + hsl[0] + "&ordm;, " + hsl[1] + "%, " + hsl[2] + "%";
$('#hsvcolor').innerHTML = "HSV " + hsv[0] + "&ordm;, " + hsv[1] + "%, " + hsv[2] + "%";
$('#cmykcolor').innerHTML = "CMYK " + cmyk.join(', ');
document.body.style.background = color;
setTimeout(function() {
dotime();
}, 1000);
}());

143
zoesch.de/whatcolorisit/test.html Normal file
View File

@@ -0,0 +1,143 @@
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<script type="text/javascript">
function hexToRgb(hex) {
var bigint = parseInt(hex, 16);
var r = (bigint >> 16) & 255;
var g = (bigint >> 8) & 255;
var b = bigint & 255;
var rgbArr = [r, g, b];
var result = rgbArr + bigint;
return result;
}
/*function rgb2hsl(rgbArr){
var r1 = rgbArr[0] / 255;
var g1 = rgbArr[1] / 255;
var b1 = rgbArr[2] / 255;
var maxColor = Math.max(r1,g1,b1);
var minColor = Math.min(r1,g1,b1);
//Calculate L:
var L = (maxColor + minColor) / 2 ;
var S = 0;
var H = 0;
if(maxColor != minColor){
//Calculate S:
if(L < 0.5){
S = (maxColor - minColor) / (maxColor + minColor);
}else{
S = (maxColor - minColor) / (2.0 - maxColor - minColor);
}
//Calculate H:
if(r1 == maxColor){
H = (g1-b1) / (maxColor - minColor);
}else if(g1 == maxColor){
H = 2.0 + (b1 - r1) / (maxColor - minColor);
}else{
H = 4.0 + (r1 - g1) / (maxColor - minColor);
}
}
L = L * 100;
S = S * 100;
H = H * 60;
if(H<0){
H += 360;
}
L = L.toFixed(1);
S = S.toFixed(1);
H = H.toFixed(1);
var result = [H, S, L];
return result;
}
function rgbToHsv(rgbArr){
var r2 = rgbArr[0] / 255;
var g2 = rgbArr[1] / 255;
var b2 = rgbArr[2] / 255;
var max = Math.max(r2, g2, b2), min = Math.min(r2, g2, b2);
var h, s, v = max;
var d = max - min;
s = max == 0 ? 0 : d / max;
if(max == min){
h = 0; // achromatic
}else{
switch(max){
case r2: h = (g2 - b2) / d + (g < b2 ? 6 : 0); break;
case g2: h = (b2 - r2) / d + 2; break;
case b2: h = (r2 - g2) / d + 4; break;
}
h /= 6;
}
h = (h * 360).toFixed(1);
s = (s * 100).toFixed(1);
v = (v * 100).toFixed(1);
var result = [h, s, v];
return result;
}
function rgb2cmyk (rgbArr) {
var r3 = rgbArr[0];
var g3 = rgbArr[1];
var b3 = rgbArr[2];
// BLACK
var computedK = 0
if (r3==0 && g3==0 && b3==0) {
computedK = 1;
return [0,0,0,1];
}
var computedC = 1 - (r3/255);
var computedM = 1 - (g3/255);
var computedY = 1 - (b3/255);
var minCMY = Math.min(computedC,
Math.min(computedM,computedY));
computedC = (computedC - minCMY) / (1 - minCMY) ;
computedM = (computedM - minCMY) / (1 - minCMY) ;
computedY = (computedY - minCMY) / (1 - minCMY) ;
computedK = minCMY;
computedC = computedC.toFixed(3);
computedM = computedM.toFixed(3);
computedY = computedY.toFixed(3);
computedK = computedK.toFixed(3);
return [computedC,computedM,computedY,computedK];
}*/
var hex = "124355";
var rgb = hexToRgb(hex);
/*var hsl = rgb2hsl(rgb);
var hsv = rgbToHsv(rgb);
var cmyk = rgb2cmyk(rgb);*/
document.write("hex: #" + hex);
document.write("<br><br>");
document.write("rgb: " + rgb);
/*document.write("<br><br>");
document.write("hsl: " + hsl[0] + "&ordm;, " + hsl[1] + "%, " + hsl[2] + "%");
document.write("<br><br>");
document.write("hsv: " + hsv[0] + "&ordm;, " + hsv[1] + "%, " + hsv[2] + "%");
document.write("<br><br>");
document.write("CMYK: " + cmyk.join(', '));*/
</script>
</body>
</html>

25
zoesch.de/whatcolorisit/test2.html Normal file
View File

@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<script type="text/javascript">
function hexToRgb(hex) {
var bigint = parseInt(hex, 16);
var r = (bigint >> 16) & 255;
var g = (bigint >> 8) & 255;
var b = bigint & 255;
var rgbArr = [r, g, b];
return r;
}
var a = hexToRgb(221123);
document.write(a);
</script>
</body>
</html>