<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Government Service Assistance Center</title> <style> @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Roboto:wght@400;500&display=swap'); body { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; background: linear-gradient(135deg, #0f172a 0%, #1e2937 100%); color: white; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .poster { width: 100%; max-width: 1200px; background: white; color: #1e2937; border-radius: 20px; overflow: hidden; box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.4); margin: 20px; } .header { background: linear-gradient(90deg, #1e40af 0%, #3b82f6 100%); padding: 30px 40px; position: relative; color: white; text-align: center; } .header::before { content: ''; position: absolute; top: -50%; right: -10%; width: 300px; height: 300px; background: rgba(255,255,255,0.15); border-radius: 50%; z-index: 1; } .logo { display: inline-flex; align-items: center; gap: 15px; margin-bottom: 15px; } .logo-icon { background: white; color: #1e40af; width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 36px; font-weight: bold; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.3); } .title { font-size: 42px; font-weight: 700; margin: 0; text-shadow: 0 4px 6px rgba(0,0,0,0.3); letter-spacing: -1px; } .subtitle { font-size: 22px; margin: 8px 0 0; opacity: 0.95; font-weight: 500; } .badge { position: absolute; top: 25px; right: 40px; background: #f59e0b; color: white; padding: 12px 25px; border-radius: 9999px; font-weight: 700; font-size: 18px; box-shadow: 0 10px 15px -3px rgb(245 158 11 / 0.4); transform: rotate(12deg); } .tagline { background: #dc2626; color: white; padding: 12px; text-align: center; font-size: 18px; font-weight: 600; } .content { padding: 40px; display: grid; grid-template-columns: 1fr 380px; gap: 35px; } .services { display: flex; flex-direction: column; gap: 18px; } .service-card { background: #f8fafc; border-radius: 16px; padding: 20px; display: flex; align-items: flex-start; gap: 18px; border-left: 6px solid #3b82f6; transition: all 0.3s ease; } .service-card:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1); } .service-icon { width: 52px; height: 52px; background: #dbeafe; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0; } .service-text h3 { margin: 0 0 6px 0; color: #1e40af; font-size: 20px; } .fees { background: #fff1f2; border-radius: 16px; padding: 25px; border: 2px solid #fda4af; } .fees h2 { color: #e11d48; margin: 0 0 20px 0; font-size: 24px; text-align: center; } .fee-row { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border-bottom: 1px dashed #fda4af; font-size: 18px; } .fee-row:last-child { border-bottom: none; } .fee-amount { background: #e11d48; color: white; padding: 6px 18px; border-radius: 9999px; font-weight: 700; font-size: 19px; } .location { background: linear-gradient(135deg, #0ea5e9, #22d3ee); color: white; border-radius: 16px; padding: 25px; margin-bottom: 25px; } .map-visual { height: 180px; background: url('https://picsum.photos/id/1015/800/300') center/cover; border-radius: 12px; margin: 15px 0; position: relative; } .map-pin { position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); font-size: 42px; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3)); } .timing { background: #ecfdf5; border-radius: 16px; padding: 22px; } .timing h3 { color: #10b981; margin-top: 0; } .contact-bar { background: #1e2937; color: white; padding: 22px 40px; display: flex; align-items: center; justify-content: space-between; font-size: 20px; } .phone { font-size: 32px; font-weight: 700; letter-spacing: 2px; } .documents { margin-top: 30px; padding-top: 25px; border-top: 2px dashed #cbd5e1; } .doc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 15px; margin-top: 15px; } .doc-item { text-align: center; background: #f1f5f9; padding: 12px 8px; border-radius: 12px; font-size: 13px; font-weight: 500; } .footer { background: #1e40af; color: white; text-align: center; padding: 22px; font-size: 18px; font-weight: 600; } .star { color: #fbbf24; } </style> </head> <body> <div class="poster"> <!-- HEADER --> <div class="header"> <div class="logo"> <div class="logo-icon">🏛️</div> <div> <div style="font-size:18px; opacity:0.9;">GOVERNMENT OF INDIA</div> </div> </div> <h1 class="title">GOVERNMENT SERVICE<br>ASSISTANCE CENTER</h1> <p class="subtitle">Fast • Easy • Reliable Help for All Services</p> <div class="badge">✅ TRUSTED • ✅ QUICK • ✅ DIGITAL</div> </div> <div class="tagline"> ✅ Hassle-Free • ✅ Transparent • ✅ 100% Digital Services </div> <div class="content"> <!-- LEFT COLUMN --> <div> <div class="services"> <div class="service-card"> <div class="service-icon">🔗</div> <div class="service-text"> <h3>DBT (Direct Benefit Transfer)</h3> <p>Link your bank account instantly for government benefits</p> </div> </div> <div class="service-card"> <div class="service-icon">🪪</div> <div class="service-text"> <h3>ABHA (Ayushman Bharat) Card</h3> <p>Create your Health ID card online</p> </div> </div> <div class="service-card"> <div class="service-icon">🏺</div> <div class="service-text"> <h3>Anupurna Bhandar Form</h3> <p>Online submission for ration & food security</p> </div> </div> </div> <!-- LOCATION --> <div class="location"> <h3 style="margin:0 0 12px 0; font-size:22px;">📍 OUR LOCATION</h3> <div class="map-visual"> <span class="map-pin">📍</span> </div> <p><strong>Bishnupur State Bank Branch Side,</strong><br> Ramkrishna Pally, Radhalaya Road, Near Thakur Talimi School,<br> <strong>Opposite last house on the road.</strong></p> </div> <!-- DOCUMENTS --> <div class="documents"> <h3 style="color:#334155; margin-bottom:12px;">📋 REQUIRED DOCUMENTS</h3> <div class="doc-grid"> <div class="doc-item">Aadhaar Card</div> <div class="doc-item">Bank Passbook</div> <div class="doc-item">Mobile Linked Aadhaar</div> <div class="doc-item">PAN Card</div> <div class="doc-item">Pension Card</div> <div class="doc-item">Voter Card</div> <div class="doc-item">Any Other Proof</div> </div> </div> </div> <!-- RIGHT COLUMN --> <div> <!-- FEES --> <div class="fees"> <h2>💰 SERVICE CHARGES</h2> <div class="fee-row"> <span><strong>DBT Link</strong></span> <span class="fee-amount">₹20</span> </div> <div class="fee-row"> <span><strong>ABHA Card</strong></span> <span class="fee-amount">₹25</span> </div> <div class="fee-row"> <span><strong>Anupurna Bhandar Form</strong></span> <span class="fee-amount">₹50</span> </div> </div> <!-- TIMING --> <div class="timing"> <h3>🕒 OPERATING HOURS</h3> <p><strong>Every Sunday:</strong> 10:00 AM - 8:00 PM</p> <p><strong>Other Days:</strong> 9:00 AM - 8:00 PM</p> </div> <!-- HOW TO REACH --> <div style="background:#fefce8; padding:22px; border-radius:16px; margin-top:25px;"> <h3 style="color:#854d0e; margin-top:0;">🚶 VISIT US OR CONTACT</h3> <p><strong>✅ Walk-in at our center</strong></p> <p style="margin:15px 0;">OR</p> <div style="background:white; padding:15px; border-radius:12px; display:flex; align-items:center; gap:12px;"> <span style="font-size:42px;">💬</span> <div> <strong>WhatsApp / Online</strong><br> Send documents for quick assistance </div> </div> </div> <!-- CONTACT --> <div style="background:#166534; color:white; padding:28px; border-radius:16px; margin-top:25px; text-align:center;"> <p style="margin:0 0 8px 0; font-size:18px;">📞 FOR ANY HELP CALL</p> <div class="phone">76998 44219</div> </div> </div> </div> <div class="footer"> ⭐ No time limit • Services available every day ⭐<br> <span style="font-size:15px; opacity:0.9;">Your Service • Our Responsibility</span> </div> </div> </body> </html>
ls -la /home/daytona/workspace/ 2>/dev/null || echo "workspace empty or not found"
mkdir -p /home/daytona/workspace/gov-poster && which wkhtmltopdf; which chromium-browser; which google-chrome; which chromium; python3 -c "import weasyprint; print('weasyprint ok')" 2>/dev/null; python3 -c "from playwright.sync_api import sync_playwright; print('playwright ok')" 2>/dev/null
~/gov-poster/poster.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Government Service Assistance Center</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Roboto:wght@400;500&display=swap');
body {
margin: 0;
padding: 0;
font-family: 'Poppins', sans-serif;
background: linear-gradient(135deg, #0f172a 0%, #1e2937 100%);
color: white;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.poster {
width: 100%;
max-width: 1200px;
background: white;
color: #1e2937;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.4);
margin: 20px;
}
.header {
background: linear-gradient(90deg, #1e40af 0%, #3b82f6 100%);
padding: 30px 40px;
position: relative;
color: white;
text-align: center;
}
.header::before {
content: '';
position: absolute;
top: -50%;
right: -10%;
width: 300px;
height: 300px;
background: rgba(255,255,255,0.15);
border-radius: 50%;
z-index: 1;
}
.logo {
display: inline-flex;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}
.logo-icon {
background: white;
color: #1e40af;
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 36px;
font-weight: bold;
box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.3);
}
.title {
font-size: 42px;
font-weight: 700;
margin: 0;
text-shadow: 0 4px 6px rgba(0,0,0,0.3);
letter-spacing: -1px;
}
.subtitle {
font-size: 22px;
margin: 8px 0 0;
opacity: 0.95;
font-weight: 500;
}
.badge {
position: absolute;
top: 25px;
right: 40px;
background: #f59e0b;
color: white;
padding: 12px 25px;
border-radius: 9999px;
font-weight: 700;
font-size: 18px;
box-shadow: 0 10px 15px -3px rgb(245 158 11 / 0.4);
transform: rotate(12deg);
}
.tagline {
background: #dc2626;
color: white;
padding: 12px;
text-align: center;
font-size: 18px;
font-weight: 600;
}
.content {
padding: 40px;
display: grid;
grid-template-columns: 1fr 380px;
gap: 35px;
}
.services {
display: flex;
flex-direction: column;
gap: 18px;
}
.service-card {
background: #f8fafc;
border-radius: 16px;
padding: 20px;
display: flex;
align-items: flex-start;
gap: 18px;
border-left: 6px solid #3b82f6;
}
.service-icon {
width: 52px;
height: 52px;
background: #dbeafe;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
flex-shrink: 0;
}
.service-text h3 {
margin: 0 0 6px 0;
color: #1e40af;
font-size: 20px;
}
.fees {
background: #fff1f2;
border-radius: 16px;
padding: 25px;
border: 2px solid #fda4af;
}
.fees h2 {
color: #e11d48;
margin: 0 0 20px 0;
font-size: 24px;
text-align: center;
}
.fee-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 0;
border-bottom: 1px dashed #fda4af;
font-size: 18px;
}
.fee-row:last-child {
border-bottom: none;
}
.fee-amount {
background: #e11d48;
color: white;
padding: 6px 18px;
border-radius: 9999px;
font-weight: 700;
font-size: 19px;
}
.location {
background: linear-gradient(135deg, #0ea5e9, #22d3ee);
color: white;
border-radius: 16px;
padding: 25px;
margin-bottom: 25px;
}
.map-visual {
height: 180px;
background: url('https://picsum.photos/id/1015/800/300') center/cover;
border-radius: 12px;
margin: 15px 0;
position: relative;
}
.map-pin {
position: absolute;
top: 50%;
left: 55%;
transform: translate(-50%, -50%);
font-size: 42px;
filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));
}
.timing {
background: #ecfdf5;
border-radius: 16px;
padding: 22px;
}
.timing h3 {
color: #10b981;
margin-top: 0;
}
.contact-bar {
background: #1e2937;
color: white;
padding: 22px 40px;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 20px;
}
.phone {
font-size: 32px;
font-weight: 700;
letter-spacing: 2px;
}
.documents {
margin-top: 30px;
padding-top: 25px;
border-top: 2px dashed #cbd5e1;
}
.doc-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
gap: 15px;
margin-top: 15px;
}
.doc-item {
text-align: center;
background: #f1f5f9;
padding: 12px 8px;
border-radius: 12px;
font-size: 13px;
font-weight: 500;
}
.footer {
background: #1e40af;
color: white;
text-align: center;
padding: 22px;
font-size: 18px;
font-weight: 600;
}
.star {
color: #fbbf24;
}
</style>
</head>
<body>
<div class="poster">
<!-- HEADER -->
<div class="header">
<div class="logo">
<div class="logo-icon">🏛️</div>
<div>
<div style="font-size:18px; opacity:0.9;">GOVERNMENT OF INDIA</div>
</div>
</div>
<h1 class="title">GOVERNMENT SERVICE<br>ASSISTANCE CENTER</h1>
<p class="subtitle">Fast • Easy • Reliable Help for All Services</p>
<div class="badge">✅ TRUSTED • ✅ QUICK • ✅ DIGITAL</div>
</div>
<div class="tagline">
✅ Hassle-Free • ✅ Transparent • ✅ 100% Digital Services
</div>
<div class="content">
<!-- LEFT COLUMN -->
<div>
<div class="services">
<div class="service-card">
<div class="service-icon">🔗</div>
<div class="service-text">
<h3>DBT (Direct Benefit Transfer)</h3>
<p>Link your bank account instantly for government benefits</p>
</div>
</div>
<div class="service-card">
<div class="service-icon">🪪</div>
<div class="service-text">
<h3>ABHA (Ayushman Bharat) Card</h3>
<p>Create your Health ID card online</p>
</div>
</div>
<div class="service-card">
<div class="service-icon">🏺</div>
<div class="service-text">
<h3>Anupurna Bhandar Form</h3>
<p>Online submission for ration & food security</p>
</div>
</div>
</div>
<!-- LOCATION -->
<div class="location">
<h3 style="margin:0 0 12px 0; font-size:22px;">📍 OUR LOCATION</h3>
<div class="map-visual">
<span class="map-pin">📍</span>
</div>
<p><strong>Bishnupur State Bank Branch Side,</strong><br>
Ramkrishna Pally, Radhalaya Road, Near Thakur Talimi School,<br>
<strong>Opposite last house on the road.</strong></p>
</div>
<!-- DOCUMENTS -->
<div class="documents">
<h3 style="color:#334155; margin-bottom:12px;">📋 REQUIRED DOCUMENTS</h3>
<div class="doc-grid">
<div class="doc-item">Aadhaar Card</div>
<div class="doc-item">Bank Passbook</div>
<div class="doc-item">Mobile Linked Aadhaar</div>
<div class="doc-item">PAN Card</div>
<div class="doc-item">Pension Card</div>
<div class="doc-item">Voter Card</div>
<div class="doc-item">Any Other Proof</div>
</div>
</div>
</div>
<!-- RIGHT COLUMN -->
<div>
<!-- FEES -->
<div class="fees">
<h2>💰 SERVICE CHARGES</h2>
<div class="fee-row">
<span><strong>DBT Link</strong></span>
<span class="fee-amount">₹20</span>
</div>
<div class="fee-row">
<span><strong>ABHA Card</strong></span>
<span class="fee-amount">₹25</span>
</div>
<div class="fee-row">
<span><strong>Anupurna Bhandar Form</strong></span>
<span class="fee-amount">₹50</span>
</div>
</div>
<!-- TIMING -->
<div class="timing">
<h3>🕒 OPERATING HOURS</h3>
<p><strong>Every Sunday:</strong> 10:00 AM - 8:00 PM</p>
<p><strong>Other Days:</strong> 9:00 AM - 8:00 PM</p>
</div>
<!-- HOW TO REACH -->
<div style="background:#fefce8; padding:22px; border-radius:16px; margin-top:25px;">
<h3 style="color:#854d0e; margin-top:0;">🚶 VISIT US OR CONTACT</h3>
<p><strong>✅ Walk-in at our center</strong></p>
<p style="margin:15px 0;">OR</p>
<div style="background:white; padding:15px; border-radius:12px; display:flex; align-items:center; gap:12px;">
<span style="font-size:42px;">💬</span>
<div>
<strong>WhatsApp / Online</strong><br>
Send documents for quick assistance
</div>
</div>
</div>
<!-- CONTACT -->
<div style="background:#166534; color:white; padding:28px; border-radius:16px; margin-top:25px; text-align:center;">
<p style="margin:0 0 8px 0; font-size:18px;">📞 FOR ANY HELP CALL</p>
<div class="phone">76998 44219</div>
</div>
</div>
</div>
<div class="footer">
⭐ No time limit • Services available every day ⭐<br>
<span style="font-size:15px; opacity:0.9;">Your Service • Our Responsibility</span>
</div>
</div>
</body>
</html>
chromium --headless --disable-gpu --no-sandbox --print-to-pdf=/home/daytona/workspace/gov-poster/government_service_poster.pdf --print-to-pdf-no-header --no-pdf-header-footer --run-all-compositor-stages-before-draw --virtual-time-budget=5000 "file:///home/daytona/workspace/gov-poster/poster.html" 2>&1
government service poster
PDF Document · PDF
- Full color gradients and styling
- All three service cards (DBT, ABHA Card, Anupurna Bhandar Form)
- Service charges table
- Location details with map image
- Operating hours and contact number (76998 44219)
- Required documents grid
- Header and footer sections
Create high-resolution PNG images for printing
chromium --headless --disable-gpu --no-sandbox \ --screenshot=/home/daytona/workspace/gov-poster/government_service_poster_HQ.png \ --window-size=2480,3508 \ --force-device-scale-factor=3 \ --run-all-compositor-stages-before-draw \ --virtual-time-budget=8000 \ "file:///home/daytona/workspace/gov-poster/poster.html" 2>&1 | tail -5
ls -lh /home/daytona/workspace/gov-poster/government_service_poster_HQ.png 2>/dev/null && python3 -c " from PIL import Image img = Image.open('/home/daytona/workspace/gov-poster/government_service_poster_HQ.png') print(f'Size: {img.size}, Mode: {img.mode}') "
chromium --headless --disable-gpu --no-sandbox \ --screenshot=/home/daytona/workspace/gov-poster/poster_raw.png \ --window-size=1400,1980 \ --force-device-scale-factor=2 \ --run-all-compositor-stages-before-draw \ --virtual-time-budget=8000 \ "file:///home/daytona/workspace/gov-poster/poster.html" 2>&1 | tail -3
python3 << 'EOF' from PIL import Image, ImageFilter img = Image.open('/home/daytona/workspace/gov-poster/poster_raw.png') print(f"Raw size: {img.size}, mode: {img.mode}") # The poster renders centered on a dark background. # Find the poster bounds by scanning for the white card area. import numpy as np arr = np.array(img) print(f"Array shape: {arr.shape}") # Find rows/cols where pixels are mostly white (the card background) # The body has dark bg, poster card is white # Look for columns where there's significant white content gray = arr.mean(axis=2) # Find left/right bounds: find columns that have white pixels (>240) in the middle rows mid_row = arr.shape[0] // 2 row_data = gray[mid_row, :] white_cols = np.where(row_data > 230)[0] if len(white_cols): left = max(0, white_cols[0] - 5) right = min(arr.shape[1], white_cols[-1] + 5) else: left, right = 0, arr.shape[1] # Find top/bottom bounds mid_col = (left + right) // 2 col_data = gray[:, mid_col] white_rows = np.where(col_data > 200)[0] if len(white_rows): top = max(0, white_rows[0] - 5) bottom = min(arr.shape[0], white_rows[-1] + 5) else: top, bottom = 0, arr.shape[0] print(f"Detected poster bounds: left={left}, right={right}, top={top}, bottom={bottom}") print(f"Poster dimensions: {right-left} x {bottom-top}") # Crop to just the poster poster = img.crop((left, top, right, bottom)) print(f"Cropped size: {poster.size}") # For A2 print at 300 DPI: 420mm x 594mm = 4961 x 7016 px # Scale to fit within A2 maintaining aspect ratio target_w = 4961 target_h = 7016 pw, ph = poster.size scale = min(target_w / pw, target_h / ph) new_w = int(pw * scale) new_h = int(ph * scale) print(f"Upscaled to: {new_w} x {new_h}") # Upscale with LANCZOS (best quality) hq = poster.resize((new_w, new_h), Image.LANCZOS) # Set 300 DPI metadata hq.save( '/home/daytona/workspace/gov-poster/government_service_poster_PRINT.png', dpi=(300, 300), optimize=False, compress_level=1 # low compression = faster, bigger file but max quality ) print("Saved PRINT version.") # Also save a web-preview version (1200px wide, 96dpi) web_w = 1200 web_h = int(ph * (web_w / pw)) web = poster.resize((web_w, web_h), Image.LANCZOS) web.save('/home/daytona/workspace/gov-poster/government_service_poster_WEB.png', dpi=(96,96)) print("Saved WEB preview version.") import os for f in ['government_service_poster_PRINT.png', 'government_service_poster_WEB.png']: p = f'/home/daytona/workspace/gov-poster/{f}' size = os.path.getsize(p) dims = Image.open(p).size print(f"{f}: {dims[0]}x{dims[1]}px, {size/1024/1024:.2f} MB") EOF
🖨️ Print-Ready (300 DPI, A2 size)
government service poster PRINT
Image · PNG
- 4787 × 7016 px at 300 DPI - ready for professional printing
- Equivalent to A2 paper size (420 × 594 mm)
- File size: 7.58 MB
🌐 Web Preview Version
government service poster WEB
Image · PNG
- 1200 × 1758 px at 96 DPI - for sharing online or WhatsApp
- File size: 0.72 MB