cloudflare
tcp/443 tcp/80 tcp/8443
Open service 2606:4700:310c::ac42:2d1f:443 · thebarman.pages.dev
2026-01-12 17:14
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:14:36 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ZC2%2FAtBhuamF3gAdhZYCXz0SKn3zruofllXOn86lOZq2BRc4eLaCw4L3FlOrhCT0pI74j8trhuXkx%2BOxKq6ZedMWi%2FcenyCaBkCFk%2FNtgpgzSDzZTBBDACoNCu%2Fagc8%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce4a8a6b82c46f-FRA
alt-svc: h3=":443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran
Open service 2606:4700:310c::ac42:2d1f:8443 · thebarman.pages.dev
2026-01-12 17:14
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:14:36 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=V9ABpc6B5WbcDouN48T7BQa3Q%2FRJs5wpHbsgRacoDyXIx5eaZNt%2BlXVF47bKlKhOw71%2BmQCheMM0TrQipKTp%2Fa7b1Uz%2BSC9ELPtMKFXxQhTE4wAGvWly8xqYb4BigEY%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce4a8b5e294400-EWR
alt-svc: h3=":8443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran
Open service 2606:4700:310c::ac42:2ee1:8443 · thebarman.pages.dev
2026-01-12 17:14
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:14:36 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=BUjZDPdR03E9cFAY7D5TYPZhixvhoEQ83Wbs5gu67GYinoLx%2BNqjR9NeFdwnNkXiNG6UH7ks7N0esefJk7gxZjB3TkB%2BMSKYXwy4Y5Rny6Tr5JjfIvElWiRnj72wZ3g%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce4a8a3996d349-FRA
alt-svc: h3=":8443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran
Open service 2606:4700:310c::ac42:2d1f:80 · thebarman.pages.dev
2026-01-12 17:14
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 17:14:36 GMT
Content-Length: 0
Connection: close
Location: https://thebarman.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=3JicRoBUAgTUs15JGO%2F%2B16j2rCrFyO9wKGA0JXzjcM7qL6ugb97jZImAIJg%2B6Z0QihF3nPV7PuZS39RHuhSX8WOmEv2igjuCo8rNb2sluWUMXDVG7MejZ1OlJDeLB%2BM%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce4a89cc57e5e0-AMS
alt-svc: h3=":443"; ma=86400
Open service 172.66.45.31:80 · thebarman.pages.dev
2026-01-12 17:14
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 17:14:36 GMT
Content-Length: 0
Connection: close
Location: https://thebarman.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=%2BT59IPhzMllBQyLVmN8bcGvjn9dGwybeFdSJMD8foAd6bU9%2FQXk7Ah9M9t%2FUjsQakdLOvO%2B132qQH%2BnLGb%2BLXlXdvEMGpyNjbzILrXlOftwpMO4%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce4a89be4d3626-FRA
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2ee1:443 · thebarman.pages.dev
2026-01-12 17:14
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:14:36 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=S%2FTQkAFbn5TJgxbjFC3mkpwEg2zv9mYln68FvKwC3fiyfU3R9gL7wamqbiB9VmjNAuOI%2FEkO5RiLqo8RZTmz9q1S6CK%2B6t0sN0imKoaohYbhuCEKVTFmpoNvlMcSEf8%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce4a8a8960ad10-AMS
alt-svc: h3=":443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran
Open service 172.66.45.31:8443 · thebarman.pages.dev
2026-01-12 17:14
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:14:36 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=mOCPpErjChpqNdoRVR6U9CMbkHDOxlgNzKavgFCU8zqjwT4h008xgtHM7mVOcQF%2FBPTWlFaFHdUCHnVLO0s5%2FjyH5kwrjm8%2BDVuTWL5Y7Ayjp0Q%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce4a8a8c56778f-LHR
alt-svc: h3=":8443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran
Open service 2606:4700:310c::ac42:2ee1:80 · thebarman.pages.dev
2026-01-12 17:14
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 17:14:36 GMT
Content-Length: 0
Connection: close
Location: https://thebarman.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=EyMAOIQjL0aT9iIziyHS9tgt9zdHwMkAw5vy8SPNVJW8hy5Fy3oFnxvLZegmGiGXifc9zPQNWFLjlZPctG76q6HryaD6zOzatt7t%2BikmECwSb%2FVqNeLqlGDgng%2FHTzk%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce4a8988625d6f-FRA
alt-svc: h3=":443"; ma=86400
Open service 172.66.45.31:443 · thebarman.pages.dev
2026-01-12 17:14
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:14:36 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=V4pnpZB1Hsn95wstZIoz5Fe1MpFjcQxHgBLYd%2F1nSbDb2Tz8bzEu4jr03UpqCnDKxFSTEzgEz8bG%2BN%2BirLp%2BhWtfqNH7govNeApOpnk6%2B43bZXE%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce4a898a1effed-FRA
alt-svc: h3=":443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran
Open service 172.66.46.225:80 · thebarman.pages.dev
2026-01-12 17:14
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 17:14:36 GMT
Content-Length: 0
Connection: close
Location: https://thebarman.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ZswLmgjKR%2FUd%2FKwbw0k%2BQ3pC%2FbM%2BW34%2F%2BDziZ8Wollu7EXQ%2FZ3s7sgQcW1kdBEdyCiJ3fNqRTX5qnSaWa2lSH75lmUKuEr1xpdHUXbKR5lS5SSw%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce4a893c32d28a-FRA
alt-svc: h3=":443"; ma=86400
Open service 172.66.46.225:8443 · thebarman.pages.dev
2026-01-12 17:14
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:14:36 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=rS3mRwx2OwJjfY8BMi9fcmmq9%2BEl4xi6x2Ym00iaH5ueEpqhdQ2NTYLpT7Llf0KSTVFI6gNFjeHXnnpeq%2BjqCx7f5DG9k4JM6bPex%2BPUiM%2Fc7w8%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce4a89aa01dcc6-FRA
alt-svc: h3=":8443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran
Open service 172.66.46.225:443 · thebarman.pages.dev
2026-01-12 17:14
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 17:14:36 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=HjZPdztAFc5q9pDVOJ3t5ZVSWzlJwlXhgnrQZJyT6%2BrE2PByXuj8XH3JqcWI1D9LTMAn2ml4KyRJ%2BO05kewGr1tEtL75qaZyy3yuwav4B18gOiQ%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bce4a8a99a9948c-LHR
alt-svc: h3=":443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran
Open service 172.66.45.31:80 · thebarman.pages.dev
2026-01-09 10:44
HTTP/1.1 301 Moved Permanently
Date: Fri, 09 Jan 2026 10:44:12 GMT
Content-Length: 0
Connection: close
Location: https://thebarman.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=u3tWuBfXyUk%2BbizU%2Fio5tv8ymL4amX5ID0GMCP8ep27iUDr1ZcVhWRCuY569nwJJKyzDIwvR05P2Vplzn1qtEJzevdn%2B2Nx4L3j8Uw21kQWK0H4%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb356871dfef46c-YYZ
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2ee1:8443 · thebarman.pages.dev
2026-01-09 10:44
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 10:44:12 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=gSn9U5Nx5uUtryUovQzuN4s2n4dFXUdd7fN%2BaEdATkS%2BkqhHsr%2ByUSUSaOhmD8OFqYdrFY4NSX3HbaKlid15ZyvNuTgC%2FddLx%2Fp0WVMRreRcIUosCsU%2F9OecyS7BLbg%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb35686e82b93b6-EWR
alt-svc: h3=":8443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran
Open service 172.66.46.225:80 · thebarman.pages.dev
2026-01-09 10:44
HTTP/1.1 301 Moved Permanently
Date: Fri, 09 Jan 2026 10:44:11 GMT
Content-Length: 0
Connection: close
Location: https://thebarman.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=qWstqSzKzlfEUg%2BPCT%2B4WUZInwp5vWSLynunbscR0hOxDaZaxMaKmm5KOP0%2FTAh2V815SZ2gEEbRXwsCsNcdg5MEWsWnr6B%2BKMv07w4A8a8fIwQ%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb356869d21ac57-YYZ
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2ee1:443 · thebarman.pages.dev
2026-01-09 10:44
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 10:44:11 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=BN%2Bvh1MsYJ%2Fb62YJyO%2Bsl60avci6fOrzsw9DBLiCNsmu%2FnDjXw%2Fl5L%2BlXgg7vgi%2FFq47Kx%2FIzXBjoVKv98mqlhFVa2F3zJ7EriHhkmdYIXp%2BUKZrjdGKdGDKeUGdZCc%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb356869a649752-FRA
alt-svc: h3=":443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran
Open service 172.66.45.31:443 · thebarman.pages.dev
2026-01-09 10:44
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 10:44:12 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=3lmY3XVkv1z09TRaxPL7wphXDdtGebxUjC1q6242Jgdm8ZkX5xxH7%2BYRhhpiTBp0DKhmg6V5TfCRrxh%2FNqdtbob5i1zPJ2Z4lpxicO3s3bE1feI%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb35689ee2cfcf8-SIN
alt-svc: h3=":443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran
Open service 2606:4700:310c::ac42:2ee1:80 · thebarman.pages.dev
2026-01-09 10:44
HTTP/1.1 301 Moved Permanently
Date: Fri, 09 Jan 2026 10:44:11 GMT
Content-Length: 0
Connection: close
Location: https://thebarman.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=l9k4yQTZTgO6gofKjcOSsCiPDxMlfQttvIFlLCjJcA2xLZp9qR3rzVkHMQbeLUd2iYFUZQ%2BzwhdsgS3F26a8QOaQ6hRfRZ0vo%2Fspz6q%2BuNxowTUhrDAGrenpEJ4p62E%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb356861a53f25f-EWR
alt-svc: h3=":443"; ma=86400
Open service 172.66.46.225:443 · thebarman.pages.dev
2026-01-09 10:44
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 10:44:12 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ELbYMVhLARXfAVPyFtJPKV%2Byb4nw0dhorU5tn4yxdd%2FwVh%2Fm8JcKcTLJxbfBf74u1eww%2B2B64eLByeeb4YGo3UWuuI%2FksKvVLl4BSM9jiuwI%2FYI%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb35686b85f9bb6-FRA
alt-svc: h3=":443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran
Open service 172.66.45.31:8443 · thebarman.pages.dev
2026-01-09 10:44
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 10:44:12 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=DktccCWc6SFekh0pmhJvEXgpnVJ14bM0GcKCg6Cdsd5S%2BXti3LsGjeJ9ELsaHJKCp74QGLbsV9Neway1eVf6TYzLKAhiad99gtKsIyV8IHtXSls%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb35689fa97fb86-SIN
alt-svc: h3=":8443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran
Open service 172.66.46.225:8443 · thebarman.pages.dev
2026-01-09 10:44
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 10:44:11 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=hajBSoDR0QywdcuWslyKrwVKIOzvi6KY31cD680VwyUqIt95wpw8sEvfQSo%2FPQ10DBdXAnOYZwW6xpZc5cUVRvCbEoAZ0QuRxInRNhAtjpgCFuk%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb356862a0c1ca7-AMS
alt-svc: h3=":8443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran
Open service 2606:4700:310c::ac42:2d1f:80 · thebarman.pages.dev
2026-01-09 10:44
HTTP/1.1 301 Moved Permanently
Date: Fri, 09 Jan 2026 10:44:11 GMT
Content-Length: 0
Connection: close
Location: https://thebarman.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=yI0fm5Q%2Bu3Rk%2FXx%2BxQr0stWv3A9kbc9Q3vL5Eq%2FxZ3QdX5RBxpv33Ar%2BMJsie3dbPMwDPZ6ep3LYL49AHckOLbBfwdU557adLAU8S7d2GAzw16oICldwcdOusoxjZlg%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb356858c4cd2a6-FRA
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2d1f:443 · thebarman.pages.dev
2026-01-09 10:44
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 10:44:11 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=mrDORww0ote44p6zPATC2%2Fy8oIwcqL5hYEZ6rt0EVu03I240RP3uoX7F%2BHhtIKeiDaI49l7rfeeG0q2PZE0oU5a%2B19RL2jPxCFvp9QHSA%2FwaduhmipnEfHLeP6Ud"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb35685ddef9b3f-FRA
alt-svc: h3=":443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran
Open service 2606:4700:310c::ac42:2d1f:8443 · thebarman.pages.dev
2026-01-09 10:44
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 10:44:11 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 31863
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "ca423e37617e97c1786e9730059a9da1"
Link: <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=7qpQ94DWqNSYsDTslCTghoL7%2BauNR9Cwpz4Et4kDAwpNdfD%2FSHHKtDETzur42PxQaZFcRwmH3uz1eOBaZMoc0EmCh1AOKq6ix7meOW%2FegpR%2FKxzXu%2BPnB%2B6O%2FWMPVTE%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb35685bd0f643e-EWR
alt-svc: h3=":8443"; ma=86400
Page title: Alcohol Timeline Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alcohol Timeline Calculator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa; /* Light gray background */
color: #212529; /* Dark text */
}
/* Custom styling for the gender toggle */
.gender-toggle-container {
position: relative;
display: inline-block;
width: 130px;
height: 44px;
}
.gender-toggle-input {
opacity: 0;
width: 0;
height: 0;
}
.gender-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e9ecef; /* Lighter gray */
transition: .4s;
border-radius: 44px;
}
.gender-toggle-slider:before {
position: absolute;
content: "";
height: 36px;
width: 61px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 44px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.gender-toggle-input:checked + .gender-toggle-slider {
background-color: #3b82f6; /* Blue */
}
.gender-toggle-input:checked + .gender-toggle-slider:before {
transform: translateX(61px);
}
.gender-toggle-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 500;
pointer-events: none;
transition: color .4s;
}
.gender-toggle-text.male {
left: 18px;
color: #3b82f6; /* Blue */
}
.gender-toggle-text.female {
right: 18px;
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.male {
color: #6c757d; /* Medium gray */
}
.gender-toggle-input:checked ~ .gender-toggle-text.female {
color: white;
}
/* Custom scrollbar for timeline */
.timeline-container::-webkit-scrollbar {
height: 8px;
}
.timeline-container::-webkit-scrollbar-track {
background: #e9ecef;
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb {
background: #ced4da; /* Darker gray */
border-radius: 10px;
}
.timeline-container::-webkit-scrollbar-thumb:hover {
background: #adb5bd; /* Even darker gray */
}
.drink-icon-shadow {
filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06));
cursor: pointer;
}
.modal-enter { animation: fadeIn 0.3s ease-out forwards; }
.modal-leave { animation: fadeOut 0.3s ease-in forwards; }
.modal-content-enter { animation: scaleUp 0.3s ease-out forwards; }
.modal-content-leave { animation: scaleDown 0.3s ease-in forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes scaleUp { from { transform: scale(0.95) tran