File size: 18,616 Bytes
9ab5bd1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
616aeb5
 
 
 
 
9ab5bd1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6e921de
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
import streamlit as st
import pandas as pd
import numpy as np
import time
import random
from PIL import Image

# Additional imports for CoTracker3 Demo
import torch
import imageio.v3 as iio
import matplotlib.pyplot as plt
import colorsys
import tempfile
import cv2
import os

# Set up the page configuration
st.set_page_config(
    page_title="Streamlit Super Fun Guide 🎈",
    page_icon="🎈",
    layout="wide",
    initial_sidebar_state="expanded",
)

# Add a header with an emoji
st.title("Welcome to the Streamlit Super Fun Guide 🎉")

# Add a limerick
st.write("""

Reference Papers:
https://arxiv.org/abs/2307.07635
https://arxiv.org/pdf/2307.07635

There once was a coder so bright,
Who coded with all of their might.
With Streamlit's delight,
They coded all night,
And apps popped up left and right!
""")

# Add a wise quote
st.write("> “Any fool can write code that a computer can understand. Good programmers write code that humans can understand.” – Martin Fowler")

# Sidebar navigation
st.sidebar.title("Navigation 🧭")
options = st.sidebar.radio("Go to", [
    "Introduction 🚀",
    "Upload Media 📁",
    "Animated Charts 📊",
    "Caching Demo 🗃️",
    "Query Parameters 🔍",
    "Character Gallery 🐾",
    "CoTracker3 Demo 🕵️‍♂️"
])

# Introduction Page
if options == "Introduction 🚀":
    st.header("Introduction 🚀")
    st.write("Hello there 👋")
    st.write("Thanks for stopping by! Let's embark on a fun journey to learn Streamlit together!")
    st.write("Here's a joke to start with:")
    st.write("> Why did the programmer quit his job? Because he didn't get arrays! 😂")
    st.image("https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif")

# Upload Media Page
elif options == "Upload Media 📁":
    st.header("Upload Media Files 📁")
    st.write("You can upload images, videos, and audio files here, and we'll display them in galleries!")
    uploaded_files = st.file_uploader("Choose media files", accept_multiple_files=True, type=["png", "jpg", "jpeg", "mp4", "mp3", "wav"])

    if uploaded_files:
        images = []
        videos = []
        audios = []
        for uploaded_file in uploaded_files:
            if uploaded_file.type.startswith("image/"):
                images.append(uploaded_file)
            elif uploaded_file.type.startswith("video/"):
                videos.append(uploaded_file)
            elif uploaded_file.type.startswith("audio/"):
                audios.append(uploaded_file)
        
        if images:
            st.subheader("Image Gallery 🖼️")
            cols = st.columns(3)
            for idx, img in enumerate(images):
                with cols[idx % 3]:
                    st.image(img, use_column_width=True)
        
        if videos:
            st.subheader("Video Gallery 🎥")
            for vid in videos:
                st.video(vid)
        
        if audios:
            st.subheader("Audio Gallery 🎵")
            for aud in audios:
                st.audio(aud)

# Animated Charts Page
elif options == "Animated Charts 📊":
    st.header("Animated Charts 📊")
    st.write("Watch the data come alive with live-updating charts!")

    # Live-updating line chart
    progress_bar = st.progress(0)
    status_text = st.empty()
    chart = st.line_chart(np.random.randn(10, 2))

    for i in range(100):
        new_rows = np.random.randn(1, 2)
        status_text.text(f"Iteration {i+1}")
        chart.add_rows(new_rows)
        progress_bar.progress((i + 1) % 100)
        time.sleep(0.1)
    st.success("Animation Complete! 🎉")

# Caching Demo Page
elif options == "Caching Demo 🗃️":
    st.header("Caching Demo 🗃️")
    st.write("This demonstrates how caching can speed up your app.")
    
    @st.cache_data
    def expensive_computation(n):
        time.sleep(2)  # Simulate a long computation
        return np.random.randn(n)
    
    st.write("Click the button to compute some data.")
    if st.button("Compute Data 🔄"):
        with st.spinner("Computing..."):
            data = expensive_computation(1000)
            st.success("Computation Complete! 🎉")
            st.line_chart(data)
    else:
        st.write("Awaiting your command...")

# Query Parameters Page
elif options == "Query Parameters 🔍":
    st.header("Query Parameters 🔍")
    st.write("You can control the app via URL query parameters!")
    st.write("Try adding `?name=YourName` to the URL and see what happens.")
    
    name = st.experimental_get_query_params().get("name", ["Stranger"])[0]
    st.write(f"Hello, {name}! 👋")
    st.write("Change the 'name' parameter in the URL to personalize this message.")

# Character Gallery Page
elif options == "Character Gallery 🐾":
    st.header("Character Gallery 🐾")
    st.write("Meet our delightful characters!")
    
    characters = [
        {"name": "Leo", "emoji": "🦁"},
        {"name": "Mia", "emoji": "🐱"},
        {"name": "Max", "emoji": "🐶"},
        {"name": "Zoe", "emoji": "🦊"},
        {"name": "Sam", "emoji": "🐵"},
        {"name": "Lily", "emoji": "🐰"},
        {"name": "Oscar", "emoji": "🐼"},
        {"name": "Ella", "emoji": "🐨"},
        {"name": "Jack", "emoji": "🐸"},
        {"name": "Nina", "emoji": "🐙"},
        {"name": "Charlie", "emoji": "🐵"},
        {"name": "Daisy", "emoji": "🐷"},
        {"name": "Felix", "emoji": "🐧"},
        {"name": "Grace", "emoji": "🐮"},
        {"name": "Henry", "emoji": "🐴"},
    ]
    
    random.shuffle(characters)
    cols = st.columns(5)
    for idx, character in enumerate(characters):
        with cols[idx % 5]:
            st.write(f"{character['emoji']} **{character['name']}**")

# CoTracker3 Demo Page
elif options == "CoTracker3 Demo 🕵️‍♂️":
    st.header("CoTracker3 Demo 🕵️‍♂️")
    st.write("This demo showcases point tracking using [CoTracker3](https://cotracker3.github.io/).")
    st.write("Upload a video or select one of the example videos, then click **Track Points** to see CoTracker3 in action!")

    # Example videos
    example_videos = {
        "Apple": "https://github.com/facebookresearch/co-tracker/raw/refs/heads/main/assets/apple.mp4",
        "Bear": "https://github.com/facebookresearch/co-tracker/raw/refs/heads/main/assets/bear.mp4",
        "Paragliding Launch": "https://github.com/facebookresearch/co-tracker/raw/refs/heads/main/assets/paragliding-launch.mp4",
        "Paragliding": "https://github.com/facebookresearch/co-tracker/raw/refs/heads/main/assets/paragliding.mp4",
        "Cat": "https://github.com/facebookresearch/co-tracker/raw/refs/heads/main/assets/cat.mp4",
        "Pillow": "https://github.com/facebookresearch/co-tracker/raw/refs/heads/main/assets/pillow.mp4",
        "Teddy": "https://github.com/facebookresearch/co-tracker/raw/refs/heads/main/assets/teddy.mp4",
        "Backpack": "https://github.com/facebookresearch/co-tracker/raw/refs/heads/main/assets/backpack.mp4",
    }

    # Video uploader
    uploaded_video = st.file_uploader("Upload a video (mp4 format)", type=["mp4"])

    # Option to select example videos
    selected_example = st.selectbox("Or select an example video", ["None"] + list(example_videos.keys()))

    # Tracking button
    if st.button("Track Points"):
        with st.spinner("Processing..."):
            # Load the video
            if uploaded_video is not None:
                # Process the uploaded video
                video_bytes = uploaded_video.read()
                with tempfile.NamedTemporaryFile(delete=False, suffix=".mp4") as tmp_file:
                    tmp_file.write(video_bytes)
                    tmp_video_path = tmp_file.name
                frames = iio.imread(tmp_video_path, plugin="pyav")
            elif selected_example != "None":
                # Download and read the example video
                video_url = example_videos[selected_example]
                frames = iio.imread(video_url, plugin="pyav")
            else:
                st.warning("Please upload a video or select an example video.")
                st.stop()
            
            # Check if video is too long
            FRAME_LIMIT = 300
            if frames.shape[0] > FRAME_LIMIT:
                frames = frames[:FRAME_LIMIT]
                st.warning(f"Video is too long. Only the first {FRAME_LIMIT} frames will be processed.")
            
            # Process with CoTracker3
            device = 'cuda' if torch.cuda.is_available() else 'cpu'
            grid_size = 10
            video = torch.tensor(frames).permute(0, 3, 1, 2)[None].float().to(device)  # B T C H W

            # Run Offline CoTracker
            cotracker = torch.hub.load("facebookresearch/co-tracker", "cotracker3_offline").to(device)
            pred_tracks, pred_visibility = cotracker(video, grid_size=grid_size)  # B T N 2,  B T N 1

            # Visualize the results
            def get_colors(num_colors):
                colors = []
                for i in np.arange(0.0, 360.0, 360.0 / num_colors):
                    hue = i / 360.0
                    lightness = (50 + np.random.rand() * 10) / 100.0
                    saturation = (90 + np.random.rand() * 10) / 100.0
                    color = colorsys.hls_to_rgb(hue, lightness, saturation)
                    colors.append(
                        (int(color[0] * 255), int(color[1] * 255), int(color[2] * 255))
                    )
                random.shuffle(colors)
                return colors

            def paint_point_track(frames, point_tracks, visibles, colormap=None):
                num_points, num_frames = point_tracks.shape[0:2]
                if colormap is None:
                    colormap = get_colors(num_colors=num_points)
                height, width = frames.shape[1:3]
                radius = int(round(min(height, width) * 0.015))
                video = frames.copy()
                for t in range(num_frames):
                    image = video[t]
                    for i in range(num_points):
                        x, y = point_tracks[i, t, :]
                        x = int(np.clip(x, 0, width - 1))
                        y = int(np.clip(y, 0, height - 1))
                        if visibles[i, t]:
                            cv2.circle(image, (x, y), radius, colormap[i], -1)
                    video[t] = image
                return video

            # Prepare data for visualization
            pred_tracks = pred_tracks[0].cpu().numpy().transpose(1, 0, 2)  # N x T x 2
            pred_visibility = pred_visibility[0].cpu().numpy().transpose(1, 0)  # N x T

            output_frames = paint_point_track(frames, pred_tracks, pred_visibility)

            # Save the output video
            output_video_path = os.path.join(tempfile.gettempdir(), "output_video.mp4")
            writer = imageio.get_writer(output_video_path, fps=25)
            for frame in output_frames:
                writer.append_data(frame)
            writer.close()

            # Display the output video
            st.video(output_video_path)

            st.success("Tracking Complete! 🎉")

# Footer with self-deprecating humor
st.write("If you find any bugs, remember they're just features in disguise! 🐞")



import random
import requests
import streamlit as st
from streamlit_lottie import st_lottie

class QuoteQuizGame:
    def __init__(self):
        self.questions = [
            {
                "question": "Who said: 'The unexamined life is not worth living'?",
                "choices": ["Plato", "Socrates", "Aristotle"],
                "correct_answer": "Socrates"
            },
            {
                "question": "Which philosopher wrote: 'God is dead. God remains dead. And we have killed him.'?",
                "choices": ["Jean-Paul Sartre", "Friedrich Nietzsche", "Albert Camus"],
                "correct_answer": "Friedrich Nietzsche"
            },
            {
                "question": "Who is credited with the quote: 'I think, therefore I am' (originally in Latin: 'Cogito, ergo sum')?",
                "choices": ["René Descartes", "Immanuel Kant", "John Locke"],
                "correct_answer": "René Descartes"
            },
            {
                "question": "Which ancient Chinese philosopher said: 'The journey of a thousand miles begins with a single step'?",
                "choices": ["Confucius", "Sun Tzu", "Lao Tzu"],
                "correct_answer": "Lao Tzu"
            },
            {
                "question": "Who wrote: 'He who has a why to live can bear almost any how'?",
                "choices": ["Viktor Frankl", "Friedrich Nietzsche", "Carl Jung"],
                "correct_answer": "Friedrich Nietzsche"
            },
            {
                "question": "Which existentialist philosopher said: 'Man is condemned to be free'?",
                "choices": ["Albert Camus", "Simone de Beauvoir", "Jean-Paul Sartre"],
                "correct_answer": "Jean-Paul Sartre"
            },
            {
                "question": "Who is known for the quote: 'The owl of Minerva spreads its wings only with the falling of the dusk'?",
                "choices": ["Georg Wilhelm Friedrich Hegel", "Arthur Schopenhauer", "Søren Kierkegaard"],
                "correct_answer": "Georg Wilhelm Friedrich Hegel"
            },
            {
                "question": "Which philosopher wrote: 'The life of man [is] solitary, poor, nasty, brutish, and short'?",
                "choices": ["John Locke", "Thomas Hobbes", "Jean-Jacques Rousseau"],
                "correct_answer": "Thomas Hobbes"
            },
            {
                "question": "Who said: 'He who fights with monsters should look to it that he himself does not become a monster'?",
                "choices": ["Carl Jung", "Friedrich Nietzsche", "Fyodor Dostoevsky"],
                "correct_answer": "Friedrich Nietzsche"
            },
            {
                "question": "Which philosopher wrote: 'The function of prayer is not to influence God, but rather to change the nature of the one who prays'?",
                "choices": ["Søren Kierkegaard", "Blaise Pascal", "Martin Buber"],
                "correct_answer": "Søren Kierkegaard"
            }
        ]
        random.shuffle(self.questions)
        self.score = 0
        self.current_question = 0

    def get_current_question(self):
        return self.questions[self.current_question]

    def check_answer(self, answer):
        question = self.questions[self.current_question]
        if question["choices"][answer - 1] == question["correct_answer"]:
            self.score += 1
            return True
        return False

    def next_question(self):
        self.current_question += 1
        return self.current_question < len(self.questions)

def load_lottie_url(url: str):
    r = requests.get(url)
    if r.status_code != 200:
        return None
    return r.json()

def show_animation(name, url):
    anim = load_lottie_url(url)
    st_lottie(anim, key=name)

def main():

    st.title("Quote Quiz Game with Animations")

    if 'quiz_game' not in st.session_state:
        st.session_state.quiz_game = QuoteQuizGame()
        st.session_state.game_over = False

    quiz = st.session_state.quiz_game

    # Quiz Game Section
    st.header("PhD-level Quote Quiz Game")
    if not st.session_state.game_over:
        question = quiz.get_current_question()
        st.write(f"Question {quiz.current_question + 1}:")
        st.write(question["question"])
        
        answer = st.radio("Choose your answer:", question["choices"], key=f"question_{quiz.current_question}")
        
        if st.button("Submit Answer"):
            correct = quiz.check_answer(question["choices"].index(answer) + 1)
            if correct:
                st.success("Correct!")
            else:
                st.error(f"Incorrect. The correct answer was: {question['correct_answer']}")
            
            if not quiz.next_question():
                st.session_state.game_over = True
    
    if st.session_state.game_over:
        st.write(f"Game over! Your final score is: {quiz.score} out of {len(quiz.questions)}.")
        if quiz.score == len(quiz.questions):
            st.write("Perfect score! You're a true philosophy expert!")
        elif quiz.score >= len(quiz.questions) * 0.8:
            st.write("Excellent job! You have a deep understanding of philosophical quotes.")
        elif quiz.score >= len(quiz.questions) * 0.6:
            st.write("Good effort! You have a solid grasp of famous quotes.")
        elif quiz.score >= len(quiz.questions) * 0.4:
            st.write("Not bad! There's room for improvement in your philosophical knowledge.")
        else:
            st.write("Keep studying! The world of philosophy has much to offer.")
        
        if st.button("Play Again"):
            st.session_state.quiz_game = QuoteQuizGame()
            st.session_state.game_over = False
            st.experimental_rerun()

    # Animation Section
    st.header("Animations")
    st.markdown('# Animations: https://lottiefiles.com/recent') 
    st.markdown("# Animate with JSON, SVG, Adobe XD, Figma, and deploy to web, mobile as tiny animation files ")

    col1, col2, col3 = st.columns(3)

    with col1:
        show_animation("Badge1", "https://assets5.lottiefiles.com/packages/lf20_wtohqzml.json")
        show_animation("Badge2", "https://assets5.lottiefiles.com/packages/lf20_i4zw2ddg.json")
        show_animation("Badge3", "https://assets5.lottiefiles.com/private_files/lf30_jfhmdmk5.json")
        show_animation("Graph", "https://assets6.lottiefiles.com/packages/lf20_4gqhiayj.json")

    with col2:
        show_animation("PhoneBot", "https://assets9.lottiefiles.com/packages/lf20_zrqthn6o.json")
        show_animation("SupportBot", "https://assets5.lottiefiles.com/private_files/lf30_cmd8kh2q.json")
        show_animation("ChatBot", "https://assets8.lottiefiles.com/packages/lf20_j1oeaifz.json")
        show_animation("IntelligentMachine", "https://assets8.lottiefiles.com/packages/lf20_edouagsj.json")

    with col3:
        show_animation("GearAI", "https://assets10.lottiefiles.com/packages/lf20_3jkp7dqt.json")
        show_animation("ContextGraph", "https://assets10.lottiefiles.com/private_files/lf30_vwC61X.json")
        show_animation("Yggdrasil", "https://assets4.lottiefiles.com/packages/lf20_8q1bhU.json")
        show_animation("Studying", "https://assets9.lottiefiles.com/packages/lf20_6ft9bypa.json")

if __name__ == "__main__":
    main()