Open-Source-Code<\/a> auf GitHub.<\/p>\n\n\n\nAngelo geht es um die bin\u00e4re Verarbeitung (Multiplikation) von Oktonionen. Die erste Antwort von <\/p>\n\n\n\n
Claude AI war m\u00e4\u00dfig richtig:<\/p>\n\n\n\n
def oct_multiply_binary(a, b):\n # a und b sind 3-Bit Vektoren f\u00fcr die Basiseinheiten\n # Vorzeichen wird durch XOR bestimmt\n sign = ((a[0]&b[1]) ^ (a[1]&b[2]) ^ (a[2]&b[0])) & 1\n \n # Resultierende Basiseinheit durch zyklische Operationen\n result = [(a[1]&b[2]) ^ (a[2]&b[1]),\n (a[2]&b[0]) ^ (a[0]&b[2]),\n (a[0]&b[1]) ^ (a[1]&b[0])]\n \n return sign, result<\/code><\/pre>\n\n\n\nN\u00e4chste Mal sind Ferien. <\/p>\n\n\n\n
Hier Testcodes von Claude AI und DeepSeek f\u00fcr eine Kerze: <\/p>\n\n\n\n
Claude AI 1: <\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n<head>\n <title>Brennende Kerze<\/title>\n <style>\n body {\n background-color: #1a1a1a;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n }\n\n .candle-container {\n position: relative;\n width: 100px;\n height: 300px;\n }\n\n .candle {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 50px;\n height: 200px;\n background: linear-gradient(180deg, #fff 0%, #f0f0f0 100%);\n border-radius: 5px;\n }\n\n .wick {\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 4px;\n height: 12px;\n background-color: #2c2c2c;\n }\n\n .flame {\n position: absolute;\n top: -40px;\n left: 50%;\n transform: translateX(-50%);\n width: 20px;\n height: 40px;\n background: #ff9800;\n border-radius: 50% 50% 20% 20%;\n animation: flicker 0.5s infinite alternate;\n filter: blur(1px);\n }\n\n .flame::before {\n content: '';\n position: absolute;\n top: 30%;\n left: 50%;\n transform: translateX(-50%);\n width: 12px;\n height: 24px;\n background: #ffeb3b;\n border-radius: 50% 50% 20% 20%;\n }\n\n .flame::after {\n content: '';\n position: absolute;\n top: 10%;\n left: 50%;\n transform: translateX(-50%);\n width: 8px;\n height: 16px;\n background: #fff;\n border-radius: 50% 50% 20% 20%;\n }\n\n .glow {\n position: absolute;\n top: -50px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 100px;\n background: radial-gradient(circle, rgba(255, 152, 0, 0.4) 0%, rgba(255, 152, 0, 0) 70%);\n animation: glow 1s infinite alternate;\n }\n\n @keyframes flicker {\n 0% {\n transform: translateX(-50%) scaleY(1);\n }\n 100% {\n transform: translateX(-50%) scaleY(1.1);\n }\n }\n\n @keyframes glow {\n 0% {\n opacity: 0.5;\n }\n 100% {\n opacity: 0.8;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"candle-container\">\n <div class=\"glow\"><\/div>\n <div class=\"flame\"><\/div>\n <div class=\"wick\"><\/div>\n <div class=\"candle\"><\/div>\n <\/div>\n<\/body>\n<\/html>\n\n<\/code><\/pre>\n\n\n\nClaude AI 2: <\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n<head>\n <title>Brennende Kerze<\/title>\n <style>\n body {\n background-color: #1a1a1a;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n }\n\n .candle-container {\n position: relative;\n width: 100px;\n height: 300px;\n }\n\n .candle {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 50px;\n height: 280px;\n background: linear-gradient(180deg, #fff 0%, #f0f0f0 100%);\n border-radius: 5px;\n }\n\n .wick {\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 4px;\n height: 12px;\n background-color: #2c2c2c;\n }\n\n .flame {\n position: absolute;\n top: -40px;\n left: 50%;\n transform: translateX(-50%);\n width: 20px;\n height: 40px;\n background: #ff9800;\n border-radius: 50% 50% 20% 20%;\n animation: flicker 0.5s infinite alternate;\n filter: blur(1px);\n }\n\n .flame::before {\n content: '';\n position: absolute;\n top: 30%;\n left: 50%;\n transform: translateX(-50%);\n width: 12px;\n height: 24px;\n background: #ffeb3b;\n border-radius: 50% 50% 20% 20%;\n }\n\n .flame::after {\n content: '';\n position: absolute;\n top: 10%;\n left: 50%;\n transform: translateX(-50%);\n width: 8px;\n height: 16px;\n background: #fff;\n border-radius: 50% 50% 20% 20%;\n }\n\n .glow {\n position: absolute;\n top: -50px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 100px;\n background: radial-gradient(circle, rgba(255, 152, 0, 0.4) 0%, rgba(255, 152, 0, 0) 70%);\n animation: glow 1s infinite alternate;\n }\n\n @keyframes flicker {\n 0% {\n transform: translateX(-50%) scaleY(1);\n }\n 100% {\n transform: translateX(-50%) scaleY(1.1);\n }\n }\n\n @keyframes glow {\n 0% {\n opacity: 0.5;\n }\n 100% {\n opacity: 0.8;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"candle-container\">\n <div class=\"glow\"><\/div>\n <div class=\"flame\"><\/div>\n <div class=\"wick\"><\/div>\n <div class=\"candle\"><\/div>\n <\/div>\n<\/body>\n<\/html>\n\n<\/code><\/pre>\n\n\n\nDeepSeek Candle 1: <\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <title>Brennende Kerze<\/title>\n <style>\n .container {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background-color: #1a1a1a;\n }\n\n .candle {\n position: relative;\n width: 60px;\n }\n\n .candle-body {\n width: 60px;\n height: 150px;\n background: #FFD700;\n border-radius: 5px;\n box-shadow: inset -10px 0 0 #daa520;\n }\n\n .flame {\n position: absolute;\n top: -40px;\n left: 50%;\n transform: translateX(-50%);\n width: 20px;\n height: 40px;\n background: linear-gradient(to bottom, #ff9900 0%, #ff5500 100%);\n border-radius: 50% 50% 35% 35%;\n animation: flicker 0.1s infinite;\n }\n\n .flame::before {\n content: '';\n position: absolute;\n top: 60%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 12px;\n height: 12px;\n background: #ffdd00;\n border-radius: 50%;\n }\n\n .glow {\n position: absolute;\n top: -60px;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 40px;\n background: rgba(255, 100, 0, 0.2);\n border-radius: 50%;\n box-shadow: 0 0 30px 10px rgba(255, 100, 0, 0.2);\n }\n\n .melted-wax {\n position: absolute;\n top: -5px;\n width: 100%;\n height: 15px;\n background: #daa520;\n border-radius: 50%;\n }\n\n .wick {\n position: absolute;\n top: -30px;\n left: 50%;\n transform: translateX(-50%);\n width: 3px;\n height: 10px;\n background: #333;\n }\n\n @keyframes flicker {\n 0% { transform: translateX(-50%) scale(1) rotate(1deg); }\n 50% { transform: translateX(-50%) scale(1.05) rotate(-1deg); }\n 100% { transform: translateX(-50%) scale(1) rotate(1deg); }\n }\n\n \/* Rauch-Effekt *\/\n .smoke {\n position: absolute;\n top: -80px;\n left: 50%;\n width: 4px;\n height: 20px;\n background: rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n opacity: 0;\n animation: smoke 3s infinite;\n }\n\n @keyframes smoke {\n 0% {\n transform: translateY(0) translateX(-50%);\n opacity: 0;\n }\n 20% {\n opacity: 0.3;\n }\n 100% {\n transform: translateY(-50px) translateX(-50%);\n opacity: 0;\n }\n }\n\n .smoke:nth-child(2) { animation-delay: 0.5s; }\n .smoke:nth-child(3) { animation-delay: 1s; }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"candle\">\n <div class=\"smoke\"><\/div>\n <div class=\"smoke\"><\/div>\n <div class=\"smoke\"><\/div>\n <div class=\"glow\"><\/div>\n <div class=\"wick\"><\/div>\n <div class=\"flame\"><\/div>\n <div class=\"melted-wax\"><\/div>\n <div class=\"candle-body\"><\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n<\/code><\/pre>\n\n\n\nDeepSeek Candle 2: <\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <title>Korrigierte Brennende Kerze<\/title>\n <style>\n .container {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background-color: #1a1a1a;\n }\n\n .candle {\n position: relative;\n width: 60px;\n }\n\n .candle-body {\n width: 60px;\n height: 150px;\n background: #FFD700;\n border-radius: 5px;\n box-shadow: inset -10px 0 0 #daa520;\n }\n\n \/* Docht-Stil *\/\n .wick {\n position: absolute;\n top: -25px; \/* Position angepasst *\/\n left: 50%;\n transform: translateX(-50%);\n width: 3px;\n height: 15px; \/* L\u00e4nger gemacht *\/\n background: #444;\n z-index: 2;\n }\n\n \/* Brennenden Docht-Spitze hinzugef\u00fcgt *\/\n .wick::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 50%;\n transform: translateX(-50%);\n width: 4px;\n height: 4px;\n background: #222;\n border-radius: 50%;\n }\n\n .flame {\n position: absolute;\n top: -35px; \/* Position angepasst *\/\n left: 50%;\n transform: translateX(-50%);\n width: 20px;\n height: 40px;\n background: linear-gradient(to bottom, #ff9900 0%, #ff5500 100%);\n border-radius: 50% 50% 35% 35%;\n animation: flicker 0.1s infinite;\n z-index: 3; \/* Sicherstellen dass Flamme \u00fcber allem liegt *\/\n }\n\n .flame::before {\n content: '';\n position: absolute;\n top: 60%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 12px;\n height: 12px;\n background: #ffdd00;\n border-radius: 50%;\n }\n\n .melted-wax {\n position: absolute;\n top: -5px;\n width: 100%;\n height: 15px;\n background: #daa520;\n border-radius: 50%;\n z-index: 1; \/* Unter der Flamme *\/\n }\n\n \/* Restliche Stile bleiben gleich *\/\n .glow {\n position: absolute;\n top: -60px;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 40px;\n background: rgba(255, 100, 0, 0.2);\n border-radius: 50%;\n box-shadow: 0 0 30px 10px rgba(255, 100, 0, 0.2);\n }\n\n @keyframes flicker {\n 0% { transform: translateX(-50%) scale(1) rotate(1deg); }\n 50% { transform: translateX(-50%) scale(1.05) rotate(-1deg); }\n 100% { transform: translateX(-50%) scale(1) rotate(1deg); }\n }\n\n .smoke {\n position: absolute;\n top: -80px;\n left: 50%;\n width: 4px;\n height: 20px;\n background: rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n opacity: 0;\n animation: smoke 3s infinite;\n z-index: 4;\n }\n\n @keyframes smoke {\n 0% {\n transform: translateY(0) translateX(-50%);\n opacity: 0;\n }\n 20% {\n opacity: 0.3;\n }\n 100% {\n transform: translateY(-50px) translateX(-50%);\n opacity: 0;\n }\n }\n\n .smoke:nth-child(2) { animation-delay: 0.5s; }\n .smoke:nth-child(3) { animation-delay: 1s; }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"candle\">\n <div class=\"smoke\"><\/div>\n <div class=\"smoke\"><\/div>\n <div class=\"smoke\"><\/div>\n <div class=\"glow\"><\/div>\n <div class=\"candle-body\"><\/div>\n <!-- Reihenfolge ge\u00e4ndert -->\n <div class=\"melted-wax\"><\/div>\n <div class=\"wick\"><\/div>\n <div class=\"flame\"><\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Morten ist da. Angelo kommt wohl noch. Heute war nach der 3. Stunde Schulschluss. Wir reden u.a. \u00fcber DeepSeek und den Open-Source-Code auf GitHub. Angelo geht es um die bin\u00e4re Verarbeitung (Multiplikation) von Oktonionen. Die erste Antwort von Claude AI war m\u00e4\u00dfig richtig: N\u00e4chste Mal sind Ferien. Hier Testcodes von Claude AI und DeepSeek f\u00fcr […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3428","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"_links":{"self":[{"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=\/wp\/v2\/posts\/3428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3428"}],"version-history":[{"count":6,"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=\/wp\/v2\/posts\/3428\/revisions"}],"predecessor-version":[{"id":3436,"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=\/wp\/v2\/posts\/3428\/revisions\/3436"}],"wp:attachment":[{"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3428"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3428"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}