Spaces:

kindahex
/

README

Running

App Files Files Community

Hev832 commited on Sep 8, 2024

Commit

ffd1c6b

verified ·

1 Parent(s): 8fdbb44

Update app.py

Browse files

Files changed (1) hide show

app.py +116 -46

app.py CHANGED Viewed

@@ -1,53 +1,123 @@
 import gradio as gr
-import time
-# Define the text content
-content = """
-# Welcome to kindahex
-**kindahex** 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.
-## 📌 What We Do
-At kindahex, we focus on creating tools and platforms that:
-- Simplify complex processes with intuitive user interfaces.
-- Empower developers and users alike through automation.
-- Leverage cutting-edge AI technologies for practical applications.
-Our primary areas of interest include:
-- **Artificial Intelligence**: Building AI-based solutions for diverse tasks.
-- **Web Development**: Creating interactive web applications with modern technologies.
-- **Automation**: Streamlining workflows to boost productivity.
-## 🌱 Contributing
-We welcome contributions from the open-source community! If you're interested in contributing:
-1. Fork the repository you’re interested in.
-2. Create a new branch (`git checkout -b feature-branch`).
-3. Make your changes and commit (`git commit -m 'Add new feature'`).
-4. Push your branch (`git push origin feature-branch`).
-5. Open a pull request for review.
-## 📬 Contact
-For inquiries or collaboration, feel free to reach out to us through [GitHub](https://github.com/kindahex), or [Hugging Face discussions](https://huggingface.co/spaces/kindahex/README/discussions).
-"""
-# Define the animation function
-def animate_text():
-    for i in range(0, len(content), 100):
-        yield content[:i]
-        time.sleep(0.1)  # Sleep for 100ms between updates
-# Function to update text in the Markdown block
-def animate():
-    for part in animate_text():
-        yield gr.Markdown.update(value=part)
-# Create the Gradio interface
 with gr.Blocks() as demo:
-    markdown_output = gr.Markdown()
-    # Create a `load` event that triggers the animation
-    demo.load(animate, inputs=None, outputs=markdown_output)
-# Launch the Gradio app
 demo.launch()

 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()