{"id":356,"date":"2026-01-07T00:37:50","date_gmt":"2026-01-07T00:37:50","guid":{"rendered":"https:\/\/yebbo.com\/ethiodiego\/?p=356"},"modified":"2026-01-07T00:37:54","modified_gmt":"2026-01-07T00:37:54","slug":"yebbo-communication-network","status":"publish","type":"post","link":"http:\/\/yebbo.com\/ethiodiego\/yebbo-communication-network\/","title":{"rendered":"Yebbo Communication Network"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Yebbo Communication Network<\/p>\n<\/blockquote>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Yebbo Communication Network<\/title>\n    <meta name=\"description\" content=\"Yebbo Communication Network \u2013 Your one-stop global business center, connecting communities with services from translation to travel, tax, notary, and more.\">\n    <style>\n        :root {\n            --bg-gradient: linear-gradient(135deg, #0b1220, #111827, #020617);\n            --card-bg: rgba(15, 23, 42, 0.82);\n            --card-border: rgba(148, 163, 184, 0.35);\n            --card-shadow: 0 18px 45px rgba(15, 23, 42, 0.9);\n\n            --accent-gold: #facc15;\n            --accent-gold-soft: #fde68a;\n            --accent-red: #e74c3c;\n            --accent-blue: #3b82f6;\n            --accent-green: #22c55e;\n            --accent-purple: #8b5cf6;\n            --accent-orange: #f97316;\n\n            --text-main: #f9fafb;\n            --text-soft: #e5e7eb;\n            --text-muted: #9ca3af;\n            --border-radius-lg: 18px;\n            --border-radius-xl: 22px;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\n        }\n\n        body {\n            min-height: 100vh;\n            background: var(--bg-gradient);\n            color: var(--text-main);\n            overflow-x: hidden;\n            padding: 24px;\n            position: relative;\n        }\n\n        \/* Subtle animated background orbs *\/\n        body::before,\n        body::after {\n            content: \"\";\n            position: fixed;\n            width: 520px;\n            height: 520px;\n            border-radius: 50%;\n            background: radial-gradient(circle at center, rgba(56, 189, 248, 0.35), transparent 60%);\n            filter: blur(4px);\n            z-index: -2;\n            opacity: 0.7;\n        }\n\n        body::before {\n            top: -180px;\n            left: -120px;\n        }\n\n        body::after {\n            bottom: -220px;\n            right: -160px;\n            background: radial-gradient(circle at center, rgba(236, 72, 153, 0.35), transparent 60%);\n        }\n\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        \/* Generic glass-card style *\/\n        .glass-card {\n            background: var(--card-bg);\n            border-radius: var(--border-radius-xl);\n            border: 1px solid var(--card-border);\n            box-shadow: var(--card-shadow);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            padding: 24px 28px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .glass-card::after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(135deg, rgba(248, 250, 252, 0.05), transparent 50%);\n            pointer-events: none;\n        }\n\n        \/* Welcome Row *\/\n        .welcome-row {\n            margin-bottom: 26px;\n            text-align: center;\n            padding: 32px 24px;\n            border-radius: var(--border-radius-xl);\n            background: radial-gradient(circle at top left, rgba(250, 204, 21, 0.22), transparent 60%),\n                        radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.25), transparent 60%),\n                        rgba(15, 23, 42, 0.9);\n            box-shadow: 0 22px 60px rgba(15, 23, 42, 0.95);\n            border: 1px solid rgba(251, 191, 36, 0.35);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .welcome-row::before {\n            content: \"\";\n            position: absolute;\n            top: -40%;\n            left: -30%;\n            width: 60%;\n            height: 180%;\n            background: linear-gradient(120deg, transparent, rgba(253, 224, 71, 0.25), transparent);\n            transform: translateX(-100%);\n            animation: welcome-shine 5s linear infinite;\n        }\n\n        @keyframes welcome-shine {\n            0%   { transform: translateX(-120%); }\n            60%  { transform: translateX(140%); }\n            100% { transform: translateX(140%); }\n        }\n\n        .welcome-title {\n            font-size: clamp(2.4rem, 4vw, 3.4rem);\n            color: var(--accent-gold);\n            text-shadow: 0 4px 16px rgba(0, 0, 0, 0.8);\n            letter-spacing: 0.06em;\n            margin-bottom: 8px;\n        }\n\n        .welcome-subtitle {\n            font-size: 1.1rem;\n            color: var(--text-soft);\n            max-width: 700px;\n            margin: 0 auto;\n            opacity: 0.94;\n        }\n\n        \/* Time Row *\/\n        .time-row {\n            display: flex;\n            gap: 24px;\n            margin-bottom: 24px;\n            flex-wrap: wrap;\n        }\n\n        .time-column {\n            flex: 1 1 320px;\n            min-width: 0;\n            min-height: 250px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .time-column:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 24px 55px rgba(15, 23, 42, 0.95);\n            border-color: rgba(250, 204, 21, 0.6);\n        }\n\n        .ethiopia-time {\n            background: radial-gradient(circle at top left, rgba(250, 204, 21, 0.2), transparent 55%),\n                        radial-gradient(circle at bottom right, rgba(220, 38, 38, 0.25), transparent 60%),\n                        rgba(15, 23, 42, 0.94);\n            border-radius: var(--border-radius-xl);\n            border: 1px solid rgba(248, 250, 252, 0.12);\n            box-shadow: var(--card-shadow);\n        }\n\n        .ethiopia-time::before {\n            content: \"\";\n            position: absolute;\n            width: 220%;\n            height: 220%;\n            top: -60%;\n            left: -60%;\n            background: radial-gradient(circle, rgba(255, 255, 255, 0.16), transparent 65%);\n            animation: pulse 6s ease-in-out infinite;\n            opacity: 0.6;\n        }\n\n        .local-time {\n            background: radial-gradient(circle at top right, rgba(56, 189, 248, 0.23), transparent 60%),\n                        radial-gradient(circle at bottom left, rgba(129, 140, 248, 0.22), transparent 60%),\n                        rgba(15, 23, 42, 0.94);\n            border-radius: var(--border-radius-xl);\n            border: 1px solid rgba(148, 163, 184, 0.45);\n            box-shadow: var(--card-shadow);\n        }\n\n        @keyframes pulse {\n            0% { transform: scale(0.86); opacity: 0.4; }\n            50% { transform: scale(1.08); opacity: 0.9; }\n            100% { transform: scale(0.86); opacity: 0.4; }\n        }\n\n        .time-header {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 10px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .time-title {\n            font-size: 1.6rem;\n            color: var(--accent-gold-soft);\n            text-shadow: 0 2px 6px rgba(15, 23, 42, 0.8);\n        }\n\n        .flag {\n            font-size: 2.3rem;\n            filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.65));\n        }\n\n        .time-display {\n            font-size: clamp(2.2rem, 4vw, 3.1rem);\n            font-weight: 700;\n            letter-spacing: 0.2em;\n            margin: 12px 0 6px;\n            text-shadow: 0 4px 14px rgba(15, 23, 42, 0.9);\n            position: relative;\n            z-index: 1;\n        }\n\n        .date-display {\n            font-size: 1.1rem;\n            margin-bottom: 2px;\n            color: var(--text-soft);\n            text-align: center;\n            position: relative;\n            z-index: 1;\n        }\n\n        .calendar-info {\n            font-size: 0.98rem;\n            color: var(--accent-gold-soft);\n            text-align: center;\n            opacity: 0.9;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Contact Row *\/\n        .contact-row {\n            margin-bottom: 24px;\n            border-radius: var(--border-radius-xl);\n            background: radial-gradient(circle at left, rgba(168, 85, 247, 0.24), transparent 55%),\n                        radial-gradient(circle at right, rgba(236, 72, 153, 0.22), transparent 60%),\n                        rgba(17, 24, 39, 0.96);\n            box-shadow: 0 20px 56px rgba(15, 23, 42, 0.95);\n            border: 1px solid rgba(196, 181, 253, 0.5);\n            padding: 18px 22px;\n        }\n\n        .contact-row::before {\n            content: \"Get in touch\";\n            position: absolute;\n            top: 12px;\n            right: 26px;\n            font-size: 0.75rem;\n            letter-spacing: 0.18em;\n            text-transform: uppercase;\n            color: rgba(226, 232, 240, 0.35);\n        }\n\n        .contact-info {\n            display: flex;\n            justify-content: center;\n            gap: 40px;\n            align-items: center;\n            flex-wrap: wrap;\n        }\n\n        .contact-item {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-size: 1.05rem;\n            color: var(--text-soft);\n        }\n\n        .contact-item span strong {\n            color: var(--accent-gold);\n        }\n\n        .contact-icon {\n            font-size: 1.6rem;\n            filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.7));\n        }\n\n        \/* Weather Row *\/\n        .weather-row {\n            display: flex;\n            gap: 24px;\n            margin-bottom: 24px;\n            flex-wrap: wrap;\n        }\n\n        .weather-column {\n            flex: 1 1 320px;\n            min-width: 0;\n            min-height: 210px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            border-radius: var(--border-radius-lg);\n            border: 1px solid rgba(148, 163, 184, 0.5);\n            box-shadow: var(--card-shadow);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .addis-weather {\n            background: radial-gradient(circle at top left, rgba(34, 197, 94, 0.28), transparent 60%),\n                        radial-gradient(circle at bottom right, rgba(250, 204, 21, 0.24), transparent 60%),\n                        rgba(15, 23, 42, 0.96);\n        }\n\n        .local-weather {\n            background: radial-gradient(circle at top right, rgba(129, 140, 248, 0.28), transparent 60%),\n                        radial-gradient(circle at bottom left, rgba(236, 72, 153, 0.24), transparent 60%),\n                        rgba(15, 23, 42, 0.96);\n        }\n\n        .weather-title {\n            font-size: 1.5rem;\n            margin-bottom: 10px;\n            color: var(--accent-gold-soft);\n            text-shadow: 0 2px 8px rgba(15, 23, 42, 0.9);\n        }\n\n        .weather-info {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 16px;\n            margin: 10px 0;\n        }\n\n        .weather-icon {\n            font-size: 3.2rem;\n            filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.7));\n        }\n\n        .temperature {\n            font-size: 2.6rem;\n            font-weight: 700;\n        }\n\n        .weather-details {\n            font-size: 1rem;\n            text-align: center;\n            color: var(--text-soft);\n            opacity: 0.93;\n        }\n\n        \/* News Row *\/\n        .news-container {\n            margin-bottom: 24px;\n            border-radius: var(--border-radius-xl);\n            background: radial-gradient(circle at top left, rgba(249, 115, 22, 0.26), transparent 60%),\n                        radial-gradient(circle at bottom right, rgba(252, 211, 77, 0.28), transparent 60%),\n                        rgba(15, 23, 42, 0.97);\n            box-shadow: 0 22px 60px rgba(15, 23, 42, 0.98);\n            border: 1px solid rgba(251, 146, 60, 0.65);\n            padding: 24px 26px 20px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .news-title {\n            font-size: 1.6rem;\n            margin-bottom: 14px;\n            text-align: center;\n            color: var(--accent-gold);\n            text-shadow: 0 3px 10px rgba(15, 23, 42, 0.9);\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n        }\n\n        .news-subtitle {\n            font-size: 0.9rem;\n            text-align: center;\n            color: var(--text-muted);\n            margin-bottom: 12px;\n        }\n\n        .news-slider {\n            position: relative;\n            height: 255px;\n            overflow: hidden;\n            padding-right: 4px;\n        }\n\n        .news-group {\n            position: absolute;\n            width: 100%;\n            transition: transform 0.8s ease-in-out;\n        }\n\n        .news-item {\n            padding: 12px 14px;\n            margin-bottom: 10px;\n            background: linear-gradient(90deg, rgba(15, 23, 42, 0.75), rgba(15, 23, 42, 0.9));\n            border-radius: 12px;\n            font-size: 0.98rem;\n            border-left: 4px solid var(--accent-gold);\n            box-shadow: 0 7px 18px rgba(15, 23, 42, 0.9);\n            color: var(--text-soft);\n            display: flex;\n            gap: 8px;\n            align-items: flex-start;\n        }\n\n        .news-item::before {\n            content: \"\u2022\";\n            color: var(--accent-gold);\n            font-size: 1.2rem;\n            line-height: 1.2;\n            margin-top: 1px;\n        }\n\n        .news-item:hover {\n            transform: translateX(8px);\n            background: linear-gradient(90deg, rgba(15, 23, 42, 0.88), rgba(30, 64, 175, 0.9));\n        }\n\n        \/* Services Row *\/\n        .services-row {\n            margin-bottom: 26px;\n            border-radius: var(--border-radius-xl);\n            background: radial-gradient(circle at left, rgba(34, 197, 94, 0.25), transparent 60%),\n                        radial-gradient(circle at right, rgba(59, 130, 246, 0.25), transparent 60%),\n                        rgba(15, 23, 42, 0.97);\n            box-shadow: 0 20px 58px rgba(15, 23, 42, 0.95);\n            border: 1px solid rgba(52, 211, 153, 0.6);\n            padding: 14px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .services-row::before {\n            content: \"Yebbo Services\";\n            position: absolute;\n            top: 10px;\n            left: 20px;\n            font-size: 0.78rem;\n            letter-spacing: 0.16em;\n            text-transform: uppercase;\n            color: rgba(209, 213, 219, 0.5);\n            z-index: 1;\n        }\n\n        .scrolling-message {\n            font-size: clamp(1.05rem, 2vw, 1.35rem);\n            font-weight: 600;\n            color: var(--accent-gold-soft);\n            white-space: nowrap;\n            animation: scroll 34s linear infinite;\n            text-shadow: 0 3px 10px rgba(15, 23, 42, 0.9);\n            padding: 10px 0 12px;\n        }\n\n        .scrolling-message span {\n            color: var(--text-soft);\n            font-weight: 400;\n        }\n\n        @keyframes scroll {\n            0% { transform: translateX(100%); }\n            100% { transform: translateX(-100%); }\n        }\n\n        \/* Footer *\/\n        .footer {\n            text-align: center;\n            padding: 18px 6px 4px;\n            font-size: 0.9rem;\n            color: var(--text-muted);\n            border-top: 1px solid rgba(148, 163, 184, 0.3);\n            margin-top: 10px;\n        }\n\n        .footer span {\n            color: var(--text-soft);\n        }\n\n        .footer strong {\n            color: var(--accent-gold-soft);\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 1200px) {\n            .time-row,\n            .weather-row {\n                flex-direction: column;\n            }\n\n            .contact-info {\n                gap: 18px;\n            }\n\n            .news-slider {\n                height: 260px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            body {\n                padding: 16px;\n            }\n\n            .welcome-row {\n                padding: 26px 16px;\n            }\n\n            .welcome-title {\n                letter-spacing: 0.03em;\n            }\n\n            .time-row,\n            .weather-row {\n                gap: 18px;\n            }\n\n            .time-column,\n            .weather-column {\n                padding: 20px 18px;\n            }\n\n            .time-display {\n                letter-spacing: 0.14em;\n            }\n\n            .contact-row {\n                padding: 18px 14px 20px;\n            }\n\n            .contact-info {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n\n            .contact-row::before {\n                right: 18px;\n            }\n\n            .news-container {\n                padding: 20px 16px 16px;\n            }\n\n            .news-slider {\n                height: 240px;\n            }\n\n            .news-item {\n                font-size: 0.95rem;\n            }\n\n            .services-row::before {\n                display: none;\n            }\n\n            .scrolling-message {\n                font-size: 0.98rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .contact-item {\n                font-size: 0.96rem;\n            }\n\n            .weather-title {\n                font-size: 1.3rem;\n            }\n\n            .temperature {\n                font-size: 2.2rem;\n            }\n\n            .weather-icon {\n                font-size: 2.8rem;\n            }\n\n            .news-slider {\n                height: 230px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <!-- Welcome Row -->\n        <div class=\"welcome-row\">\n            <h1 class=\"welcome-title\">Welcome to Yebbo Communication Network<\/h1>\n            <p class=\"welcome-subtitle\">\n                Connecting communities, diaspora, and businesses worldwide with trusted services in translation, tax, travel, documentation, and more.\n            <\/p>\n        <\/div>\n\n        <!-- Time Row -->\n        <div class=\"time-row\">\n            <div class=\"time-column ethiopia-time\">\n                <div class=\"time-header\">\n                    <div class=\"flag\">\ud83c\uddea\ud83c\uddf9<\/div>\n                    <h2 class=\"time-title\">Addis Ababa Time<\/h2>\n                <\/div>\n                <div class=\"time-display\" id=\"ethiopia-time\">&#8211;:&#8211; &#8212;<\/div>\n                <div class=\"date-display\" id=\"ethiopia-date\">&#8212;<\/div>\n                <div class=\"calendar-info\" id=\"ethiopia-calendar\">Ethiopian Calendar: &#8212;<\/div>\n            <\/div>\n            <div class=\"time-column local-time\">\n                <div class=\"time-header\">\n                    <div class=\"flag\" id=\"local-flag\">\ud83c\udf0d<\/div>\n                    <h2 class=\"time-title\" id=\"local-title\">Local Time<\/h2>\n                <\/div>\n                <div class=\"time-display\" id=\"local-time\">&#8211;:&#8211; &#8212;<\/div>\n                <div class=\"date-display\" id=\"local-date\">&#8212;<\/div>\n                <div class=\"calendar-info\" id=\"local-calendar\">Gregorian Calendar: &#8212;<\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Contact Row -->\n        <div class=\"contact-row\">\n            <div class=\"contact-info\">\n                <div class=\"contact-item\">\n                    <span class=\"contact-icon\">\ud83d\udcde<\/span>\n                    <span><strong>Phone:<\/strong> 619-255-5530<\/span>\n                <\/div>\n                <div class=\"contact-item\">\n                    <span class=\"contact-icon\">\u2709\ufe0f<\/span>\n                    <span><strong>Email:<\/strong> info@yebbo.com<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Weather Row -->\n        <div class=\"weather-row\">\n            <div class=\"weather-column addis-weather\">\n                <h2 class=\"weather-title\">Addis Ababa Weather<\/h2>\n                <div class=\"weather-info\">\n                    <div class=\"weather-icon\">\u2600\ufe0f<\/div>\n                    <div class=\"temperature\">24\u00b0C<\/div>\n                <\/div>\n                <div class=\"weather-details\">Partly Cloudy &nbsp;|&nbsp; Humidity: 45%<\/div>\n            <\/div>\n            <div class=\"weather-column local-weather\">\n                <h2 class=\"weather-title\" id=\"local-weather-title\">Local Weather<\/h2>\n                <div class=\"weather-info\">\n                    <div class=\"weather-icon\" id=\"local-weather-icon\">\ud83c\udf24\ufe0f<\/div>\n                    <div class=\"temperature\" id=\"local-temp\">&#8211;\u00b0C<\/div>\n                <\/div>\n                <div class=\"weather-details\" id=\"local-weather-details\">&#8212;<\/div>\n            <\/div>\n        <\/div>\n\n        <!-- News Row -->\n        <div class=\"news-container\">\n            <h2 class=\"news-title\">Breaking News<\/h2>\n            <p class=\"news-subtitle\">Highlights from Ethiopia, the region, and the global diaspora.<\/p>\n            <div class=\"news-slider\" id=\"news-slider\">\n                <!-- News groups will be inserted here by JavaScript -->\n            <\/div>\n        <\/div>\n\n        <!-- Services Row -->\n        <div class=\"services-row\">\n            <div class=\"scrolling-message\">\n                Welcome to Yebbo Communication Network \u2014 <span>these are some of the services we provide:<\/span> \n                &nbsp; NOTARY PUBLIC &nbsp; | &nbsp; PASSPORT PHOTO &nbsp; | &nbsp; INCOME TAX &nbsp; | &nbsp; PRINT &amp; DESIGN &nbsp; | &nbsp; TRAVEL &amp; TOURS &nbsp; | &nbsp; YELLOW CARD &nbsp; | &nbsp; ETHIOPIAN PASSPORT RENEWAL &nbsp; | &nbsp; VISA SERVICES &nbsp; | &nbsp; FOR MORE INFO VISIT &nbsp; WWW.YEBBO.COM\n            <\/div>\n        <\/div>\n\n        <!-- Footer -->\n        <div class=\"footer\">\n            <span>Yebbo Communication Network &copy; <strong><span id=\"footer-year\"><\/span><\/strong> \u2014 Your Trusted Partner in Global Services<\/span>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Ethiopian calendar conversion\n        function toEthiopian(date) {\n            const gregorianYear = date.getFullYear();\n            const gregorianMonth = date.getMonth() + 1;\n            const gregorianDay = date.getDate();\n\n            \/\/ Ethiopian calendar starts on September 11 (or 12 in Gregorian leap years)\n            const isLeapYear =\n                (gregorianYear % 4 === 0 && gregorianYear % 100 !== 0) ||\n                (gregorianYear % 400 === 0);\n            const newYearDay = isLeapYear ? 12 : 11;\n\n            \/\/ Ethiopian year\n            let ethiopianYear = gregorianYear - 8;\n            if (gregorianMonth < 9 || (gregorianMonth === 9 &#038;&#038; gregorianDay < newYearDay)) {\n                ethiopianYear--;\n            }\n\n            \/\/ Start of Ethiopian year in Gregorian\n            const startOfEthiopianYear = new Date(gregorianYear, 8, newYearDay);\n            if (gregorianMonth < 9 || (gregorianMonth === 9 &#038;&#038; gregorianDay < newYearDay)) {\n                startOfEthiopianYear.setFullYear(gregorianYear - 1);\n            }\n\n            const diffTime = date - startOfEthiopianYear;\n            const diffDays = Math.floor(diffTime \/ (1000 * 60 * 60 * 24));\n\n            let ethiopianMonth, ethiopianDay;\n\n            if (diffDays < 30) {\n                ethiopianMonth = 1; \/\/ Meskerem\n                ethiopianDay = diffDays + 1;\n            } else if (diffDays < 60) {\n                ethiopianMonth = 2; \/\/ Tikemet\n                ethiopianDay = diffDays - 29;\n            } else if (diffDays < 90) {\n                ethiopianMonth = 3; \/\/ Hidar\n                ethiopianDay = diffDays - 59;\n            } else if (diffDays < 120) {\n                ethiopianMonth = 4; \/\/ Tahesas\n                ethiopianDay = diffDays - 89;\n            } else if (diffDays < 150) {\n                ethiopianMonth = 5; \/\/ Tir\n                ethiopianDay = diffDays - 119;\n            } else if (diffDays < 180) {\n                ethiopianMonth = 6; \/\/ Yekatit\n                ethiopianDay = diffDays - 149;\n            } else if (diffDays < 210) {\n                ethiopianMonth = 7; \/\/ Megabit\n                ethiopianDay = diffDays - 179;\n            } else if (diffDays < 240) {\n                ethiopianMonth = 8; \/\/ Miazia\n                ethiopianDay = diffDays - 209;\n            } else if (diffDays < 270) {\n                ethiopianMonth = 9; \/\/ Genbot\n                ethiopianDay = diffDays - 239;\n            } else if (diffDays < 300) {\n                ethiopianMonth = 10; \/\/ Sene\n                ethiopianDay = diffDays - 269;\n            } else if (diffDays < 330) {\n                ethiopianMonth = 11; \/\/ Hamle\n                ethiopianDay = diffDays - 299;\n            } else if (diffDays < 360) {\n                ethiopianMonth = 12; \/\/ Nehase\n                ethiopianDay = diffDays - 329;\n            } else {\n                ethiopianMonth = 13; \/\/ Pagume\n                ethiopianDay = diffDays - 359;\n            }\n\n            return {\n                year: ethiopianYear,\n                month: ethiopianMonth,\n                day: ethiopianDay\n            };\n        }\n\n        \/\/ Ethiopian month names\n        const ethiopianMonths = [\n            'Meskerem', 'Tikemet', 'Hidar', 'Tahesas', 'Tir', 'Yekatit',\n            'Megabit', 'Miazia', 'Genbot', 'Sene', 'Hamle', 'Nehase', 'Pagume'\n        ];\n\n        \/\/ Gregorian month names\n        const gregorianMonths = [\n            'January', 'February', 'March', 'April', 'May', 'June',\n            'July', 'August', 'September', 'October', 'November', 'December'\n        ];\n\n        \/\/ Day names\n        const days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];\n\n        \/\/ Format time to AM\/PM\n        function formatAMPM(date) {\n            let hours = date.getHours();\n            let minutes = date.getMinutes();\n            let seconds = date.getSeconds();\n            const ampm = hours >= 12 ? 'PM' : 'AM';\n\n            hours = hours % 12;\n            hours = hours ? hours : 12; \/\/ 0 -> 12\n            minutes = minutes < 10 ? '0' + minutes : minutes;\n            seconds = seconds < 10 ? '0' + seconds : seconds;\n\n            return hours + ':' + minutes + ':' + seconds + ' ' + ampm;\n        }\n\n        \/\/ Update time function\n        function updateTime() {\n            const now = new Date();\n\n            \/\/ Addis Ababa time (UTC+3) - approximate\n            const addisAbabaTime = new Date(now.getTime() + (3 * 60 * 60 * 1000));\n\n            \/\/ Ethiopia time\n            const ethiopiaTimeElement = document.getElementById('ethiopia-time');\n            ethiopiaTimeElement.textContent = formatAMPM(addisAbabaTime);\n\n            const ethiopiaDateElement = document.getElementById('ethiopia-date');\n            ethiopiaDateElement.textContent =\n                `${days[addisAbabaTime.getDay()]}, ${addisAbabaTime.getDate()} ${gregorianMonths[addisAbabaTime.getMonth()]}, ${addisAbabaTime.getFullYear()}`;\n\n            \/\/ Ethiopian calendar\n            const ethiopian = toEthiopian(addisAbabaTime);\n            const ethiopiaCalendarElement = document.getElementById('ethiopia-calendar');\n            ethiopiaCalendarElement.textContent =\n                `Ethiopian Calendar: ${ethiopian.day} ${ethiopianMonths[ethiopian.month - 1]}, ${ethiopian.year}`;\n\n            \/\/ Local time\n            const localTimeElement = document.getElementById('local-time');\n            localTimeElement.textContent = formatAMPM(now);\n\n            const localDateElement = document.getElementById('local-date');\n            localDateElement.textContent =\n                `${days[now.getDay()]}, ${now.getDate()} ${gregorianMonths[now.getMonth()]}, ${now.getFullYear()}`;\n\n            const localCalendarElement = document.getElementById('local-calendar');\n            localCalendarElement.textContent =\n                `Gregorian Calendar: ${now.getDate()} ${gregorianMonths[now.getMonth()]}, ${now.getFullYear()}`;\n        }\n\n        \/\/ News animation system\n        function setupNewsAnimation() {\n            const newsSlider = document.getElementById('news-slider');\n            const allNews = [\n                \"Ethiopia celebrates successful completion of GERD project.\",\n                \"New economic reforms boost foreign investment in the country.\",\n                \"Ethiopian Airlines announces new routes to Asia and Europe.\",\n                \"Government launches digital transformation initiative.\",\n                \"Agricultural sector shows record growth this quarter.\",\n                \"Local government announces new infrastructure projects.\",\n                \"Tech sector shows significant growth in the region.\",\n                \"Community celebrates annual cultural festival this weekend.\",\n                \"New public transportation system to launch next month.\",\n                \"Education department reports improved test scores.\"\n            ];\n\n            let html = '';\n            for (let group = 0; group < 2; group++) {\n                html += `<div class=\"news-group\" id=\"news-group-${group}\">`;\n                for (let i = 0; i < 5; i++) {\n                    const newsIndex = group * 5 + i;\n                    html += `<div class=\"news-item\">${allNews[newsIndex]}<\/div>`;\n                }\n                html += '<\/div>';\n            }\n\n            newsSlider.innerHTML = html;\n\n            const group1 = document.getElementById('news-group-0');\n            const group2 = document.getElementById('news-group-1');\n\n            group1.style.transform = 'translateY(0)';\n            group2.style.transform = 'translateY(100%)';\n\n            let activeGroup = 0;\n            setInterval(() => {\n                if (activeGroup === 0) {\n                    group1.style.transform = 'translateY(-100%)';\n                    group2.style.transform = 'translateY(0)';\n                    activeGroup = 1;\n                } else {\n                    group1.style.transform = 'translateY(0)';\n                    group2.style.transform = 'translateY(100%)';\n                    activeGroup = 0;\n                }\n            }, 5000);\n        }\n\n        \/\/ Simulate local weather detection\n        function updateWeather() {\n            const temperatures = [18, 19, 20, 21, 22, 23, 24, 25, 26];\n            const conditions = ['Sunny', 'Partly Cloudy', 'Cloudy', 'Light Rain'];\n            const icons = ['\u2600\ufe0f', '\ud83c\udf24\ufe0f', '\u26c5', '\ud83c\udf27\ufe0f'];\n\n            const randomTemp = temperatures[Math.floor(Math.random() * temperatures.length)];\n            const randomCondition = conditions[Math.floor(Math.random() * conditions.length)];\n            const randomIcon = icons[Math.floor(Math.random() * icons.length)];\n\n            document.getElementById('local-temp').textContent = `${randomTemp}\u00b0C`;\n            document.getElementById('local-weather-icon').textContent = randomIcon;\n            document.getElementById('local-weather-details').textContent =\n                `${randomCondition} | Humidity: ${Math.floor(Math.random() * 30) + 40}%`;\n        }\n\n        \/\/ Detect user location and update local info\n        function detectLocation() {\n            const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone || \"\";\n\n            if (timezone.includes(\"America\")) {\n                document.getElementById('local-flag').textContent = '\ud83c\uddfa\ud83c\uddf8';\n                document.getElementById('local-title').textContent = 'USA Time';\n                document.getElementById('local-weather-title').textContent = 'Local Weather (USA)';\n            } else if (timezone.includes(\"Europe\")) {\n                document.getElementById('local-flag').textContent = '\ud83c\uddea\ud83c\uddfa';\n                document.getElementById('local-title').textContent = 'European Time';\n                document.getElementById('local-weather-title').textContent = 'Local Weather (Europe)';\n            } else if (timezone.includes(\"Asia\")) {\n                document.getElementById('local-flag').textContent = '\ud83c\udf0f';\n                document.getElementById('local-title').textContent = 'Asian Time';\n                document.getElementById('local-weather-title').textContent = 'Local Weather (Asia)';\n            }\n            \/\/ Default icon remains if no match\n        }\n\n        \/\/ Initialize and update regularly\n        updateTime();\n        setupNewsAnimation();\n        updateWeather();\n        detectLocation();\n        document.getElementById('footer-year').textContent = new Date().getFullYear();\n\n        setInterval(updateTime, 1000);\n        setInterval(updateWeather, 300000); \/\/ Update weather every 5 minutes\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Yebbo Communication Network Yebbo Communication Network Welcome to Yebbo Communication Network Connecting communities, diaspora, and businesses worldwide with trusted services [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[18,1,24,29,30,25,28],"tags":[],"class_list":["post-356","post","type-post","status-publish","format-standard","hentry","category-business","category-ethiodiego","category-ethiopia","category-yebbofinance","category-yebbotax","category-yebbotravel","category-28"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8nzgb-5K","jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/comments?post=356"}],"version-history":[{"count":1,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/356\/revisions"}],"predecessor-version":[{"id":359,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/356\/revisions\/359"}],"wp:attachment":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/media?parent=356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/categories?post=356"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/tags?post=356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}