Netlify
tcp/443
A JSON configuration file has been found at config.json
.
It may contains application configuration such as credentials.
False positive might happen when hitting a JSON API endpoint.
Fingerprint: b18befd9dd6536ad3355122c52bbc5f377991b7d60cb6237972b9ce8972b9ce8
{ "customStylesheetURL": null, "yearLength": 120, "hideAge": false }
Open service 18.192.94.96:443 · life.zainf.dev
2024-09-14 20:00
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: 16444 Content-Type: text/html; charset=UTF-8 Date: Sat, 14 Sep 2024 20:00:06 GMT Etag: "f1d45d9b68b31c74e991d89bf7061752-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J7S1Y2EEY4AZXB7CP5SKV9GV Connection: close Page title: Life <!doctype html> <meta charset="UTF-8" /> <title>Life</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="format-detection" content="telephone=no" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:700,400,300" /> <style> body { font-family: Open Sans, Helvetica, Arial, sans-serif; color: #fff; background-color: #404040; margin: 0; padding: 0; font-size: 12px; -webkit-text-size-adjust: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } a { color: #fff; } header { z-index: 3; background: linear-gradient( to bottom, rgba(56, 64, 71, 0) 0%, rgba(56, 64, 71, 0.5) 20%, rgba(56, 64, 71, 1) 50%, rgba(56, 64, 71, 0.5) 80%, rgba(56, 64, 71, 0) 100% ); position: fixed; bottom: 0; left: 0; margin: 0; padding: 10px; } header a { margin-left: 1em; opacity: 0.3; text-decoration: none; } header a:hover { opacity: 0.7; text-decoration: underline; } h1 { display: inline; font-size: 20px; line-height: 1em; opacity: 0.5; z-index: 3; font-weight: 300; white-space: nowrap; } code.desktop { color: #fef08a; } code.laptop { color: #a7f3d0; } code.trackpad { color: #99f6e4; } code.phone { color: #ddd6fe; } code.tablet { color: #a5f3fc; } code.headphones { color: #fca5a5; } code.watch { color: #fbcfe8; } #life { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } #life-years { position: absolute; top: 0; bottom: 0; white-space: nowrap; pointer-events: none; } #life-years .year { display: inline-block; box-sizing: border-box; color: #fff; font-weight: 300; white-space: nowrap; box-sizing: border-box; height: 100%; border-left: 1px dashed rgba(255, 255, 255, 0.2); } #life-years .year:first-child { border-left: 0; } #life-years .year span { background: linear-gradient( to bottom, rgba(56, 64, 71, 1) 30%, rgba(56, 64, 71, 0) 100% ); display: block; padding: 10px; position: -webkit-sticky; position: sticky; top: 0; z-index: 3; } #life-years .year span i { opacity: 0.5; font-style: normal; } #life-events { padding-top: 40px; padding-bottom: 5em; position: relative; } #life-events:after { content: ""; display: block; clear: left; } #life .event { padding-right: 20px; padding-bottom: 5px; vertical-align: middle; white-space: nowrap; float: left; clear: left; } #life .event b { font-weight: normal; color: rgba(255, 255, 255, 0.5); } #life .event .time { display: inline-block; overflow: hidden; height: 0; border: 4px solid #fff; border-radius: 4px; margin-right: 10px; opacity: 0.3; position: relative; left: -2px; } #life .event:hover .time { opacity: 0.5; } </style> <header> <h1 id="title">Life</h1> <a href="https://github.com/cheeaun/life">Fork me</a> </header> <div id="life"></div> <script> (function () { var life = { $title: document.getElementById("t
Open service 18.192.94.96:443 · life.zainf.dev
2024-09-12 14:08
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: 16444 Content-Type: text/html; charset=UTF-8 Date: Thu, 12 Sep 2024 14:08:24 GMT Etag: "f1d45d9b68b31c74e991d89bf7061752-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J7K90NGEAJQEX0942X7JBCJQ Connection: close Page title: Life <!doctype html> <meta charset="UTF-8" /> <title>Life</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="format-detection" content="telephone=no" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:700,400,300" /> <style> body { font-family: Open Sans, Helvetica, Arial, sans-serif; color: #fff; background-color: #404040; margin: 0; padding: 0; font-size: 12px; -webkit-text-size-adjust: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } a { color: #fff; } header { z-index: 3; background: linear-gradient( to bottom, rgba(56, 64, 71, 0) 0%, rgba(56, 64, 71, 0.5) 20%, rgba(56, 64, 71, 1) 50%, rgba(56, 64, 71, 0.5) 80%, rgba(56, 64, 71, 0) 100% ); position: fixed; bottom: 0; left: 0; margin: 0; padding: 10px; } header a { margin-left: 1em; opacity: 0.3; text-decoration: none; } header a:hover { opacity: 0.7; text-decoration: underline; } h1 { display: inline; font-size: 20px; line-height: 1em; opacity: 0.5; z-index: 3; font-weight: 300; white-space: nowrap; } code.desktop { color: #fef08a; } code.laptop { color: #a7f3d0; } code.trackpad { color: #99f6e4; } code.phone { color: #ddd6fe; } code.tablet { color: #a5f3fc; } code.headphones { color: #fca5a5; } code.watch { color: #fbcfe8; } #life { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } #life-years { position: absolute; top: 0; bottom: 0; white-space: nowrap; pointer-events: none; } #life-years .year { display: inline-block; box-sizing: border-box; color: #fff; font-weight: 300; white-space: nowrap; box-sizing: border-box; height: 100%; border-left: 1px dashed rgba(255, 255, 255, 0.2); } #life-years .year:first-child { border-left: 0; } #life-years .year span { background: linear-gradient( to bottom, rgba(56, 64, 71, 1) 30%, rgba(56, 64, 71, 0) 100% ); display: block; padding: 10px; position: -webkit-sticky; position: sticky; top: 0; z-index: 3; } #life-years .year span i { opacity: 0.5; font-style: normal; } #life-events { padding-top: 40px; padding-bottom: 5em; position: relative; } #life-events:after { content: ""; display: block; clear: left; } #life .event { padding-right: 20px; padding-bottom: 5px; vertical-align: middle; white-space: nowrap; float: left; clear: left; } #life .event b { font-weight: normal; color: rgba(255, 255, 255, 0.5); } #life .event .time { display: inline-block; overflow: hidden; height: 0; border: 4px solid #fff; border-radius: 4px; margin-right: 10px; opacity: 0.3; position: relative; left: -2px; } #life .event:hover .time { opacity: 0.5; } </style> <header> <h1 id="title">Life</h1> <a href="https://github.com/cheeaun/life">Fork me</a> </header> <div id="life"></div> <script> (function () { var life = { $title: document.getElementById("t
Open service 18.192.94.96:443 · life.zainf.dev
2024-09-08 20:32
HTTP/1.1 200 OK Accept-Ranges: bytes Age: 1 Cache-Control: public,max-age=0,must-revalidate Cache-Status: "Netlify Edge"; fwd=miss Content-Length: 16444 Content-Type: text/html; charset=UTF-8 Date: Sun, 08 Sep 2024 20:32:14 GMT Etag: "f1d45d9b68b31c74e991d89bf7061752-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J79NCK4TC8Q73DNNRGH4P4AS Connection: close Page title: Life <!doctype html> <meta charset="UTF-8" /> <title>Life</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="format-detection" content="telephone=no" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:700,400,300" /> <style> body { font-family: Open Sans, Helvetica, Arial, sans-serif; color: #fff; background-color: #404040; margin: 0; padding: 0; font-size: 12px; -webkit-text-size-adjust: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } a { color: #fff; } header { z-index: 3; background: linear-gradient( to bottom, rgba(56, 64, 71, 0) 0%, rgba(56, 64, 71, 0.5) 20%, rgba(56, 64, 71, 1) 50%, rgba(56, 64, 71, 0.5) 80%, rgba(56, 64, 71, 0) 100% ); position: fixed; bottom: 0; left: 0; margin: 0; padding: 10px; } header a { margin-left: 1em; opacity: 0.3; text-decoration: none; } header a:hover { opacity: 0.7; text-decoration: underline; } h1 { display: inline; font-size: 20px; line-height: 1em; opacity: 0.5; z-index: 3; font-weight: 300; white-space: nowrap; } code.desktop { color: #fef08a; } code.laptop { color: #a7f3d0; } code.trackpad { color: #99f6e4; } code.phone { color: #ddd6fe; } code.tablet { color: #a5f3fc; } code.headphones { color: #fca5a5; } code.watch { color: #fbcfe8; } #life { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } #life-years { position: absolute; top: 0; bottom: 0; white-space: nowrap; pointer-events: none; } #life-years .year { display: inline-block; box-sizing: border-box; color: #fff; font-weight: 300; white-space: nowrap; box-sizing: border-box; height: 100%; border-left: 1px dashed rgba(255, 255, 255, 0.2); } #life-years .year:first-child { border-left: 0; } #life-years .year span { background: linear-gradient( to bottom, rgba(56, 64, 71, 1) 30%, rgba(56, 64, 71, 0) 100% ); display: block; padding: 10px; position: -webkit-sticky; position: sticky; top: 0; z-index: 3; } #life-years .year span i { opacity: 0.5; font-style: normal; } #life-events { padding-top: 40px; padding-bottom: 5em; position: relative; } #life-events:after { content: ""; display: block; clear: left; } #life .event { padding-right: 20px; padding-bottom: 5px; vertical-align: middle; white-space: nowrap; float: left; clear: left; } #life .event b { font-weight: normal; color: rgba(255, 255, 255, 0.5); } #life .event .time { display: inline-block; overflow: hidden; height: 0; border: 4px solid #fff; border-radius: 4px; margin-right: 10px; opacity: 0.3; position: relative; left: -2px; } #life .event:hover .time { opacity: 0.5; } </style> <header> <h1 id="title">Life</h1> <a href="https://github.com/cheeaun/life">Fork me</a> </header> <div id="life"></div> <script> (function () { var life = { $title: document.getElementById("t
Open service 18.192.94.96:443 · life.zainf.dev
2024-09-06 23:35
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: 16444 Content-Type: text/html; charset=UTF-8 Date: Fri, 06 Sep 2024 23:35:20 GMT Etag: "f1d45d9b68b31c74e991d89bf7061752-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J74V2E6Z26XB4KJB4B5RE5VW Connection: close Page title: Life <!doctype html> <meta charset="UTF-8" /> <title>Life</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="format-detection" content="telephone=no" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:700,400,300" /> <style> body { font-family: Open Sans, Helvetica, Arial, sans-serif; color: #fff; background-color: #404040; margin: 0; padding: 0; font-size: 12px; -webkit-text-size-adjust: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } a { color: #fff; } header { z-index: 3; background: linear-gradient( to bottom, rgba(56, 64, 71, 0) 0%, rgba(56, 64, 71, 0.5) 20%, rgba(56, 64, 71, 1) 50%, rgba(56, 64, 71, 0.5) 80%, rgba(56, 64, 71, 0) 100% ); position: fixed; bottom: 0; left: 0; margin: 0; padding: 10px; } header a { margin-left: 1em; opacity: 0.3; text-decoration: none; } header a:hover { opacity: 0.7; text-decoration: underline; } h1 { display: inline; font-size: 20px; line-height: 1em; opacity: 0.5; z-index: 3; font-weight: 300; white-space: nowrap; } code.desktop { color: #fef08a; } code.laptop { color: #a7f3d0; } code.trackpad { color: #99f6e4; } code.phone { color: #ddd6fe; } code.tablet { color: #a5f3fc; } code.headphones { color: #fca5a5; } code.watch { color: #fbcfe8; } #life { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } #life-years { position: absolute; top: 0; bottom: 0; white-space: nowrap; pointer-events: none; } #life-years .year { display: inline-block; box-sizing: border-box; color: #fff; font-weight: 300; white-space: nowrap; box-sizing: border-box; height: 100%; border-left: 1px dashed rgba(255, 255, 255, 0.2); } #life-years .year:first-child { border-left: 0; } #life-years .year span { background: linear-gradient( to bottom, rgba(56, 64, 71, 1) 30%, rgba(56, 64, 71, 0) 100% ); display: block; padding: 10px; position: -webkit-sticky; position: sticky; top: 0; z-index: 3; } #life-years .year span i { opacity: 0.5; font-style: normal; } #life-events { padding-top: 40px; padding-bottom: 5em; position: relative; } #life-events:after { content: ""; display: block; clear: left; } #life .event { padding-right: 20px; padding-bottom: 5px; vertical-align: middle; white-space: nowrap; float: left; clear: left; } #life .event b { font-weight: normal; color: rgba(255, 255, 255, 0.5); } #life .event .time { display: inline-block; overflow: hidden; height: 0; border: 4px solid #fff; border-radius: 4px; margin-right: 10px; opacity: 0.3; position: relative; left: -2px; } #life .event:hover .time { opacity: 0.5; } </style> <header> <h1 id="title">Life</h1> <a href="https://github.com/cheeaun/life">Fork me</a> </header> <div id="life"></div> <script> (function () { var life = { $title: document.getElementById("t
Open service 18.192.94.96:443 · life.zainf.dev
2024-08-18 13: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: 16444 Content-Type: text/html; charset=UTF-8 Date: Sun, 18 Aug 2024 13:42:54 GMT Etag: "e0cb656ec0de14d533f993f00c861ecf-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J5JVM0CH18T159BM67Z30R9J Connection: close Page title: Life <!doctype html> <meta charset="UTF-8" /> <title>Life</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="format-detection" content="telephone=no" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:700,400,300" /> <style> body { font-family: Open Sans, Helvetica, Arial, sans-serif; color: #fff; background-color: #404040; margin: 0; padding: 0; font-size: 12px; -webkit-text-size-adjust: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } a { color: #fff; } header { z-index: 3; background: linear-gradient( to bottom, rgba(56, 64, 71, 0) 0%, rgba(56, 64, 71, 0.5) 20%, rgba(56, 64, 71, 1) 50%, rgba(56, 64, 71, 0.5) 80%, rgba(56, 64, 71, 0) 100% ); position: fixed; bottom: 0; left: 0; margin: 0; padding: 10px; } header a { margin-left: 1em; opacity: 0.3; text-decoration: none; } header a:hover { opacity: 0.7; text-decoration: underline; } h1 { display: inline; font-size: 20px; line-height: 1em; opacity: 0.5; z-index: 3; font-weight: 300; white-space: nowrap; } code.desktop { color: #fef08a; } code.laptop { color: #a7f3d0; } code.trackpad { color: #99f6e4; } code.phone { color: #ddd6fe; } code.tablet { color: #a5f3fc; } code.headphones { color: #fca5a5; } code.watch { color: #fbcfe8; } #life { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } #life-years { position: absolute; top: 0; bottom: 0; white-space: nowrap; pointer-events: none; } #life-years .year { display: inline-block; box-sizing: border-box; color: #fff; font-weight: 300; white-space: nowrap; box-sizing: border-box; height: 100%; border-left: 1px dashed rgba(255, 255, 255, 0.2); } #life-years .year:first-child { border-left: 0; } #life-years .year span { background: linear-gradient( to bottom, rgba(56, 64, 71, 1) 30%, rgba(56, 64, 71, 0) 100% ); display: block; padding: 10px; position: -webkit-sticky; position: sticky; top: 0; z-index: 3; } #life-years .year span i { opacity: 0.5; font-style: normal; } #life-events { padding-top: 40px; padding-bottom: 5em; position: relative; } #life-events:after { content: ""; display: block; clear: left; } #life .event { padding-right: 20px; padding-bottom: 5px; vertical-align: middle; white-space: nowrap; float: left; clear: left; } #life .event b { font-weight: normal; color: rgba(255, 255, 255, 0.5); } #life .event .time { display: inline-block; overflow: hidden; height: 0; border: 4px solid #fff; border-radius: 4px; margin-right: 10px; opacity: 0.3; position: relative; left: -2px; } #life .event:hover .time { opacity: 0.5; } </style> <header> <h1 id="title">Life</h1> <a href="https://github.com/cheeaun/life">Fork me</a> </header> <div id="life"></div> <script> (function () { var life = { $title: document.getElementById("t
Open service 18.192.94.96:443 · life.zainf.dev
2024-08-16 13: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: 16444 Content-Type: text/html; charset=UTF-8 Date: Fri, 16 Aug 2024 13:42:57 GMT Etag: "e0cb656ec0de14d533f993f00c861ecf-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J5DPTN8QJ5WF69H4JK1EQ60K Connection: close Page title: Life <!doctype html> <meta charset="UTF-8" /> <title>Life</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="format-detection" content="telephone=no" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:700,400,300" /> <style> body { font-family: Open Sans, Helvetica, Arial, sans-serif; color: #fff; background-color: #404040; margin: 0; padding: 0; font-size: 12px; -webkit-text-size-adjust: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } a { color: #fff; } header { z-index: 3; background: linear-gradient( to bottom, rgba(56, 64, 71, 0) 0%, rgba(56, 64, 71, 0.5) 20%, rgba(56, 64, 71, 1) 50%, rgba(56, 64, 71, 0.5) 80%, rgba(56, 64, 71, 0) 100% ); position: fixed; bottom: 0; left: 0; margin: 0; padding: 10px; } header a { margin-left: 1em; opacity: 0.3; text-decoration: none; } header a:hover { opacity: 0.7; text-decoration: underline; } h1 { display: inline; font-size: 20px; line-height: 1em; opacity: 0.5; z-index: 3; font-weight: 300; white-space: nowrap; } code.desktop { color: #fef08a; } code.laptop { color: #a7f3d0; } code.trackpad { color: #99f6e4; } code.phone { color: #ddd6fe; } code.tablet { color: #a5f3fc; } code.headphones { color: #fca5a5; } code.watch { color: #fbcfe8; } #life { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } #life-years { position: absolute; top: 0; bottom: 0; white-space: nowrap; pointer-events: none; } #life-years .year { display: inline-block; box-sizing: border-box; color: #fff; font-weight: 300; white-space: nowrap; box-sizing: border-box; height: 100%; border-left: 1px dashed rgba(255, 255, 255, 0.2); } #life-years .year:first-child { border-left: 0; } #life-years .year span { background: linear-gradient( to bottom, rgba(56, 64, 71, 1) 30%, rgba(56, 64, 71, 0) 100% ); display: block; padding: 10px; position: -webkit-sticky; position: sticky; top: 0; z-index: 3; } #life-years .year span i { opacity: 0.5; font-style: normal; } #life-events { padding-top: 40px; padding-bottom: 5em; position: relative; } #life-events:after { content: ""; display: block; clear: left; } #life .event { padding-right: 20px; padding-bottom: 5px; vertical-align: middle; white-space: nowrap; float: left; clear: left; } #life .event b { font-weight: normal; color: rgba(255, 255, 255, 0.5); } #life .event .time { display: inline-block; overflow: hidden; height: 0; border: 4px solid #fff; border-radius: 4px; margin-right: 10px; opacity: 0.3; position: relative; left: -2px; } #life .event:hover .time { opacity: 0.5; } </style> <header> <h1 id="title">Life</h1> <a href="https://github.com/cheeaun/life">Fork me</a> </header> <div id="life"></div> <script> (function () { var life = { $title: document.getElementById("t
Open service 18.192.94.96:443 · life.zainf.dev
2024-08-14 06:31
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: 16444 Content-Type: text/html; charset=UTF-8 Date: Wed, 14 Aug 2024 06:31:51 GMT Etag: "e0cb656ec0de14d533f993f00c861ecf-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J57SBV15ZCYYJ0JPG1VEAMYQ Connection: close Page title: Life <!doctype html> <meta charset="UTF-8" /> <title>Life</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="format-detection" content="telephone=no" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:700,400,300" /> <style> body { font-family: Open Sans, Helvetica, Arial, sans-serif; color: #fff; background-color: #404040; margin: 0; padding: 0; font-size: 12px; -webkit-text-size-adjust: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } a { color: #fff; } header { z-index: 3; background: linear-gradient( to bottom, rgba(56, 64, 71, 0) 0%, rgba(56, 64, 71, 0.5) 20%, rgba(56, 64, 71, 1) 50%, rgba(56, 64, 71, 0.5) 80%, rgba(56, 64, 71, 0) 100% ); position: fixed; bottom: 0; left: 0; margin: 0; padding: 10px; } header a { margin-left: 1em; opacity: 0.3; text-decoration: none; } header a:hover { opacity: 0.7; text-decoration: underline; } h1 { display: inline; font-size: 20px; line-height: 1em; opacity: 0.5; z-index: 3; font-weight: 300; white-space: nowrap; } code.desktop { color: #fef08a; } code.laptop { color: #a7f3d0; } code.trackpad { color: #99f6e4; } code.phone { color: #ddd6fe; } code.tablet { color: #a5f3fc; } code.headphones { color: #fca5a5; } code.watch { color: #fbcfe8; } #life { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } #life-years { position: absolute; top: 0; bottom: 0; white-space: nowrap; pointer-events: none; } #life-years .year { display: inline-block; box-sizing: border-box; color: #fff; font-weight: 300; white-space: nowrap; box-sizing: border-box; height: 100%; border-left: 1px dashed rgba(255, 255, 255, 0.2); } #life-years .year:first-child { border-left: 0; } #life-years .year span { background: linear-gradient( to bottom, rgba(56, 64, 71, 1) 30%, rgba(56, 64, 71, 0) 100% ); display: block; padding: 10px; position: -webkit-sticky; position: sticky; top: 0; z-index: 3; } #life-years .year span i { opacity: 0.5; font-style: normal; } #life-events { padding-top: 40px; padding-bottom: 5em; position: relative; } #life-events:after { content: ""; display: block; clear: left; } #life .event { padding-right: 20px; padding-bottom: 5px; vertical-align: middle; white-space: nowrap; float: left; clear: left; } #life .event b { font-weight: normal; color: rgba(255, 255, 255, 0.5); } #life .event .time { display: inline-block; overflow: hidden; height: 0; border: 4px solid #fff; border-radius: 4px; margin-right: 10px; opacity: 0.3; position: relative; left: -2px; } #life .event:hover .time { opacity: 0.5; } </style> <header> <h1 id="title">Life</h1> <a href="https://github.com/cheeaun/life">Fork me</a> </header> <div id="life"></div> <script> (function () { var life = { $title: document.getElementById("t
Open service 18.192.94.96:443 · life.zainf.dev
2024-08-12 05:15
HTTP/1.1 200 OK Accept-Ranges: bytes Age: 1 Cache-Control: public,max-age=0,must-revalidate Cache-Status: "Netlify Edge"; hit Content-Length: 16444 Content-Type: text/html; charset=UTF-8 Date: Mon, 12 Aug 2024 05:15:05 GMT Etag: "e0cb656ec0de14d533f993f00c861ecf-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J52G5TZXZ2KJY9YCBSFAM19X Connection: close Page title: Life <!doctype html> <meta charset="UTF-8" /> <title>Life</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="format-detection" content="telephone=no" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:700,400,300" /> <style> body { font-family: Open Sans, Helvetica, Arial, sans-serif; color: #fff; background-color: #404040; margin: 0; padding: 0; font-size: 12px; -webkit-text-size-adjust: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } a { color: #fff; } header { z-index: 3; background: linear-gradient( to bottom, rgba(56, 64, 71, 0) 0%, rgba(56, 64, 71, 0.5) 20%, rgba(56, 64, 71, 1) 50%, rgba(56, 64, 71, 0.5) 80%, rgba(56, 64, 71, 0) 100% ); position: fixed; bottom: 0; left: 0; margin: 0; padding: 10px; } header a { margin-left: 1em; opacity: 0.3; text-decoration: none; } header a:hover { opacity: 0.7; text-decoration: underline; } h1 { display: inline; font-size: 20px; line-height: 1em; opacity: 0.5; z-index: 3; font-weight: 300; white-space: nowrap; } code.desktop { color: #fef08a; } code.laptop { color: #a7f3d0; } code.trackpad { color: #99f6e4; } code.phone { color: #ddd6fe; } code.tablet { color: #a5f3fc; } code.headphones { color: #fca5a5; } code.watch { color: #fbcfe8; } #life { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } #life-years { position: absolute; top: 0; bottom: 0; white-space: nowrap; pointer-events: none; } #life-years .year { display: inline-block; box-sizing: border-box; color: #fff; font-weight: 300; white-space: nowrap; box-sizing: border-box; height: 100%; border-left: 1px dashed rgba(255, 255, 255, 0.2); } #life-years .year:first-child { border-left: 0; } #life-years .year span { background: linear-gradient( to bottom, rgba(56, 64, 71, 1) 30%, rgba(56, 64, 71, 0) 100% ); display: block; padding: 10px; position: -webkit-sticky; position: sticky; top: 0; z-index: 3; } #life-years .year span i { opacity: 0.5; font-style: normal; } #life-events { padding-top: 40px; padding-bottom: 5em; position: relative; } #life-events:after { content: ""; display: block; clear: left; } #life .event { padding-right: 20px; padding-bottom: 5px; vertical-align: middle; white-space: nowrap; float: left; clear: left; } #life .event b { font-weight: normal; color: rgba(255, 255, 255, 0.5); } #life .event .time { display: inline-block; overflow: hidden; height: 0; border: 4px solid #fff; border-radius: 4px; margin-right: 10px; opacity: 0.3; position: relative; left: -2px; } #life .event:hover .time { opacity: 0.5; } </style> <header> <h1 id="title">Life</h1> <a href="https://github.com/cheeaun/life">Fork me</a> </header> <div id="life"></div> <script> (function () { var life = { $title: document.getElementById("t
Open service 18.192.94.96:443 · life.zainf.dev
2024-08-10 05:53
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: 16444 Content-Type: text/html; charset=UTF-8 Date: Sat, 10 Aug 2024 05:53:38 GMT Etag: "e0cb656ec0de14d533f993f00c861ecf-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J4XDK02F8G9PB8T7XZF1KR34 Connection: close Page title: Life <!doctype html> <meta charset="UTF-8" /> <title>Life</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="format-detection" content="telephone=no" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:700,400,300" /> <style> body { font-family: Open Sans, Helvetica, Arial, sans-serif; color: #fff; background-color: #404040; margin: 0; padding: 0; font-size: 12px; -webkit-text-size-adjust: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } a { color: #fff; } header { z-index: 3; background: linear-gradient( to bottom, rgba(56, 64, 71, 0) 0%, rgba(56, 64, 71, 0.5) 20%, rgba(56, 64, 71, 1) 50%, rgba(56, 64, 71, 0.5) 80%, rgba(56, 64, 71, 0) 100% ); position: fixed; bottom: 0; left: 0; margin: 0; padding: 10px; } header a { margin-left: 1em; opacity: 0.3; text-decoration: none; } header a:hover { opacity: 0.7; text-decoration: underline; } h1 { display: inline; font-size: 20px; line-height: 1em; opacity: 0.5; z-index: 3; font-weight: 300; white-space: nowrap; } code.desktop { color: #fef08a; } code.laptop { color: #a7f3d0; } code.trackpad { color: #99f6e4; } code.phone { color: #ddd6fe; } code.tablet { color: #a5f3fc; } code.headphones { color: #fca5a5; } code.watch { color: #fbcfe8; } #life { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } #life-years { position: absolute; top: 0; bottom: 0; white-space: nowrap; pointer-events: none; } #life-years .year { display: inline-block; box-sizing: border-box; color: #fff; font-weight: 300; white-space: nowrap; box-sizing: border-box; height: 100%; border-left: 1px dashed rgba(255, 255, 255, 0.2); } #life-years .year:first-child { border-left: 0; } #life-years .year span { background: linear-gradient( to bottom, rgba(56, 64, 71, 1) 30%, rgba(56, 64, 71, 0) 100% ); display: block; padding: 10px; position: -webkit-sticky; position: sticky; top: 0; z-index: 3; } #life-years .year span i { opacity: 0.5; font-style: normal; } #life-events { padding-top: 40px; padding-bottom: 5em; position: relative; } #life-events:after { content: ""; display: block; clear: left; } #life .event { padding-right: 20px; padding-bottom: 5px; vertical-align: middle; white-space: nowrap; float: left; clear: left; } #life .event b { font-weight: normal; color: rgba(255, 255, 255, 0.5); } #life .event .time { display: inline-block; overflow: hidden; height: 0; border: 4px solid #fff; border-radius: 4px; margin-right: 10px; opacity: 0.3; position: relative; left: -2px; } #life .event:hover .time { opacity: 0.5; } </style> <header> <h1 id="title">Life</h1> <a href="https://github.com/cheeaun/life">Fork me</a> </header> <div id="life"></div> <script> (function () { var life = { $title: document.getElementById("t
Open service 18.192.94.96:443 · life.zainf.dev
2024-08-08 06:59
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: 16444 Content-Type: text/html; charset=UTF-8 Date: Thu, 08 Aug 2024 06:59:12 GMT Etag: "e0cb656ec0de14d533f993f00c861ecf-ssl" Server: Netlify Strict-Transport-Security: max-age=31536000 X-Nf-Request-Id: 01J4RCHKV21HKEK0ZDM4EFKEYQ Connection: close Page title: Life <!doctype html> <meta charset="UTF-8" /> <title>Life</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="format-detection" content="telephone=no" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:700,400,300" /> <style> body { font-family: Open Sans, Helvetica, Arial, sans-serif; color: #fff; background-color: #404040; margin: 0; padding: 0; font-size: 12px; -webkit-text-size-adjust: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } a { color: #fff; } header { z-index: 3; background: linear-gradient( to bottom, rgba(56, 64, 71, 0) 0%, rgba(56, 64, 71, 0.5) 20%, rgba(56, 64, 71, 1) 50%, rgba(56, 64, 71, 0.5) 80%, rgba(56, 64, 71, 0) 100% ); position: fixed; bottom: 0; left: 0; margin: 0; padding: 10px; } header a { margin-left: 1em; opacity: 0.3; text-decoration: none; } header a:hover { opacity: 0.7; text-decoration: underline; } h1 { display: inline; font-size: 20px; line-height: 1em; opacity: 0.5; z-index: 3; font-weight: 300; white-space: nowrap; } code.desktop { color: #fef08a; } code.laptop { color: #a7f3d0; } code.trackpad { color: #99f6e4; } code.phone { color: #ddd6fe; } code.tablet { color: #a5f3fc; } code.headphones { color: #fca5a5; } code.watch { color: #fbcfe8; } #life { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } #life-years { position: absolute; top: 0; bottom: 0; white-space: nowrap; pointer-events: none; } #life-years .year { display: inline-block; box-sizing: border-box; color: #fff; font-weight: 300; white-space: nowrap; box-sizing: border-box; height: 100%; border-left: 1px dashed rgba(255, 255, 255, 0.2); } #life-years .year:first-child { border-left: 0; } #life-years .year span { background: linear-gradient( to bottom, rgba(56, 64, 71, 1) 30%, rgba(56, 64, 71, 0) 100% ); display: block; padding: 10px; position: -webkit-sticky; position: sticky; top: 0; z-index: 3; } #life-years .year span i { opacity: 0.5; font-style: normal; } #life-events { padding-top: 40px; padding-bottom: 5em; position: relative; } #life-events:after { content: ""; display: block; clear: left; } #life .event { padding-right: 20px; padding-bottom: 5px; vertical-align: middle; white-space: nowrap; float: left; clear: left; } #life .event b { font-weight: normal; color: rgba(255, 255, 255, 0.5); } #life .event .time { display: inline-block; overflow: hidden; height: 0; border: 4px solid #fff; border-radius: 4px; margin-right: 10px; opacity: 0.3; position: relative; left: -2px; } #life .event:hover .time { opacity: 0.5; } </style> <header> <h1 id="title">Life</h1> <a href="https://github.com/cheeaun/life">Fork me</a> </header> <div id="life"></div> <script> (function () { var life = { $title: document.getElementById("t