nimrodkerrett
/
eye-of-beholder
关注 1
点赞 0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
浏览代码

Ticker design (+logo) 

no mouse cursor
remove interlude videos
master
The Dod 1 天前
父节点
3d46a57af8
当前提交
204e51ab22
共有 3 个文件被更改，包括 12 次插入 和 6 次删除
合并视图 显示文件统计
  1. 二进制
      static/gfx/kahana-mic.png
  2. 6
    1
      static/js/config.js.example
  3. 6
    5
      templates/index.html

二进制
static/gfx/kahana-mic.png 查看文件


+ 6
- 1
static/js/config.js.example 查看文件

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

+ 6
- 5
templates/index.html 查看文件

7 
   <link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 7 
   <link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
8 
   <link rel="icon" href="/static/gfx/eye-horus.png">
 8 
   <link rel="icon" href="/static/gfx/eye-horus.png">
9 
 </head>
 9 
 </head>
10 
-<body data-bs-theme="dark" class="overflow-hidden">
10 
+<body data-bs-theme="dark" class="overflow-hidden" style="cursor: none">
11 
   <div class="container-fluid text-center">
 11 
   <div class="container-fluid text-center">
12 
     <div class="row">
 12 
     <div class="row">
13 
       <div class="col12">
 13 
       <div class="col12">
18 
     </div>
 18 
     </div>
19 
     <div class="row">
 19 
     <div class="row">
20 
       <div class="col12">
 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 
             <div id="the-ticker" class="w-100 text-nowrap">
 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 
               </h1>
 25 
               </h1>
25 
             </div>
 26 
             </div>
26 
         </div>
 27 
         </div>
40 
       $("#the-ticker").marquee({
 41 
       $("#the-ticker").marquee({
41 
         "direction": "right",
 42 
         "direction": "right",
42 
         "duplicated": true,
 43 
         "duplicated": true,
43 
-        "speed": 115
44 
+        "speed": 137
44 
       });
 45 
       });
45 
     } else {
 46 
     } else {
46 
         $("#ticker-wrapper").hide();
 47 
         $("#ticker-wrapper").hide();
81 
     // console.log(vidblur,tickerblur);
 82 
     // console.log(vidblur,tickerblur);
82 
     // console.log(`${vidblur}, ${tickerblur}`);
 83 
     // console.log(`${vidblur}, ${tickerblur}`);
83 
     document.getElementById("the-video").style.filter=`blur(${vidblur}px)`;
 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 
   window.update_interval = setInterval(updateDistance, 300);
 87 
   window.update_interval = setInterval(updateDistance, 300);
87 
   </script>
 88 
   </script>

撰写 预览
正在加载...
取消
保存