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 > About Me | おこげ俱楽部< / title >
< meta name = "title" content = "About Me | おこげ俱楽部" >
< 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/about/" >
< 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 = "About Me | おこげ俱楽部" >
< meta property = "og:description" content = "Ohiwa Code Generator - Portal" >
< meta property = "og:url" content = "https://ocoge.club/about/" >
< 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 items-center text-lg" >
< a href = "https://ocoge.club" target = "_blank" rel = "noopener" >
< img class = "w-32 h-32 md:w-40 md:h-40 rounded-full" src = "/assets/img/author.gif" width = "128" height = "128" alt = "Author avatar" >
< / a >
< div class = "text-center mt-8" >
< h1 class = "text-2xl font-medium text-gray-800 leading-relaxed mt-0 mb-1" >
2023-04-02 09:02:12 +00:00
< a href = "https://ocoge.club" target = "_blank" rel = "noopener" > ocoge.club< / a >
2023-04-02 08:31:07 +00:00
< / h1 >
< div class = "text-gray-600" >
< a href = "mailto:info@ocoge.club" > info@ocoge.club< / a >
< / div >
< / 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 >
