2023-04-02 08:31:07 +00:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< title > Page Not Found | おこげ俱楽部< / title >
< meta name = "title" content = "Page Not Found | おこげ俱楽部" >
< meta name = "description" content = "Ohiwa Code Generator - Portal" >
< meta name = "keywords" content = "オコゲ,blockly,プログラミング,上野学習塾" >
2023-04-02 09:02:12 +00:00
< meta name = "author" content = "ocoge.club" >
2023-04-02 08:31:07 +00:00
< meta name = "robots" content = "index, follow" >
< link rel = "canonical" href = "https://ocoge.club/404.html" >
< link rel = "shortcut icon" type = "image/png" href = "/assets/img/favicon.png" >
< link rel = "apple-touch-icon" href = "/assets/img/apple-touch-icon.png" >
< 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=Nunito:wght@500&display=swap" rel = "stylesheet" >
< link href = "https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap" rel = "stylesheet" >
< link rel = "stylesheet" href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" >
< script src = "https://kit.fontawesome.com/73f7be0650.js" crossorigin = "anonymous" > < / script >
< link rel = "stylesheet" href = "/assets/floatbox/floatbox.css" / >
< script src = "/assets/floatbox/floatbox.js" defer > < / script >
< link rel = "stylesheet" href = "/assets/css/ocmain.css" >
< link rel = "stylesheet" href = "/assets/css/main.css" >
< link rel = "stylesheet" href = "/assets/css/footer.css" >
< meta property = "og:title" content = "Page Not Found | おこげ俱楽部" >
< meta property = "og:description" content = "Ohiwa Code Generator - Portal" >
< meta property = "og:url" content = "https://ocoge.club/404.html" >
< meta property = "og:site_name" content = "おこげ俱楽部" >
< meta name = "twitter:card" content = "summary" >
< meta name = "twitter:site" content = "@ocogeclub" >
< / head >
< body class = "flex flex-col h-screen bg-white text-gray-800 break-words" >
< header id = "header" class = "header-shadow bg-white px-6 py-5 z-50 fixed w-full top-0 transition-all transform ease-in-out duration-500" >
< div class = "max-w-5xl mx-auto flex items-center flex-wrap justify-between" >
< div class = "sm:mr-8" >
< a class = "flex items-center" href = "/" >
< span class = "text-xl text-teal-700 font-semibold self-center" > < img src = "/assets/img/ocoge_title_kogecha.webp" title = "おこげ俱楽部" alt = "おこげ俱楽部" id = "site_title" > < / span >
< / a >
< / div >
< nav id = "menu" class = "order-last md:order-none items-center flex-grow w-full md:w-auto md:flex hidden mt-2 md:mt-0" >
< a href = "/about" class = "block mt-4 md:inline-block md:mt-0 font-medium text-gray-700 hover:text-teal-600 text-base mr-4" > About< / a >
< a href = "/tags" class = "block mt-4 md:inline-block md:mt-0 font-medium text-gray-700 hover:text-teal-600 text-base mr-4" > Tag List< / a >
< a href = "https://cloud.ocoge.club/" target = "_blank" rel = "noopener" class = "block mt-4 md:inline-block md:mt-0 font-medium text-gray-700 hover:text-teal-600 text-base mr-4" > Cloud/Mail< / a >
< a href = "https://git.ocoge.club/ocogeclub/pages" target = "_blank" rel = "noopener" class = "block mt-4 md:inline-block md:mt-0 font-medium text-gray-700 hover:text-teal-600 text-base mr-4" > ocogIt< / a >
< / nav >
< form id = "search" action = "/search" class = "order-last sm:order-none flex-grow items-center justify-end hidden sm:block mt-6 sm:mt-0" >
< label class = "visually-hidden" for = "header-searchbox" > 記事タイトル/概要を検索 ...< / label >
< input type = "text" id = "header-searchbox" name = "q" placeholder = "記事タイトル/概要を検索 ..." class = "w-full sm:max-w-xs bg-gray-200 border border-transparent float-right focus:bg-white focus:border-gray-300 focus:outline-none h-8 p-4 placeholder-gray-500 rounded text-gray-700 text-sm" >
< / form >
< div id = "menu-toggle" class = "flex items-center md:hidden text-gray-700 hover:text-teal-600 cursor-pointer sm:ml-6" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" class = "feather feather-menu" >
< line x1 = "3" y1 = "12" x2 = "21" y2 = "12" > < / line >
< line x1 = "3" y1 = "6" x2 = "21" y2 = "6" > < / line >
< line x1 = "3" y1 = "18" x2 = "21" y2 = "18" > < / line >
< / svg >
< / div >
< / div >
< / header >
< main class = "mx-7 lg:mx-6 mt-32 flex-grow" >
< div class = "max-w-5xl mx-auto" >
< div class = "flex flex-col md:flex-row items-center" >
< div class = "md:mr-9 text-gray-800" > < svg xmlns = "http://www.w3.org/2000/svg" width = "120" height = "120" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "1.5" stroke-linecap = "round" stroke-linejoin = "round" class = "feather feather-frown" >
< circle cx = "12" cy = "12" r = "10" > < / circle >
< path d = "M16 16s-1.5-2-4-2-4 2-4 2" > < / path >
< line x1 = "9" y1 = "9" x2 = "9.01" y2 = "9" > < / line >
< line x1 = "15" y1 = "9" x2 = "15.01" y2 = "9" > < / line >
< / svg > < / div >
< div class = "mt-5 md:mt-0 text-center md:text-left text-gray-800" >
< h1 class = "text-6xl font-medium mt-2 mb-5" > 404< / h1 >
< h2 class = "text-2xl text-gray-800 font-medium leading-snug mb-3 mt-0" > Oops! It seems you are lost< / h2 >
< p class = "mb-4 md:mb-3 text-gray-600" > The page you're looking for might have been removed had its name changed or is temporarily unavailable.< / p >
< a href = "/" class = "text-teal-600 font-semibold" > Return to homepage< / a >
< / div >
< / div >
< / div >
< / main >
< footer class = "mt-20 px-10 py-8 bg-gray-200" >
< div id = "footer-badge" > < a href = "https://git.ocoge.club/" target = _new > < img loading = "lazy" src = "/assets/img/git-ocogeclub.svg" class = "footer-img" > < / a > < a href = "http://creativecommons.org/licenses/by-sa/4.0/deed.ja" target = _new > < img loading = "lazy" src = "/assets/img/License_BY-SA_4.0.svg" class = "footer-img" > < / a > < / div >
< div class = "max-w-5xl mx-auto text-gray-700 text-center" >
© 2023 < a href = "/" class = "font-medium" target = "_blank" rel = "noopener" > おこげ俱楽部< / a > .
2023-04-02 09:02:12 +00:00
Made by < a href = "https://ocoge.club" target = "_blank" rel = "noopener" > ocoge.club< / a >
2023-04-02 08:31:07 +00:00
using < a href = "https://www.11ty.dev" target = "_blank" rel = "noopener" > Eleventy< / a > and < a href = "https://github.com/dafiulh/vredeburg" target = "_blank" rel = "noopener" > Vredeburg< / a > .< br >
< / div >
< / footer >
< script src = "/assets/js/bundle.js" > < / script >
< / body >
< script >
window.addEventListener('load', (event) => {
document.getElementsByTagName('html')[0].style.display='block';
});
< / script >
< / html >