Spaces:

celinah
/

huggingface-timeline-voyager

Running

celinah HF Staff commited on 10 days ago

Commit

0cab325

verified ·

1 Parent(s): 392f078

the background should be homogeneous and a bit more transparent

Files changed (2) hide show

index.html CHANGED Viewed

@@ -10,7 +10,7 @@
     <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gif.js/0.2.0/gif.js"></script>
 </head>
-<body style="font-family: 'Source Sans Pro', sans-serif; background-color: #ffd21e; background-image: url('https://static.photos/yellow/1200x630/42'); background-size: cover; background-attachment: fixed;">
 <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 2rem;">
         <div style="text-align: center; margin-bottom: 3rem;">
             <h1 style="font-size: 2.5rem; font-weight: 900; color: #ffd21e; margin-bottom: 2rem;">

     <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gif.js/0.2.0/gif.js"></script>
 </head>
+<body style="font-family: 'Source Sans Pro', sans-serif; background: rgba(255, 210, 30, 0.85);">
 <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 2rem;">
         <div style="text-align: center; margin-bottom: 3rem;">
             <h1 style="font-size: 2.5rem; font-weight: 900; color: #ffd21e; margin-bottom: 2rem;">

style.css CHANGED Viewed

@@ -1,7 +1,6 @@
 body {
-    background-blend-mode: overlay;
-    background-position: center;
 }
 /* Timeline item animations */
 .timeline-item {

 body {
+    background: rgba(255, 210, 30, 0.85);
 }
 /* Timeline item animations */
 .timeline-item {