Hugging Face's logo

Spaces:
ArnabDeo
/
ai-stock-predictor
Running

App Files Community
ArnabDeo commited on
Commit
3b94c1d
·
verified ·
1 Parent(s): 3b81096

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +85 -274
app.py CHANGED
@@ -537,295 +537,106 @@ with gr.Blocks(
537
 
538
  # Enhanced Disclaimer Section with Fully Visible Headings
539
  gr.HTML("""
540
- <div style="max-width: 900px; margin: 20px auto; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
 
 
 
541
 
542
- <!-- Main Disclaimer Box -->
543
- <div style="background: #ffffff;
544
- border: 5px solid #ff6b6b;
 
545
  border-radius: 15px;
546
- padding: 30px;
547
- margin-bottom: 30px;
548
- box-shadow: 0 10px 30px rgba(255, 107, 107, 0.3);">
549
-
550
- <!-- FIXED DISCLAIMER HEADING -->
551
- <div style="background: #ff6b6b;
552
- color: #ffffff;
553
- text-align: center;
554
- margin: -30px -30px 25px -30px;
555
- padding: 25px;
556
- border-radius: 10px 10px 0 0;">
557
- <h2 style="color: #ffffff;
558
- margin: 0;
559
- font-size: 2.2em;
560
- font-weight: bold;
561
- text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">
562
- ⚠️ IMPORTANT DISCLAIMER ⚠️
563
- </h2>
564
- </div>
565
-
566
- <div style="background: #ffffff;
567
- border-radius: 12px;
568
- padding: 25px;
569
- color: #000000;
570
- font-size: 16px;
571
- line-height: 1.8;">
572
-
573
- <!-- Educational Purpose Header -->
574
- <div style="background: #f8f9fa;
575
- border: 3px solid #dee2e6;
576
- border-radius: 10px;
577
- padding: 20px;
578
- text-align: center;
579
- margin-bottom: 25px;">
580
- <h3 style="margin: 0;
581
- font-weight: bold;
582
- font-size: 1.4em;
583
- color: #000000;">
584
- 📚 FOR EDUCATIONAL PURPOSES ONLY 📚
585
- </h3>
586
- </div>
587
-
588
- <!-- Disclaimer Points -->
589
- <div style="display: grid; gap: 15px;">
590
- <div style="background: #ffffff;
591
- border: 3px solid #3498db;
592
- border-radius: 10px;
593
- padding: 20px;
594
- box-shadow: 0 3px 10px rgba(0,0,0,0.1);">
595
- <h4 style="color: #000000; margin: 0 0 8px 0; font-size: 1.1em;">
596
- 🚫 NOT FINANCIAL ADVICE
597
- </h4>
598
- <p style="color: #000000; margin: 0; font-size: 15px;">
599
- This AI tool is for learning and research only
600
- </p>
601
- </div>
602
-
603
- <div style="background: #ffffff;
604
- border: 3px solid #e74c3c;
605
- border-radius: 10px;
606
- padding: 20px;
607
- box-shadow: 0 3px 10px rgba(0,0,0,0.1);">
608
- <h4 style="color: #000000; margin: 0 0 8px 0; font-size: 1.1em;">
609
- ⚡ AI CAN BE WRONG
610
- </h4>
611
- <p style="color: #000000; margin: 0; font-size: 15px;">
612
- Predictions may be inaccurate or completely wrong
613
- </p>
614
- </div>
615
-
616
- <div style="background: #ffffff;
617
- border: 3px solid #f39c12;
618
- border-radius: 10px;
619
- padding: 20px;
620
- box-shadow: 0 3px 10px rgba(0,0,0,0.1);">
621
- <h4 style="color: #000000; margin: 0 0 8px 0; font-size: 1.1em;">
622
- 💼 CONSULT PROFESSIONALS
623
- </h4>
624
- <p style="color: #000000; margin: 0; font-size: 15px;">
625
- Always seek qualified financial advisors
626
- </p>
627
- </div>
628
-
629
- <div style="background: #ffffff;
630
- border: 3px solid #9b59b6;
631
- border-radius: 10px;
632
- padding: 20px;
633
- box-shadow: 0 3px 10px rgba(0,0,0,0.1);">
634
- <h4 style="color: #000000; margin: 0 0 8px 0; font-size: 1.1em;">
635
- 💰 INVEST RESPONSIBLY
636
- </h4>
637
- <p style="color: #000000; margin: 0; font-size: 15px;">
638
- Only invest what you can afford to lose
639
- </p>
640
- </div>
641
- </div>
642
- </div>
643
- </div>
644
-
645
- <!-- Trading Decision Guide for Beginners -->
646
- <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 25px; margin: 30px 0;">
647
-
648
- <!-- BUY Signal -->
649
- <div style="background: #27ae60;
650
- color: #ffffff;
651
- padding: 25px;
652
- border-radius: 15px;
653
- text-align: center;
654
- box-shadow: 0 8px 25px rgba(46, 204, 113, 0.4);
655
- border: 4px solid #229954;">
656
- <div style="font-size: 3em; margin-bottom: 15px;">📈</div>
657
- <h3 style="margin: 0 0 15px 0;
658
- font-size: 1.3em;
659
- font-weight: bold;
660
- color: #ffffff;
661
- text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">
662
- GREEN = BUY SIGNAL
663
- </h3>
664
- <p style="margin: 0;
665
- font-size: 14px;
666
- color: #ffffff;
667
- line-height: 1.4;">
668
- AI predicts price increase<br>
669
- <strong style="color: #ffffff;">⚠️ Still risky - do research!</strong>
670
- </p>
671
- </div>
672
-
673
- <!-- HOLD Signal -->
674
- <div style="background: #f39c12;
675
- color: #ffffff;
676
- padding: 25px;
677
- border-radius: 15px;
678
- text-align: center;
679
- box-shadow: 0 8px 25px rgba(243, 156, 18, 0.4);
680
- border: 4px solid #e67e22;">
681
- <div style="font-size: 3em; margin-bottom: 15px;">⚪</div>
682
- <h3 style="margin: 0 0 15px 0;
683
- font-size: 1.3em;
684
- font-weight: bold;
685
- color: #ffffff;
686
- text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">
687
- YELLOW = HOLD
688
- </h3>
689
- <p style="margin: 0;
690
- font-size: 14px;
691
- color: #ffffff;
692
- line-height: 1.4;">
693
- AI expects stable prices<br>
694
- <strong style="color: #ffffff;">Wait and watch strategy</strong>
695
- </p>
696
- </div>
697
-
698
- <!-- SELL Signal -->
699
- <div style="background: #e74c3c;
700
- color: #ffffff;
701
- padding: 25px;
702
- border-radius: 15px;
703
- text-align: center;
704
- box-shadow: 0 8px 25px rgba(231, 76, 60, 0.4);
705
- border: 4px solid #c0392b;">
706
- <div style="font-size: 3em; margin-bottom: 15px;">📉</div>
707
- <h3 style="margin: 0 0 15px 0;
708
- font-size: 1.3em;
709
- font-weight: bold;
710
- color: #ffffff;
711
- text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">
712
- RED = SELL SIGNAL
713
- </h3>
714
- <p style="margin: 0;
715
- font-size: 14px;
716
- color: #ffffff;
717
- line-height: 1.4;">
718
- AI predicts price decrease<br>
719
- <strong style="color: #ffffff;">Consider reducing exposure</strong>
720
- </p>
721
- </div>
722
  </div>
723
 
724
- <!-- Beginner Tips - COMPLETELY FIXED VERSION -->
725
- <div style="background: #ffffff;
726
- border: 5px solid #3498db;
 
727
  border-radius: 15px;
728
- padding: 30px;
729
- margin-top: 30px;
730
- box-shadow: 0 10px 30px rgba(52, 152, 219, 0.3);">
731
-
732
- <!-- FIXED BEGINNER TIPS HEADING -->
733
- <div style="background: #3498db;
734
- color: #ffffff;
735
- text-align: center;
736
- margin: -30px -30px 25px -30px;
737
- padding: 25px;
738
- border-radius: 10px 10px 0 0;">
739
- <h2 style="color: #ffffff;
740
- margin: 0;
741
- font-size: 2em;
742
- font-weight: bold;
743
- text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">
744
- 💡 BEGINNER TIPS 💡
745
- </h2>
746
- </div>
747
-
748
- <div style="display: grid;
749
- grid-template-columns: 1fr 1fr;
750
- gap: 25px;">
751
- <div style="background: #ffffff;
752
- padding: 25px;
753
- border-radius: 12px;
754
- box-shadow: 0 6px 20px rgba(0,0,0,0.15);
755
- border: 4px solid #27ae60;">
756
- <h4 style="color: #000000;
757
- font-size: 1.2em;
758
- margin: 0 0 12px 0;
759
- font-weight: bold;">🎯 Start Small</h4>
760
- <p style="color: #000000;
761
- font-size: 15px;
762
- margin: 0;
763
- line-height: 1.5;">Begin with small amounts you can afford to lose completely</p>
764
- </div>
765
- <div style="background: #ffffff;
766
- padding: 25px;
767
- border-radius: 12px;
768
- box-shadow: 0 6px 20px rgba(0,0,0,0.15);
769
- border: 4px solid #e74c3c;">
770
- <h4 style="color: #000000;
771
- font-size: 1.2em;
772
- margin: 0 0 12px 0;
773
- font-weight: bold;">📚 Keep Learning</h4>
774
- <p style="color: #000000;
775
- font-size: 15px;
776
- margin: 0;
777
- line-height: 1.5;">Study finance basics before making real investments</p>
778
- </div>
779
- <div style="background: #ffffff;
780
- padding: 25px;
781
- border-radius: 12px;
782
- box-shadow: 0 6px 20px rgba(0,0,0,0.15);
783
- border: 4px solid #f39c12;">
784
- <h4 style="color: #000000;
785
- font-size: 1.2em;
786
- margin: 0 0 12px 0;
787
- font-weight: bold;">🏦 Use Real Platforms</h4>
788
- <p style="color: #000000;
789
- font-size: 15px;
790
- margin: 0;
791
- line-height: 1.5;">Practice with paper trading before using real money</p>
792
- </div>
793
- <div style="background: #ffffff;
794
- padding: 25px;
795
- border-radius: 12px;
796
- box-shadow: 0 6px 20px rgba(0,0,0,0.15);
797
- border: 4px solid #9b59b6;">
798
- <h4 style="color: #000000;
799
- font-size: 1.2em;
800
- margin: 0 0 12px 0;
801
- font-weight: bold;">⏰ Think Long-term</h4>
802
- <p style="color: #000000;
803
- font-size: 15px;
804
- margin: 0;
805
- line-height: 1.5;">Don't panic on daily market fluctuations</p>
806
- </div>
807
- </div>
808
  </div>
809
 
810
- <!-- Final Warning -->
811
- <div style="background: #2c3e50;
812
  color: #ffffff;
813
  padding: 25px;
814
- border-radius: 12px;
815
  text-align: center;
816
- margin-top: 30px;
817
- border: 4px solid #34495e;
818
- box-shadow: 0 8px 25px rgba(44, 62, 80, 0.4);">
819
- <h3 style="margin: 0;
 
820
  font-weight: bold;
821
- font-size: 1.1em;
822
  color: #ffffff;
823
- text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">
824
- 🚨 REMEMBER: Past performance ≠ Future results | Markets can crash | AI makes mistakes 🚨
825
  </h3>
 
 
 
 
 
 
 
826
  </div>
827
  </div>
828
- """)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
829
 
830
 
831
 
 
537
 
538
  # Enhanced Disclaimer Section with Fully Visible Headings
539
  gr.HTML("""
540
+ <div style="max-width: 900px; margin: 20px auto; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
541
+
542
+ <!-- Trading Decision Guide for Beginners -->
543
+ <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 25px; margin: 30px 0;">
544
 
545
+ <!-- BUY Signal -->
546
+ <div style="background: #27ae60;
547
+ color: #ffffff;
548
+ padding: 25px;
549
  border-radius: 15px;
550
+ text-align: center;
551
+ box-shadow: 0 8px 25px rgba(46, 204, 113, 0.4);
552
+ border: 4px solid #229954;">
553
+ <div style="font-size: 3em; margin-bottom: 15px;">📈</div>
554
+ <h3 style="margin: 0 0 15px 0;
555
+ font-size: 1.3em;
556
+ font-weight: bold;
557
+ color: #ffffff;
558
+ text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">
559
+ GREEN = BUY SIGNAL
560
+ </h3>
561
+ <p style="margin: 0;
562
+ font-size: 14px;
563
+ color: #ffffff;
564
+ line-height: 1.4;">
565
+ AI predicts price increase<br>
566
+ <strong style="color: #ffffff;">⚠️ Still risky - do research!</strong>
567
+ </p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
568
  </div>
569
 
570
+ <!-- HOLD Signal -->
571
+ <div style="background: #f39c12;
572
+ color: #ffffff;
573
+ padding: 25px;
574
  border-radius: 15px;
575
+ text-align: center;
576
+ box-shadow: 0 8px 25px rgba(243, 156, 18, 0.4);
577
+ border: 4px solid #e67e22;">
578
+ <div style="font-size: 3em; margin-bottom: 15px;">⚪</div>
579
+ <h3 style="margin: 0 0 15px 0;
580
+ font-size: 1.3em;
581
+ font-weight: bold;
582
+ color: #ffffff;
583
+ text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">
584
+ YELLOW = HOLD
585
+ </h3>
586
+ <p style="margin: 0;
587
+ font-size: 14px;
588
+ color: #ffffff;
589
+ line-height: 1.4;">
590
+ AI expects stable prices<br>
591
+ <strong style="color: #ffffff;">Wait and watch strategy</strong>
592
+ </p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
593
  </div>
594
 
595
+ <!-- SELL Signal -->
596
+ <div style="background: #e74c3c;
597
  color: #ffffff;
598
  padding: 25px;
599
+ border-radius: 15px;
600
  text-align: center;
601
+ box-shadow: 0 8px 25px rgba(231, 76, 60, 0.4);
602
+ border: 4px solid #c0392b;">
603
+ <div style="font-size: 3em; margin-bottom: 15px;">📉</div>
604
+ <h3 style="margin: 0 0 15px 0;
605
+ font-size: 1.3em;
606
  font-weight: bold;
 
607
  color: #ffffff;
608
+ text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">
609
+ RED = SELL SIGNAL
610
  </h3>
611
+ <p style="margin: 0;
612
+ font-size: 14px;
613
+ color: #ffffff;
614
+ line-height: 1.4;">
615
+ AI predicts price decrease<br>
616
+ <strong style="color: #ffffff;">Consider reducing exposure</strong>
617
+ </p>
618
  </div>
619
  </div>
620
+
621
+ <!-- Final Warning -->
622
+ <div style="background: #2c3e50;
623
+ color: #ffffff;
624
+ padding: 25px;
625
+ border-radius: 12px;
626
+ text-align: center;
627
+ margin-top: 30px;
628
+ border: 4px solid #34495e;
629
+ box-shadow: 0 8px 25px rgba(44, 62, 80, 0.4);">
630
+ <h3 style="margin: 0;
631
+ font-weight: bold;
632
+ font-size: 1.1em;
633
+ color: #ffffff;
634
+ text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">
635
+ 🚨 REMEMBER: Past performance ≠ Future results | Markets can crash | AI makes mistakes 🚨
636
+ </h3>
637
+ </div>
638
+ </div>
639
+ """)
640
 
641
 
642