yash-gupta-01 commited on
Commit
ac23899
·
1 Parent(s): 4639788
Files changed (1) hide show
  1. home.py +137 -0
home.py CHANGED
@@ -0,0 +1,137 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import streamlit as st
2
+ from streamlit_lottie import st_lottie
3
+ import requests
4
+
5
+ # Function to load Lottie animation from a URL
6
+ def load_lottieurl(url: str):
7
+ """Fetch Lottie animation JSON from a URL."""
8
+ try:
9
+ response = requests.get(url)
10
+ if response.status_code == 200:
11
+ return response.json()
12
+ except requests.exceptions.RequestException:
13
+ return None
14
+
15
+ # CSS Styling for light and dark modes
16
+ st.markdown("""
17
+ <style>
18
+ body {
19
+ margin: 0;
20
+ padding: 0;
21
+ font-family: 'Roboto', sans-serif;
22
+ background-color: var(--background-color, #f8f9fa);
23
+ color: var(--text-color, #212529);
24
+ }
25
+ h1 {
26
+ font-size: 3rem;
27
+ color: var(--primary-color, #007acc);
28
+ text-align: center;
29
+ margin-bottom: 15px;
30
+ }
31
+ h2, h3 {
32
+ font-size: 1.5rem;
33
+ color: var(--secondary-color, #005b96);
34
+ text-align: center;
35
+ margin-top: 20px;
36
+ }
37
+ p {
38
+ font-family: 'Georgia', serif;
39
+ color: var(--text-color, #212529);
40
+ line-height: 1.6;
41
+ text-align: justify;
42
+ }
43
+ .about-author {
44
+ background-color: var(--card-bg, #ffffff);
45
+ border-radius: 10px;
46
+ padding: 25px;
47
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
48
+ margin: 20px auto;
49
+ max-width: 700px;
50
+ text-align: center;
51
+ color: var(--text-color, #212529);
52
+ }
53
+ .social-icons {
54
+ display: flex;
55
+ justify-content: center;
56
+ gap: 20px;
57
+ margin-top: 15px;
58
+ }
59
+ .social-icons a img {
60
+ width: 40px;
61
+ height: 40px;
62
+ transition: transform 0.3s ease-in-out;
63
+ }
64
+ .social-icons a img:hover {
65
+ transform: scale(1.2);
66
+ }
67
+ footer {
68
+ margin-top: 50px;
69
+ text-align: center;
70
+ font-family: 'Georgia', serif;
71
+ color: var(--text-muted, #6c757d);
72
+ }
73
+ </style>
74
+ """, unsafe_allow_html=True)
75
+
76
+ # Title and Tagline
77
+ st.title("Mastering Machine Learning: From Basics To Brilliance 🚀🤖")
78
+ st.markdown("## Your Gateway To Become Master In Data Science")
79
+
80
+ # Display Lottie animation
81
+ animation_url = "https://lottie.host/a45f4739-ef78-4193-b3f9-2ea435a190d5/PsTVRgXekn.json"
82
+ lottie_animation = load_lottieurl(animation_url)
83
+ if lottie_animation:
84
+ st_lottie(lottie_animation, height=200, key="animation")
85
+
86
+ # About the App Section
87
+ st.subheader("About This Application")
88
+ st.markdown("""
89
+ This platform serves as a **comprehensive guide to Machine Learning and Data Science**.
90
+ From grasping the fundamentals to deploying models, it offers insights into the entire lifecycle:
91
+ - **Problem Definition**: Understand the business context and set clear objectives.
92
+ - **Data Handling**: Collect, clean, and explore datasets to uncover insights.
93
+ - **Model Development**: Build and optimize machine learning models.
94
+ - **Model Deployment**: Deliver real-world solutions and monitor performance.
95
+
96
+ Designed for both beginners and those looking to refine their skills, this app provides a structured learning path enriched with practical examples.
97
+ """)
98
+
99
+ # Key Takeaways Section
100
+ st.subheader("What You'll Learn Here")
101
+ st.markdown("""
102
+ 1. **Step-by-Step Roadmaps**: Detailed guidance to help you navigate through data science challenges.
103
+ 2. **Hands-on Projects**: Real-world examples and code snippets for applied learning.
104
+ 3. **Visualizations**: Clear, intuitive graphs and plots to simplify complex concepts.
105
+ 4. **Insights from Experience**: Lessons from my personal journey to help you avoid common pitfalls.
106
+ """)
107
+
108
+ # Author Section
109
+ st.markdown("""
110
+ <div class="about-author">
111
+ <h2>About the Author</h2>
112
+ <p>
113
+ Hello! I'm <strong>Yash Harish Gupta</strong>, an aspiring data scientist deeply passionate about machine learning.
114
+ My journey began with curiosity about how data drives decisions and has evolved into a mission to create impactful solutions.
115
+ Currently, I am learning and preparing to embark on my professional career in this exciting field.
116
+ </p>
117
+ </div>
118
+ """, unsafe_allow_html=True)
119
+
120
+ # Social Links Section
121
+ st.markdown("""
122
+ <div class="social-icons">
123
+ <a href="https://www.linkedin.com/in/yash-harish-gupta-71b011189/" target="_blank">
124
+ <img src="https://upload.wikimedia.org/wikipedia/commons/c/ca/LinkedIn_logo_initials.png" alt="LinkedIn">
125
+ </a>
126
+ <a href="https://github.com/YashGupta018" target="_blank">
127
+ <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub">
128
+ </a>
129
+ </div>
130
+ """, unsafe_allow_html=True)
131
+
132
+ # Footer Section
133
+ st.markdown("""
134
+ <footer>
135
+ <p>Made with ❤️ by <strong>Yash Harish Gupta</strong> | © 2024</p>
136
+ </footer>
137
+ """, unsafe_allow_html=True)