Netlify
tcp/443 tcp/80
The following URL (usually /.git/config
) is publicly accessible and is leaking source code and repository configuration.
Severity: medium
Fingerprint: 2580fa947178c88602b1737db148c044b81b03713d63bb82370a6522f99a561e
[core] repositoryformatversion = 0 filemode = true bare = false logallrefupdates = true ignorecase = true precomposeunicode = true [remote "origin"] url = https://github.com/slowchaz/takecare-computer.git fetch = +refs/heads/*:refs/remotes/origin/* [branch "main"] remote = origin merge = refs/heads/main
Open service 18.192.94.96:443 路 takecare.computer
2024-09-14 11:42
HTTP/1.1 200 OK Accept-Ranges: bytes Age: 0 Cache-Control: public,max-age=0,must-revalidate Cache-Status: "Netlify Edge"; fwd=miss Content-Length: 3296 Content-Type: text/html; charset=UTF-8 Date: Sat, 14 Sep 2024 11:42:21 GMT Etag: "13c09eec1feed4e734eff5c0e4750b09-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J7R5ENSBHVC8Q9N3V279WDHZ Connection: close Page title: take care, computer <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>take care, computer</title> <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>馃</text></svg>" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet" /> <style> body, html { height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; font-family: 'Spectral', serif; background-color: #fffff6; color: #2a2a2a; } .container { max-width: 600px; width: 100%; text-align: center; padding: 20px; border: 2px solid #2a2a2a; border-radius: 10px; background-color: #f2ead3; box-shadow: 5px 5px 0px #2a2a2a; transition: transform 0.3s ease; cursor: pointer; transform-style: preserve-3d; } .container::after { content: ''; position: absolute; top: 5px; left: 5px; right: -5px; bottom: -5px; background-color: #2a2a2a; z-index: -1; transform: translateZ(-1px); } h1 { font-weight: 200; font-style: italic; } .subtitle { margin-top: -1.5rem; } a { color: #2a2a2a; } </style> </head> <body> <div class="container"> <h1>take care, computer</h1> <p class="subtitle">software <em>designed for you</em></p> <div class="message"> <p><a href="mailto:hi@slowchaz.com">reach out</a></p> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script> <script> const container = document.querySelector('.container'); const maxTilt = 10; // Maximum tilt in degrees function handleMove(x, y) { const rect = container.getBoundingClientRect(); const centerX = rect.left + rect.width / 2; const centerY = rect.top + rect.height / 2; const percentX = (x - centerX) / (rect.width / 2); const percentY = (y - centerY) / (rect.height / 2); const tiltX = -percentY * maxTilt; const tiltY = percentX * maxTilt; container.style.transform = `perspective(1000px) rotateX(${tiltX}deg) rotateY(${tiltY}deg)`; } function resetTilt() { container.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg)'; } // Mouse events for desktop container.addEventListener('mousemove', (e) => { handleMove(e.clientX, e.clientY); }); container.addEventListener('mouseleave', resetTilt); // Touch events for mobile using Hammer.js const hammer = new Hammer(container); hammer.get('pan').set({ direction: Hammer.DIRECTION_ALL }); hammer.on('panmove', (e) => { handleMove(e.center.x, e.center.y); }); hammer.on('panend', resetTilt); // Prevent default touch behavior document.addEventListener( 'touchmove', (e) => { e.preventDefault(); }, { passive: false } ); </script> </body> </html>
Open service 18.192.94.96:443 路 takecare.computer
2024-09-12 14:07
HTTP/1.1 200 OK Accept-Ranges: bytes Age: 0 Cache-Control: public,max-age=0,must-revalidate Cache-Status: "Netlify Edge"; fwd=miss Content-Length: 3296 Content-Type: text/html; charset=UTF-8 Date: Thu, 12 Sep 2024 14:07:55 GMT Etag: "13c09eec1feed4e734eff5c0e4750b09-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J7K8ZRZEPT9FKTQ2S6GK1AF7 Connection: close Page title: take care, computer <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>take care, computer</title> <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>馃</text></svg>" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet" /> <style> body, html { height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; font-family: 'Spectral', serif; background-color: #fffff6; color: #2a2a2a; } .container { max-width: 600px; width: 100%; text-align: center; padding: 20px; border: 2px solid #2a2a2a; border-radius: 10px; background-color: #f2ead3; box-shadow: 5px 5px 0px #2a2a2a; transition: transform 0.3s ease; cursor: pointer; transform-style: preserve-3d; } .container::after { content: ''; position: absolute; top: 5px; left: 5px; right: -5px; bottom: -5px; background-color: #2a2a2a; z-index: -1; transform: translateZ(-1px); } h1 { font-weight: 200; font-style: italic; } .subtitle { margin-top: -1.5rem; } a { color: #2a2a2a; } </style> </head> <body> <div class="container"> <h1>take care, computer</h1> <p class="subtitle">software <em>designed for you</em></p> <div class="message"> <p><a href="mailto:hi@slowchaz.com">reach out</a></p> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script> <script> const container = document.querySelector('.container'); const maxTilt = 10; // Maximum tilt in degrees function handleMove(x, y) { const rect = container.getBoundingClientRect(); const centerX = rect.left + rect.width / 2; const centerY = rect.top + rect.height / 2; const percentX = (x - centerX) / (rect.width / 2); const percentY = (y - centerY) / (rect.height / 2); const tiltX = -percentY * maxTilt; const tiltY = percentX * maxTilt; container.style.transform = `perspective(1000px) rotateX(${tiltX}deg) rotateY(${tiltY}deg)`; } function resetTilt() { container.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg)'; } // Mouse events for desktop container.addEventListener('mousemove', (e) => { handleMove(e.clientX, e.clientY); }); container.addEventListener('mouseleave', resetTilt); // Touch events for mobile using Hammer.js const hammer = new Hammer(container); hammer.get('pan').set({ direction: Hammer.DIRECTION_ALL }); hammer.on('panmove', (e) => { handleMove(e.center.x, e.center.y); }); hammer.on('panend', resetTilt); // Prevent default touch behavior document.addEventListener( 'touchmove', (e) => { e.preventDefault(); }, { passive: false } ); </script> </body> </html>
Open service 18.192.94.96:443 路 takecare.computer
2024-09-10 20:01
HTTP/1.1 200 OK Accept-Ranges: bytes Age: 0 Cache-Control: public,max-age=0,must-revalidate Cache-Status: "Netlify Edge"; fwd=miss Content-Length: 3296 Content-Type: text/html; charset=UTF-8 Date: Tue, 10 Sep 2024 20:01:57 GMT Etag: "13c09eec1feed4e734eff5c0e4750b09-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J7EREK51DAQCHDVCGWPZGHEM Connection: close Page title: take care, computer <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>take care, computer</title> <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>馃</text></svg>" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet" /> <style> body, html { height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; font-family: 'Spectral', serif; background-color: #fffff6; color: #2a2a2a; } .container { max-width: 600px; width: 100%; text-align: center; padding: 20px; border: 2px solid #2a2a2a; border-radius: 10px; background-color: #f2ead3; box-shadow: 5px 5px 0px #2a2a2a; transition: transform 0.3s ease; cursor: pointer; transform-style: preserve-3d; } .container::after { content: ''; position: absolute; top: 5px; left: 5px; right: -5px; bottom: -5px; background-color: #2a2a2a; z-index: -1; transform: translateZ(-1px); } h1 { font-weight: 200; font-style: italic; } .subtitle { margin-top: -1.5rem; } a { color: #2a2a2a; } </style> </head> <body> <div class="container"> <h1>take care, computer</h1> <p class="subtitle">software <em>designed for you</em></p> <div class="message"> <p><a href="mailto:hi@slowchaz.com">reach out</a></p> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script> <script> const container = document.querySelector('.container'); const maxTilt = 10; // Maximum tilt in degrees function handleMove(x, y) { const rect = container.getBoundingClientRect(); const centerX = rect.left + rect.width / 2; const centerY = rect.top + rect.height / 2; const percentX = (x - centerX) / (rect.width / 2); const percentY = (y - centerY) / (rect.height / 2); const tiltX = -percentY * maxTilt; const tiltY = percentX * maxTilt; container.style.transform = `perspective(1000px) rotateX(${tiltX}deg) rotateY(${tiltY}deg)`; } function resetTilt() { container.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg)'; } // Mouse events for desktop container.addEventListener('mousemove', (e) => { handleMove(e.clientX, e.clientY); }); container.addEventListener('mouseleave', resetTilt); // Touch events for mobile using Hammer.js const hammer = new Hammer(container); hammer.get('pan').set({ direction: Hammer.DIRECTION_ALL }); hammer.on('panmove', (e) => { handleMove(e.center.x, e.center.y); }); hammer.on('panend', resetTilt); // Prevent default touch behavior document.addEventListener( 'touchmove', (e) => { e.preventDefault(); }, { passive: false } ); </script> </body> </html>
Open service 18.192.94.96:443 路 takecare.computer
2024-09-08 21:46
HTTP/1.1 200 OK Accept-Ranges: bytes Age: 2 Cache-Control: public,max-age=0,must-revalidate Cache-Status: "Netlify Edge"; hit Content-Length: 3296 Content-Type: text/html; charset=UTF-8 Date: Sun, 08 Sep 2024 21:46:05 GMT Etag: "13c09eec1feed4e734eff5c0e4750b09-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J79SKTXYWZ9NWM97DNBBDR2M Connection: close Page title: take care, computer <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>take care, computer</title> <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>馃</text></svg>" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet" /> <style> body, html { height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; font-family: 'Spectral', serif; background-color: #fffff6; color: #2a2a2a; } .container { max-width: 600px; width: 100%; text-align: center; padding: 20px; border: 2px solid #2a2a2a; border-radius: 10px; background-color: #f2ead3; box-shadow: 5px 5px 0px #2a2a2a; transition: transform 0.3s ease; cursor: pointer; transform-style: preserve-3d; } .container::after { content: ''; position: absolute; top: 5px; left: 5px; right: -5px; bottom: -5px; background-color: #2a2a2a; z-index: -1; transform: translateZ(-1px); } h1 { font-weight: 200; font-style: italic; } .subtitle { margin-top: -1.5rem; } a { color: #2a2a2a; } </style> </head> <body> <div class="container"> <h1>take care, computer</h1> <p class="subtitle">software <em>designed for you</em></p> <div class="message"> <p><a href="mailto:hi@slowchaz.com">reach out</a></p> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script> <script> const container = document.querySelector('.container'); const maxTilt = 10; // Maximum tilt in degrees function handleMove(x, y) { const rect = container.getBoundingClientRect(); const centerX = rect.left + rect.width / 2; const centerY = rect.top + rect.height / 2; const percentX = (x - centerX) / (rect.width / 2); const percentY = (y - centerY) / (rect.height / 2); const tiltX = -percentY * maxTilt; const tiltY = percentX * maxTilt; container.style.transform = `perspective(1000px) rotateX(${tiltX}deg) rotateY(${tiltY}deg)`; } function resetTilt() { container.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg)'; } // Mouse events for desktop container.addEventListener('mousemove', (e) => { handleMove(e.clientX, e.clientY); }); container.addEventListener('mouseleave', resetTilt); // Touch events for mobile using Hammer.js const hammer = new Hammer(container); hammer.get('pan').set({ direction: Hammer.DIRECTION_ALL }); hammer.on('panmove', (e) => { handleMove(e.center.x, e.center.y); }); hammer.on('panend', resetTilt); // Prevent default touch behavior document.addEventListener( 'touchmove', (e) => { e.preventDefault(); }, { passive: false } ); </script> </body> </html>
Open service 18.192.94.96:443 路 takecare.computer
2024-09-06 14:56
HTTP/1.1 200 OK Accept-Ranges: bytes Age: 0 Cache-Control: public,max-age=0,must-revalidate Cache-Status: "Netlify Edge"; fwd=miss Content-Length: 3296 Content-Type: text/html; charset=UTF-8 Date: Fri, 06 Sep 2024 14:56:56 GMT Etag: "13c09eec1feed4e734eff5c0e4750b09-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J73XD6TB2CBW8PBMBBZPJRGR Connection: close Page title: take care, computer <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>take care, computer</title> <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>馃</text></svg>" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet" /> <style> body, html { height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; font-family: 'Spectral', serif; background-color: #fffff6; color: #2a2a2a; } .container { max-width: 600px; width: 100%; text-align: center; padding: 20px; border: 2px solid #2a2a2a; border-radius: 10px; background-color: #f2ead3; box-shadow: 5px 5px 0px #2a2a2a; transition: transform 0.3s ease; cursor: pointer; transform-style: preserve-3d; } .container::after { content: ''; position: absolute; top: 5px; left: 5px; right: -5px; bottom: -5px; background-color: #2a2a2a; z-index: -1; transform: translateZ(-1px); } h1 { font-weight: 200; font-style: italic; } .subtitle { margin-top: -1.5rem; } a { color: #2a2a2a; } </style> </head> <body> <div class="container"> <h1>take care, computer</h1> <p class="subtitle">software <em>designed for you</em></p> <div class="message"> <p><a href="mailto:hi@slowchaz.com">reach out</a></p> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script> <script> const container = document.querySelector('.container'); const maxTilt = 10; // Maximum tilt in degrees function handleMove(x, y) { const rect = container.getBoundingClientRect(); const centerX = rect.left + rect.width / 2; const centerY = rect.top + rect.height / 2; const percentX = (x - centerX) / (rect.width / 2); const percentY = (y - centerY) / (rect.height / 2); const tiltX = -percentY * maxTilt; const tiltY = percentX * maxTilt; container.style.transform = `perspective(1000px) rotateX(${tiltX}deg) rotateY(${tiltY}deg)`; } function resetTilt() { container.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg)'; } // Mouse events for desktop container.addEventListener('mousemove', (e) => { handleMove(e.clientX, e.clientY); }); container.addEventListener('mouseleave', resetTilt); // Touch events for mobile using Hammer.js const hammer = new Hammer(container); hammer.get('pan').set({ direction: Hammer.DIRECTION_ALL }); hammer.on('panmove', (e) => { handleMove(e.center.x, e.center.y); }); hammer.on('panend', resetTilt); // Prevent default touch behavior document.addEventListener( 'touchmove', (e) => { e.preventDefault(); }, { passive: false } ); </script> </body> </html>
Open service 3.72.140.173:80 路 takecare.computer
2024-08-17 14:30
HTTP/1.1 301 Moved Permanently Content-Type: text/plain; charset=utf-8 Date: Sat, 17 Aug 2024 14:30:53 GMT Location: https://takecare.computer/ Server: Netlify X-Nf-Request-Id: 01J5GBZ55X171D106T2V80DBZ1 Content-Length: 41 Connection: close Redirecting to https://takecare.computer/
Open service 3.72.140.173:443 路 takecare.computer
2024-08-17 14:30
HTTP/1.1 200 OK Accept-Ranges: bytes Age: 0 Cache-Control: public,max-age=0,must-revalidate Cache-Status: "Netlify Edge"; fwd=miss Content-Length: 3296 Content-Type: text/html; charset=UTF-8 Date: Sat, 17 Aug 2024 14:30:53 GMT Etag: "13c09eec1feed4e734eff5c0e4750b09-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J5GBZ4KB216V1NJ4J2GFDP8D Connection: close Page title: take care, computer <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>take care, computer</title> <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>馃</text></svg>" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet" /> <style> body, html { height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; font-family: 'Spectral', serif; background-color: #fffff6; color: #2a2a2a; } .container { max-width: 600px; width: 100%; text-align: center; padding: 20px; border: 2px solid #2a2a2a; border-radius: 10px; background-color: #f2ead3; box-shadow: 5px 5px 0px #2a2a2a; transition: transform 0.3s ease; cursor: pointer; transform-style: preserve-3d; } .container::after { content: ''; position: absolute; top: 5px; left: 5px; right: -5px; bottom: -5px; background-color: #2a2a2a; z-index: -1; transform: translateZ(-1px); } h1 { font-weight: 200; font-style: italic; } .subtitle { margin-top: -1.5rem; } a { color: #2a2a2a; } </style> </head> <body> <div class="container"> <h1>take care, computer</h1> <p class="subtitle">software <em>designed for you</em></p> <div class="message"> <p><a href="mailto:hi@slowchaz.com">reach out</a></p> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script> <script> const container = document.querySelector('.container'); const maxTilt = 10; // Maximum tilt in degrees function handleMove(x, y) { const rect = container.getBoundingClientRect(); const centerX = rect.left + rect.width / 2; const centerY = rect.top + rect.height / 2; const percentX = (x - centerX) / (rect.width / 2); const percentY = (y - centerY) / (rect.height / 2); const tiltX = -percentY * maxTilt; const tiltY = percentX * maxTilt; container.style.transform = `perspective(1000px) rotateX(${tiltX}deg) rotateY(${tiltY}deg)`; } function resetTilt() { container.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg)'; } // Mouse events for desktop container.addEventListener('mousemove', (e) => { handleMove(e.clientX, e.clientY); }); container.addEventListener('mouseleave', resetTilt); // Touch events for mobile using Hammer.js const hammer = new Hammer(container); hammer.get('pan').set({ direction: Hammer.DIRECTION_ALL }); hammer.on('panmove', (e) => { handleMove(e.center.x, e.center.y); }); hammer.on('panend', resetTilt); // Prevent default touch behavior document.addEventListener( 'touchmove', (e) => { e.preventDefault(); }, { passive: false } ); </script> </body> </html>
Open service 18.192.94.96:443 路 takecare.computer
2024-08-17 14:30
HTTP/1.1 200 OK Accept-Ranges: bytes Age: 0 Cache-Control: public,max-age=0,must-revalidate Cache-Status: "Netlify Edge"; fwd=miss Content-Length: 3296 Content-Type: text/html; charset=UTF-8 Date: Sat, 17 Aug 2024 14:30:53 GMT Etag: "13c09eec1feed4e734eff5c0e4750b09-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J5GBZ4DH4BRKZBPC2TPTR1TB Connection: close Page title: take care, computer <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>take care, computer</title> <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>馃</text></svg>" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet" /> <style> body, html { height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; font-family: 'Spectral', serif; background-color: #fffff6; color: #2a2a2a; } .container { max-width: 600px; width: 100%; text-align: center; padding: 20px; border: 2px solid #2a2a2a; border-radius: 10px; background-color: #f2ead3; box-shadow: 5px 5px 0px #2a2a2a; transition: transform 0.3s ease; cursor: pointer; transform-style: preserve-3d; } .container::after { content: ''; position: absolute; top: 5px; left: 5px; right: -5px; bottom: -5px; background-color: #2a2a2a; z-index: -1; transform: translateZ(-1px); } h1 { font-weight: 200; font-style: italic; } .subtitle { margin-top: -1.5rem; } a { color: #2a2a2a; } </style> </head> <body> <div class="container"> <h1>take care, computer</h1> <p class="subtitle">software <em>designed for you</em></p> <div class="message"> <p><a href="mailto:hi@slowchaz.com">reach out</a></p> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script> <script> const container = document.querySelector('.container'); const maxTilt = 10; // Maximum tilt in degrees function handleMove(x, y) { const rect = container.getBoundingClientRect(); const centerX = rect.left + rect.width / 2; const centerY = rect.top + rect.height / 2; const percentX = (x - centerX) / (rect.width / 2); const percentY = (y - centerY) / (rect.height / 2); const tiltX = -percentY * maxTilt; const tiltY = percentX * maxTilt; container.style.transform = `perspective(1000px) rotateX(${tiltX}deg) rotateY(${tiltY}deg)`; } function resetTilt() { container.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg)'; } // Mouse events for desktop container.addEventListener('mousemove', (e) => { handleMove(e.clientX, e.clientY); }); container.addEventListener('mouseleave', resetTilt); // Touch events for mobile using Hammer.js const hammer = new Hammer(container); hammer.get('pan').set({ direction: Hammer.DIRECTION_ALL }); hammer.on('panmove', (e) => { handleMove(e.center.x, e.center.y); }); hammer.on('panend', resetTilt); // Prevent default touch behavior document.addEventListener( 'touchmove', (e) => { e.preventDefault(); }, { passive: false } ); </script> </body> </html>
Open service 18.192.94.96:80 路 takecare.computer
2024-08-17 14:30
HTTP/1.1 301 Moved Permanently Content-Type: text/plain; charset=utf-8 Date: Sat, 17 Aug 2024 14:30:52 GMT Location: https://takecare.computer/ Server: Netlify X-Nf-Request-Id: 01J5GBZ3NKB5HXHEFKSX3V8EDK Content-Length: 41 Connection: close Redirecting to https://takecare.computer/