Spaces:
Sleeping
Sleeping
| import streamlit as st | |
| import pandas as pd | |
| import streamlit as st | |
| st.set_page_config(page_title="Homepage", page_icon="🏏", layout="wide") | |
| st.markdown(""" | |
| <style> | |
| .stApp { | |
| background-color: white; | |
| font-family: 'Arial', sans-serif; | |
| } | |
| .container { | |
| background-color: #FFFFFF; | |
| padding: 20px; | |
| border-radius: 10px; | |
| box-shadow: 2px 2px 10px rgba(0,0,0,0.1); | |
| margin: 20px 0; | |
| transition: transform 0.3s; | |
| } | |
| .container:hover { | |
| transform: scale(1.02); | |
| } | |
| .title { | |
| color: #D91E36; | |
| text-align: center; | |
| font-size: 40px; | |
| font-weight: bold; | |
| animation: fadeIn 2s ease-in-out; | |
| } | |
| .subtitle { | |
| color: #125E8A; | |
| text-align: center; | |
| font-size: 28px; | |
| font-weight: bold; | |
| animation: fadeIn 2s ease-in-out; | |
| } | |
| .image-container { | |
| text-align: center; | |
| margin: 20px 0; | |
| animation: fadeIn 3s ease-in-out; | |
| } | |
| .content { | |
| font-size: 18px; | |
| color: #333; | |
| line-height: 1.6; | |
| text-align: justify; | |
| } | |
| @keyframes fadeIn { | |
| from { opacity: 0; } | |
| to { opacity: 1; } | |
| } | |
| </style> | |
| """, unsafe_allow_html=True) | |
| st.markdown('<h1 class="title">Welcome to CrickXplore 🏏</h1>', unsafe_allow_html=True) | |
| st.markdown('<div class="image-container">', unsafe_allow_html=True) | |
| st.image("https://cdn-uploads.huggingface.co/production/uploads/66bde9bf3c885d04498227a0/TTcsCrr5u6hbTyeQZXEOM.jpeg", width=400) | |
| st.markdown('</div>', unsafe_allow_html=True) | |
| st.markdown(""" | |
| <div class="container"> | |
| <h2 class="subtitle">About Cricket 🏏</h2> | |
| <p class="content"> | |
| Cricket is a sport that blends <b>strategy and excitement</b>. It is played between <b>two teams of 11 players</b>, where one team bats to score <b>runs</b> and the other bowls and fields to stop them.<br><br> | |
| The game is played in three major formats: | |
| <ul> | |
| <li>🏏 <b>Test Matches</b> – The longest format, lasting <b>up to 5 days</b>.</li> | |
| <li>⚡ <b>One Day Internationals (ODIs)</b> – Faster-paced, with <b>50 overs per team</b>.</li> | |
| <li>🔥 <b>T20 Matches</b> – The shortest format, featuring <b>20 overs per team</b>, packed with action.</li> | |
| <li>💰 <b>IPL Matches</b> – A high-energy T20 league featuring <b>top global players</b> and thrilling matches.</li> | |
| </ul> | |
| Cricket has become one of the most popular sports worldwide, producing <b>legendary players and unforgettable moments</b>. | |
| </p> | |
| </div> | |
| """, unsafe_allow_html=True) | |
| st.markdown(""" | |
| <div class="container"> | |
| <h2 class="subtitle">Popular Cricket Tournaments 🌍</h2> | |
| <p class="content"> | |
| Cricket features some of the world's most thrilling tournaments: | |
| <ul> | |
| <li>🏆 <b>ICC Cricket World Cup</b> – The <b>biggest ODI tournament</b>, held every <b>4 years</b>.</li> | |
| <li>🔥 <b>ICC T20 World Cup</b> – A fast-paced battle of <b>T20 cricket nations</b>.</li> | |
| <li>🏅 <b>ICC World Test Championship</b> – Determines the <b>best Test Cricket team</b>.</li> | |
| <li>💰 <b>Indian Premier League (IPL)</b> – The <b>most-watched T20 league</b>, featuring global superstars.</li> | |
| <li>🏏 <b>The Ashes</b> – A historic Test series between <b>England and Australia</b>.</li> | |
| <li>🌏 <b>Asia Cup</b> – A high-intensity clash of <b>top Asian teams</b>.</li> | |
| </ul> | |
| Each tournament delivers <b>excitement, rivalry, and unforgettable cricketing moments</b>. | |
| </p> | |
| </div> | |
| """, unsafe_allow_html=True) | |
| st.markdown(""" | |
| <div class="container"> | |
| <h2 class="subtitle">Features of CrickXplore 🚀</h2> | |
| <p class="content"> | |
| CrickXplore is your <b>go-to cricket analytics platform</b>, offering: | |
| <ul> | |
| <li>📊 <b>Player Statistics</b> – Dive into in-depth player stats across formats.</li> | |
| <li>🏏 <b>Player Comparison</b> – Compare two players using AI-powered insights.</li> | |
| <li>⚔️ <b>Team Comparison</b> – Analyze teams based on historical performance.</li> | |
| <li>🔮 <b>Score Prediction</b> – Predict scores with AI-based analytics.</li> | |
| <li>🏆 <b>Match Winner Prediction</b> – Use data-driven models to predict match outcomes.</li> | |
| </ul> | |
| ✨ <b>Experience cricket like never before – through data, insights, and powerful analytics!</b> ✨ | |
| </p> | |
| </div> | |
| """, unsafe_allow_html=True) | |
| st.markdown(""" | |
| <style> | |
| .container { | |
| background-color: #E6F2FF; | |
| padding: 20px; | |
| border-radius: 10px; | |
| box-shadow: 2px 2px 10px rgba(0,0,0,0.1); | |
| margin-bottom: 20px; | |
| animation: fadeInUp 2s ease-in-out; | |
| } | |
| .title { | |
| color: #125E8A; | |
| font-size: 28px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| .content { | |
| font-size: 18px; | |
| color: #333; | |
| text-align: center; | |
| line-height: 1.6; | |
| } | |
| @keyframes fadeInUp { | |
| from { | |
| opacity: 0; | |
| transform: translateY(20px); | |
| } | |
| to { | |
| opacity: 1; | |
| transform: translateY(0); | |
| } | |
| } | |
| </style> | |
| <div class="container"> | |
| <h2 class="title">About the Creator 🌏</h2> | |
| <p class="content"> | |
| Hello! 👋 I’m <strong>Harika Padyala</strong>, a passionate Data Science student dedicated to simplifying complex concepts | |
| and empowering others to excel in the field of machine learning. | |
| </p> | |
| </div> | |
| <div class="container"> | |
| <h2 class="title">Get Started 🚀</h2> | |
| <p class="content"> | |
| Ready to explore cricket in a <b>smarter way?</b><br><br> | |
| - 📊 View player stats with interactive visuals. <br> | |
| - 🏏 Upload images to compare players or teams. <br> | |
| - 🔮 Predict scores and match winners with AI. <br><br> | |
| Experience the power of <b>data-driven cricket</b> all in one place!<br> | |
| Use the <b>sidebar</b> to navigate through the features and <b>start your journey now!</b> | |
| </p> | |
| </div> | |
| """, unsafe_allow_html=True) | |