ginipick commited on
Commit
9f48eda
·
verified ·
1 Parent(s): 4f33d44

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +56 -0
app.py CHANGED
@@ -823,8 +823,64 @@ footer {
823
  visibility: hidden;
824
  }
825
  """
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
826
  def create_demo():
827
  with gr.Blocks(theme="Yntec/HaleyCH_Theme_Orange", css=css) as demo:
 
828
  gr.Markdown("# News! Multilingual version [https://huggingface.co/spaces/ginigen/FLUXllama-Multilingual](https://huggingface.co/spaces/ginigen/FLUXllama-Multilingual)")
829
 
830
  with gr.Row():
 
823
  visibility: hidden;
824
  }
825
  """
826
+
827
+ def create_snow_effect():
828
+ # CSS 스타일 정의
829
+ snow_css = """
830
+ @keyframes snowfall {
831
+ 0% {
832
+ transform: translateY(-10vh) translateX(0);
833
+ opacity: 1;
834
+ }
835
+ 100% {
836
+ transform: translateY(100vh) translateX(100px);
837
+ opacity: 0.3;
838
+ }
839
+ }
840
+ .snowflake {
841
+ position: fixed;
842
+ color: white;
843
+ font-size: 1.5em;
844
+ user-select: none;
845
+ z-index: 1000;
846
+ pointer-events: none;
847
+ animation: snowfall linear infinite;
848
+ }
849
+ """
850
+
851
+ # JavaScript 코드 정의
852
+ snow_js = """
853
+ function createSnowflake() {
854
+ const snowflake = document.createElement('div');
855
+ snowflake.innerHTML = '❄';
856
+ snowflake.className = 'snowflake';
857
+ snowflake.style.left = Math.random() * 100 + 'vw';
858
+ snowflake.style.animationDuration = Math.random() * 3 + 2 + 's';
859
+ snowflake.style.opacity = Math.random();
860
+ document.body.appendChild(snowflake);
861
+
862
+ setTimeout(() => {
863
+ snowflake.remove();
864
+ }, 5000);
865
+ }
866
+ setInterval(createSnowflake, 200);
867
+ """
868
+
869
+ # CSS와 JavaScript를 결합한 HTML
870
+ snow_html = f"""
871
+ <style>
872
+ {snow_css}
873
+ </style>
874
+ <script>
875
+ {snow_js}
876
+ </script>
877
+ """
878
+
879
+ return gr.HTML(snow_html)
880
+
881
  def create_demo():
882
  with gr.Blocks(theme="Yntec/HaleyCH_Theme_Orange", css=css) as demo:
883
+ create_snow_effect()
884
  gr.Markdown("# News! Multilingual version [https://huggingface.co/spaces/ginigen/FLUXllama-Multilingual](https://huggingface.co/spaces/ginigen/FLUXllama-Multilingual)")
885
 
886
  with gr.Row():