Hugging Face's logo

Spaces:
george121212afasf
/
SportsExtract
Sleeping

App Files Community
george121212afasf commited on
Commit
92d8a47
·
verified ·
1 Parent(s): 1c0e68c

Update templates/website.html

Browse files
Files changed (1) hide show
  1. templates/website.html +159 -14
templates/website.html CHANGED
@@ -608,15 +608,6 @@
608
  }
609
  }
610
 
611
- .footer {
612
- text-align: center;
613
- color: rgba(255, 255, 255, 0.8);
614
- padding: 20px;
615
- background: rgba(255, 255, 255, 0.1);
616
- border-radius: 15px;
617
- backdrop-filter: blur(10px);
618
- }
619
-
620
  @media (max-width: 768px) {
621
  .main-content {
622
  grid-template-columns: 1fr;
@@ -652,6 +643,19 @@
652
  .support-category {
653
  min-width: auto;
654
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
655
  }
656
 
657
  .sample-data {
@@ -687,6 +691,114 @@
687
  background: #667eea;
688
  color: white;
689
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
690
  </style>
691
  </head>
692
  <body>
@@ -888,11 +1000,44 @@ Lionel Messi mencetak gol spektakuler pada pertandingan Barcelona vs Real Madrid
888
  </div>
889
 
890
  <div class="footer">
891
- <p>
892
- Dikembangkan oleh <strong>George Wielianto (535220090)</strong> |
893
- Program Studi Teknik Informatika<br />
894
- Fakultas Teknologi Informasi - Universitas Tarumanagara
895
- </p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
896
  </div>
897
  </div>
898
 
 
608
  }
609
  }
610
 
 
 
 
 
 
 
 
 
 
611
  @media (max-width: 768px) {
612
  .main-content {
613
  grid-template-columns: 1fr;
 
643
  .support-category {
644
  min-width: auto;
645
  }
646
+ .footer-content {
647
+ flex-direction: column;
648
+ text-align: center;
649
+ }
650
+
651
+ .footer-logo:last-child {
652
+ display: none;
653
+ }
654
+
655
+ .advisor-names {
656
+ flex-direction: column;
657
+ gap: 10px;
658
+ }
659
  }
660
 
661
  .sample-data {
 
691
  background: #667eea;
692
  color: white;
693
  }
694
+
695
+ .footer {
696
+ background: rgba(255, 255, 255, 0.1);
697
+ border-radius: 15px;
698
+ backdrop-filter: blur(10px);
699
+ padding: 30px;
700
+ margin-top: 40px;
701
+ }
702
+
703
+ .footer-content {
704
+ display: flex;
705
+ align-items: center;
706
+ justify-content: space-between;
707
+ gap: 30px;
708
+ flex-wrap: wrap;
709
+ }
710
+
711
+ .footer-logo {
712
+ flex-shrink: 0;
713
+ }
714
+ .footer-logo img {
715
+ height: 80px;
716
+ width: auto;
717
+ background: rgba(255, 255, 255, 0.95);
718
+ padding: 15px;
719
+ border-radius: 15px;
720
+ backdrop-filter: blur(10px);
721
+ border: 1px solid rgba(255, 255, 255, 0.5);
722
+ box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37);
723
+ transition: all 0.3s ease;
724
+ }
725
+
726
+ .footer-logo img:hover {
727
+ transform: scale(1.08) translateY(-3px);
728
+ box-shadow: 0 10px 35px rgba(0, 0, 0, 0.35),
729
+ 0 5px 10px rgba(0, 0, 0, 0.15);
730
+ }
731
+
732
+ .footer-info {
733
+ flex: 1;
734
+ text-align: center;
735
+ color: rgba(255, 255, 255, 0.95);
736
+ }
737
+
738
+ .footer-title {
739
+ font-size: 1.2rem;
740
+ font-weight: 700;
741
+ margin-bottom: 15px;
742
+ color: white;
743
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
744
+ }
745
+
746
+ .footer-developer {
747
+ font-size: 1rem;
748
+ margin-bottom: 10px;
749
+ color: rgba(255, 255, 255, 0.9);
750
+ }
751
+
752
+ .footer-developer strong {
753
+ color: #ffd700;
754
+ font-weight: 700;
755
+ }
756
+
757
+ .footer-program {
758
+ font-size: 0.9rem;
759
+ color: rgba(255, 255, 255, 0.85);
760
+ margin-bottom: 15px;
761
+ line-height: 1.6;
762
+ }
763
+
764
+ .footer-advisors {
765
+ background: rgba(255, 255, 255, 0.15);
766
+ padding: 12px 20px;
767
+ border-radius: 10px;
768
+ margin-top: 10px;
769
+ backdrop-filter: blur(5px);
770
+ border: 1px solid rgba(255, 255, 255, 0.2);
771
+ }
772
+
773
+ .advisor-title {
774
+ font-size: 0.85rem;
775
+ color: rgba(255, 255, 255, 0.7);
776
+ text-transform: uppercase;
777
+ letter-spacing: 1px;
778
+ margin-bottom: 8px;
779
+ font-weight: 600;
780
+ }
781
+
782
+ .advisor-names {
783
+ display: flex;
784
+ gap: 20px;
785
+ justify-content: center;
786
+ flex-wrap: wrap;
787
+ }
788
+
789
+ .advisor-name {
790
+ font-size: 0.9rem;
791
+ color: white;
792
+ font-weight: 600;
793
+ padding: 5px 12px;
794
+ background: linear-gradient(
795
+ 45deg,
796
+ rgba(255, 215, 0, 0.3),
797
+ rgba(255, 165, 0, 0.3)
798
+ );
799
+ border-radius: 20px;
800
+ border: 1px solid rgba(255, 215, 0, 0.4);
801
+ }
802
  </style>
803
  </head>
804
  <body>
 
1000
  </div>
1001
 
1002
  <div class="footer">
1003
+ <div class="footer-content">
1004
+ <div class="footer-logo">
1005
+ <img
1006
+ src="{{ url_for('static', filename='logo.svg.png') }}"
1007
+ alt="UNTAR Logo"
1008
+ />
1009
+ </div>
1010
+
1011
+ <div class="footer-info">
1012
+ <div class="footer-title">
1013
+ 🏆 SportExtract - Sistem Ekstraksi Informasi Berita Olahraga
1014
+ </div>
1015
+ <div class="footer-developer">
1016
+ Dikembangkan oleh <strong>George Wielianto (535220090)</strong>
1017
+ </div>
1018
+ <div class="footer-program">
1019
+ Program Studi Teknik Informatika<br />
1020
+ Fakultas Teknologi Informasi - Universitas Tarumanagara
1021
+ </div>
1022
+
1023
+ <div class="footer-advisors">
1024
+ <div class="advisor-title">Pembimbing</div>
1025
+ <div class="advisor-names">
1026
+ <span class="advisor-name">Ir. Jeanny Pragantha, M.Eng.</span>
1027
+ <span class="advisor-name"
1028
+ >Novario Jaya Perdana, S.Kom., M.T.</span
1029
+ >
1030
+ </div>
1031
+ </div>
1032
+ </div>
1033
+
1034
+ <div class="footer-logo">
1035
+ <img
1036
+ src="{{ url_for('static', filename='logo.svg.png') }}"
1037
+ alt="UNTAR Logo"
1038
+ />
1039
+ </div>
1040
+ </div>
1041
  </div>
1042
  </div>
1043