<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Michiko - Your Ultimate Academic Companion</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: 'Poppins', sans-serif;
            background: #BB533D;
            background: -moz-linear-gradient(90deg, #BB533D 0%, #4B6369 100%);
            background: -webkit-linear-gradient(90deg, #BB533D 0%, #4B6369 100%);
            background: linear-gradient(90deg, #BB533D 0%, #4B6369 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#BB533D", endColorstr="#4B6369", GradientType=1);
            color: #F0F0F5;
            line-height: 1.6;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 5px;
            min-height: 100vh;
animation: gradientAnimation 8s ease infinite;
        }
@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
        .container {
            max-width: 900px;
            background: #004c4c;
            border-radius: 20px;
            padding: 10px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(10px);
        }
        header {
            text-align: center;
            margin-bottom: -120px;
            padding: 5px;
        }
        h1 {
            font-size: 2.5rem;
            letter-spacing: 1.5px;
        }
        .tagline {
            color: #FFB6C1;
            font-size: 1.2rem;
            margin-top: 10px;
        }
        .section {
            margin-bottom: -130px;
            padding: 5px;
        }
        .feature-card {
            background-color: #007373;
            padding: 20px;
            border-radius: 60px;
            margin-bottom: 15px;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
        }
        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.5);
        }
        ul {
            list-style: none;
            margin: -30px 0;
            padding-left: 0;
        }
        ul li {
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }
        ul li::before {
            content: '➤';
            color: #FFD700;
            margin-right: 10px;
        }
        p, li {
            font-size: 1rem;
        }
        ul {
            font-size: 1rem;
        }
        footer {
            text-align: center;
            margin-top: 10px;
            font-size: 1.1rem;
            color: #FFB6C1;
        }
             h1.chakra-text.css-rd8i1m {
    padding-right: 0px;
    font-size: 40px;
    position: relative;
    display: inline-flex;
    align-items: center;
    color: #ffffff; 
        }
        h1.chakra-text.css-rd8i1m::after {
    content: "AI";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    font-size: 14px;
    font-weight: bold;
    font-family: sans-serif;
    color: #ffffff;
    border-radius: 12px;
    padding: 2px 12px 2px 32px;
    background: 
        url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 14 14"%3E%3Cpolyline points="3,7 6,10 11,3" style="fill:none;stroke:white;stroke-width:2"/%3E%3C/svg%3E') no-repeat 13px center, 
        linear-gradient(90deg, #3f48cc, #2c387d);
    background-size: auto, 200% 100%;  
    background-repeat: no-repeat;
    height: 26px;
    line-height: 26px;
    overflow: visible;
    position: relative;
        }
        h1.chakra-text.css-rd8i1m::after::before {
             content: "";
    position: absolute;
    width: 6px;
    height: 12px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
 left: 10px;
background: none;
        }
        @keyframes shine {
            0% {
                left: -100%;
            }
            50% {
                left: 100%;
            }
            100% {
                left: 100%;
            }
        }
        .iNruBJ {
            fill: #FCD53F; 
            stroke: #FCD53F; 
            stroke-width: 1; 
        }
.gCcCuZ .Icons__Fill-sc-v2gr92-0, .gCcCuZ .Icons__FillRect-sc-v2gr92-4, .gCcCuZ .Icons__Fill20-sc-v2gr92-7, .gCcCuZ .Icons__FillRect20-sc-v2gr92-9, .gCcCuZ .Icons__CircleFill-sc-v2gr92-1, .gCcCuZ .Icons__StrokeFill20-sc-v2gr92-6  {
            fill: #87CEFA; 
        }
.gCcCuZ .Icons__Stroke-sc-v2gr92-3, .gCcCuZ .Icons__StrokeRect-sc-v2gr92-5, .gCcCuZ .Icons__Stroke20-sc-v2gr92-8, .gCcCuZ .Icons__CircleStroke-sc-v2gr92-2, .gCcCuZ .Icons__StrokeFill20-sc-v2gr92-6 {
    fill: none;
    stroke: #87CEFA;
}
.hiwfdv{
opacity: 0.1;
}
.css-qy8lgb {
  background-color: #007373; 
}
.css-qy8lgb:hover {
  background-color: #005c5c !important; 
}
.css-1ebbhgf {
  background-color: #007373 !important;
}
.css-1ebbhgf:hover {
  background-color: #005c5c !important; 
}
.css-vmk9es{
  background-color: #B4523E;
}
.css-vmk9es:hover {
  background-color: #8A3D2A; 
}
h2.chakra-text.css-0 {
 color: #ffffff;
}
.css-103ob63 {
background: transparent;
opacity: 1 !important;
}
.css-1ye4orz {
background: transparent;
opacity: 0.4 !important;
}
.css-8k42l9 {
opacity: 2 !important;
}
.css-z3u4zw {
background: none;
}
.css-1v6gcsx {
background: none;
}
.css-11vn6qt {
background: none;
}
.css-1p8e5k1 {
color: #87CEFA;
}
.css-nnp25b {
background-color: #B4523E;
}
.css-nnp25b:hover {
  background-color: #8A3D2A; /* Darker shade of #B4523E */
}
.css-u2j4ww {
background-color: #B4523E;
}
.css-u2j4ww:hover {
  background-color: #8A3D2A; 
}
.css-1xr27s9 {
background-color: #B4523E;
}
.css-16th6h2 {
color: #87CEFA;
}
.css-1qrj199 {
color: #87CEFA;
}
::-webkit-scrollbar {
    width: 12px; /* Adjust scrollbar width */
}
::-webkit-scrollbar-thumb {
    background-color: #B4523E; /* Set the thumb color (the draggable part) */
    border-radius: 10px; /* Optional: rounded corners */
}
::-webkit-scrollbar-thumb:hover {
    background-color: #B4523E; /* Keep thumb the same color */
}
::-webkit-scrollbar-thumb:active {
    background-color: #B4523E; /* Keep thumb the same color when active */
}
.css-1qsyi4e {
 background-color: #87CEFA; 
}
.css-1t10vff {
color: #ffffff;
}
img {
    border-radius: 8px; 
}
        h3 {
            margin-bottom: -1.15rem !important;
        }

    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1>🌟 Michiko: Your Ultimate Academic Companion 🌟</h1>
            <p class="tagline">Revolutionizing global student collaboration and engagement 🌐✉️</p>
        </header>

        <section class="section" id="ai">
            <h2>🤖 AI Capabilities</h2>
            <div class="feature-card">
                <h3>Chatbot</h3>
                <p>Michiko's AI chatbot offers personalized responses to help with your studies, making learning more interactive and fun. 💬</p>
                <img src="https://i.ibb.co/McmHz8g/Michiko-video.png" alt="Chatbot Icon">
            </div>
            <div class="feature-card">
                <h3>AI Image Creation</h3>
                <p>Unleash creativity with AI-powered image generation for projects or artistic endeavors. 🖼️✨</p>
                <img src="https://i.ibb.co/KqHP6xx/imgcreation.png" alt="AI Image Creation Icon">
            </div>
            <div class="feature-card">
                <h3>File Analysis</h3>
                <p>Analyze PDFs and images effortlessly for research and academic work. 📑🔍</p>
                <img src="https://i.ibb.co/ZLBKhfk/fileanalysis.png" alt="File Analysis Icon">
            </div>
        </section>

        <section class="section" id="communication">
            <h2>🌍 Cross-Server Communication</h2>
            <p>Engage in discussions beyond your server, fostering a global learning community. 🌏🤝</p>
        </section>

        <section class="section" id="study-tools">
            <h2>📚 Study Tools</h2>
            <ul>
                <li>📝 Notes for memorization</li>
                <li>➗ Calculator for quick math solutions</li>
                <li>📖 Dictionary for word lookups</li>
                <li>✅ To-Do Lists for task organization</li>
                <li>📅 Scheduler for study sessions</li>
            </ul>
        </section>

        <section class="section" id="economy">
            <h2>💰 Economy System</h2>
            <ul>
                <li>💵 Earn and spend virtual currency</li>
                <li>🎁 Daily & weekly bonuses</li>
                <li>⛏️ Virtual jobs for earning rewards</li>
            </ul>
        </section>

        <section class="section" id="fun-games">
            <h2>🎮 Fun & Games</h2>
            <ul>
                <li>Hangman, 2048, Minesweeper</li>
                <li>Truth or Dare, Would You Rather</li>
                <li>Akinator, Trivia Challenges</li>
                <li>What Do You Meme? for laughs</li>
            </ul>
        </section>

        <footer>
            <p>Michiko: Connecting, Competing, Collaborating 🌟🌐🎓</p>
        </footer>
    </div>
</body>
</html>

Michiko

Unlock AI Chatbot, GPT-4o, File Analysis, and AI Image Creation with Michiko: Your Ultimate Study Companion with AI features!

This Is A Multiple Purpose Bot Specially Made For Music Events Hosting On Discord To Ease The Work Of Discord Mods. Many Scrims Related And Server Designing Features To Be Added Later In This Bot. There Are Some Special Commands Like `&eventmode` And `&eventmodeoff`Specially For Music Events That Are Hosted By Many Servers Nowadays. Weekly Bugs Are Removed From This Bot, Bug Hunters Are Given Special Role In Server. The Premium Version Of This Bot Is Coming Soon So Stay Tuned.

EVENT MANAGER

A Multiple Purpose Bot Specially Made For Music Events Hosted On Discord To Ease The Work Of Discord Mods. 

Discord Bots

Michiko

EVENT MANAGER