File size: 3,326 Bytes
bf447db ffd1c6b bf447db ffd1c6b bf447db 6885980 ffd1c6b 5d24592 bf447db |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 |
import gradio as gr
html_content = """
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to kindahex</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #282c34;
color: #ffffff;
padding: 20px;
}
h1, h2, h3 {
animation: fadeIn 2s ease-in-out;
}
h1 {
font-size: 3em;
margin-bottom: 20px;
}
h2 {
font-size: 2em;
margin: 10px 0;
}
h3 {
font-size: 1.5em;
}
p, li {
font-size: 1.2em;
animation: fadeIn 3s ease-in-out;
margin: 10px 0;
}
li {
list-style-type: disc;
margin-left: 20px;
}
a {
color: #61dafb;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Animations */
@keyframes fadeIn {
0% {
opacity: 0;
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* Additional styling */
.highlight {
font-weight: bold;
color: #61dafb;
animation: fadeIn 4s ease-in-out;
}
.container {
max-width: 800px;
margin: 0 auto;
text-align: left;
}
</style>
</head>
<body>
<div class="container">
<h1>Welcome to <span class="highlight">kindahex</span></h1>
<p><strong>kindahex</strong> is an organization dedicated to developing innovative and open-source software solutions. Our projects span various domains including AI, web development, and automation, designed to push the boundaries of technology while fostering collaboration and learning.</p>
<h2>📌 What We Do</h2>
<p>At kindahex, we focus on creating tools and platforms that:</p>
<ul>
<li>Simplify complex processes with intuitive user interfaces.</li>
<li>Empower developers and users alike through automation.</li>
<li>Leverage cutting-edge AI technologies for practical applications.</li>
</ul>
<p>Our primary areas of interest include:</p>
<ul>
<li><strong>Artificial Intelligence</strong>: Building AI-based solutions for diverse tasks.</li>
<li><strong>Web Development</strong>: Creating interactive web applications with modern technologies.</li>
<li><strong>Automation</strong>: Streamlining workflows to boost productivity.</li>
</ul>
<h2>🌱 Contributing</h2>
<p>We welcome contributions from the open-source community! If you're interested in contributing:</p>
<ul>
<li>Fork the repository you’re interested in.</li>
<li>Create a new branch (`git checkout -b feature-branch`).</li>
<li>Make your changes and commit (`git commit -m 'Add new feature'`).</li>
<li>Push your branch (`git push origin feature-branch`).</li>
<li>Open a pull request for review.</li>
</ul>
<h2>📬 Contact</h2>
<p>For inquiries or collaboration, feel free to reach out to us through <a href="https://github.com/kindahex" target="_blank">GitHub</a>, or <a href="https://huggingface.co/spaces/kindahex/README/discussions" target="_blank">Hugging Face discussions</a>.</p>
</div>
</body>
</html>
"""
with gr.Blocks() as demo:
gr.HTML(html_content)
demo.launch()
|