nimrodkerrett
/
eye-of-beholder
Beobachten 1
Favorisieren 0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
Quellcode durchsuchen

Ticker design (+logo) 

no mouse cursor
remove interlude videos
master
The Dod vor 1 Monat
Ursprung
3d46a57af8
Commit
204e51ab22
3 geänderte Dateien mit 12 neuen und 6 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. BIN
      static/gfx/kahana-mic.png
  2. 6
    1
      static/js/config.js.example
  3. 6
    5
      templates/index.html

BIN
static/gfx/kahana-mic.png Datei anzeigen


+ 6
- 1
static/js/config.js.example Datei anzeigen 

@@ -8,26 +8,31 @@ const ITEMS = [
8 8 
         "vid": "hossam-shabat-interview.mp4",
9 9 
         "ticker": "• חוסל מחבל חמאס שעבד עם \"אל-ג'זירה\" • צה\"ל חשף כי לפי מידע מודיעיני, כתב \"פלשתין אל יום\" ו-\"אל-ג'זירה\" חוסאם שבאת הוא מחבל בגדוד בית חאנון של ארגון הטרור חמאס • שחר קליימן, ישראל היום, 24/3/25"
10 10 
     },
11 
+/*
11 12 
     {
12 13 
         "vid": "interlude.mp4",
13 14 
         "ticker": ""
14 15 
     },
16 
+*/
15 17 
     {
16 18 
         "vid": "anas-al-sharif-reporting-on-hunger.mp4",
17 19 
         "ticker": "• צה\"ל חיסל מחבל חמאס - ששימש כעיתונאי בכיר ברשת אל-ג'זירה • אנס א-שריף, שעבד עבור הרשת הקטארית - קידם במקביל מתווי ירי רקטות נגד ישראל • ספיר ליפקין וניצן שפירא, חדשות 12, 11/8/25"
18 20 
     },
21 
+/*
19 22 
     {
20 23 
         "vid": "interlude.mp4",
21 24 
         "ticker": ""
22 25 
     },
26 
+*/
23 27 
     {
24 28 
         "vid": "nasser-hospital.mp4",
25 29 
         "ticker": "• ייתכן שהמסר של הפגיעה ב\"עיתונאים\", במרכאות, זו ההבנה בישראל כמה נזק עשו אותם אלה ש ... המשיכו את מורשתו של יחיא סינוואר בעיתונות כביכול • השפיץ של הזרוע הצבאית של חמאס, אלו אותם עיתונאי נוחבות, לכן טוב עשתה ישראל שחיסלה אותם, לטעמי מאוחר מדי • צבי יחזקאלי, 25/8/24, i24"
26 
-    },
30 
+    } /*,
27 31 
     {
28 32 
         "vid": "interlude.mp4",
29 33 
         "ticker": ""
30 34 
     }
35 
+*/
31 36 
 ];
32 37
33 38 
 const NEO_FAR = 1800;

+ 6
- 5
templates/index.html Datei anzeigen 

@@ -7,7 +7,7 @@
7 7 
   <link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
8 8 
   <link rel="icon" href="/static/gfx/eye-horus.png">
9 9 
 </head>
10 
-<body data-bs-theme="dark" class="overflow-hidden">
10 
+<body data-bs-theme="dark" class="overflow-hidden" style="cursor: none">
11 11 
   <div class="container-fluid text-center">
12 12 
     <div class="row">
13 13 
       <div class="col12">
 
@@ -18,9 +18,10 @@
18 18 
     </div>
19 19 
     <div class="row">
20 20 
       <div class="col12">
21 
-        <div id="ticker-wrapper" class="alert alert-danger opacity-75 w-100" role="alert" style="position:fixed; left:0; bottom:3rem; z-index:23">
21 
+        <div id="ticker-wrapper" class="alert alert-danger opacity-75 w-100" role="alert" style="background-color:#ff0000; position:fixed; left:0; bottom:2rem; z-index:23">
22 
+            <img style="height:10rem; position:fixed; left:0; bottom:-1.25rem; z-index:46" src="/static/gfx/kahana-mic.png" />
22 23 
             <div id="the-ticker" class="w-100 text-nowrap">
23 
-              <h1 id="ticker-text" class="fw-bolder text-white py-2" style="direction:rtl; font-size:5rem;">
24 
+              <h1 id="ticker-text" class="fw-bolder text-white" style="direction:rtl; font-size:4rem;">
24 25 
               </h1>
25 26 
             </div>
26 27 
         </div>
 
@@ -40,7 +41,7 @@
40 41 
       $("#the-ticker").marquee({
41 42 
         "direction": "right",
42 43 
         "duplicated": true,
43 
-        "speed": 115
44 
+        "speed": 137
44 45 
       });
45 46 
     } else {
46 47 
         $("#ticker-wrapper").hide();
 
@@ -81,7 +82,7 @@
81 82 
     // console.log(vidblur,tickerblur);
82 83 
     // console.log(`${vidblur}, ${tickerblur}`);
83 84 
     document.getElementById("the-video").style.filter=`blur(${vidblur}px)`;
84 
-    document.getElementById("the-ticker").style.filter=`blur(${tickerblur}px)`;
85 
+    document.getElementById("ticker-wrapper").style.filter=`blur(${tickerblur}px)`;
85 86 
   }
86 87 
   window.update_interval = setInterval(updateDistance, 300);
87 88 
   </script>

Verfassen Vorschau
Laden…
Abbrechen
Speichern