From b9ea10d87f7875669d9897855804256a9ff47582 Mon Sep 17 00:00:00 2001
From: Maciej Bowszys <maciek@makemore.cloud>
Date: Mon, 6 Jul 2026 00:40:30 +0200
Subject: [PATCH] 260706_004030

---
 website/static/film/view/styles.css    | 204 +++++++++++++++++++++++++
 website/static/icons/favicon.png       | Bin 234 -> 629 bytes
 website/static/icons/moira_db_192.png  | Bin 994 -> 3087 bytes
 website/static/icons/moira_db_512.png  | Bin 4519 -> 7573 bytes
 website/static/icons/moira_db_64.png   | Bin 343 -> 1242 bytes
 website/static/img/divider.png         | Bin 0 -> 707 bytes
 website/templates/film/view/index.html |  88 ++++++++++-
 7 files changed, 287 insertions(+), 5 deletions(-)
 create mode 100644 website/static/img/divider.png

diff --git a/website/static/film/view/styles.css b/website/static/film/view/styles.css
index e69de29..9c1ad49 100644
--- a/website/static/film/view/styles.css
+++ b/website/static/film/view/styles.css
@@ -0,0 +1,204 @@
+body{
+    margin: 0;
+
+    width: 100%;
+}
+
+*{
+    font-family: "Kode Mono", monospace;
+    font-optical-sizing: auto;
+    font-weight: 400;
+    font-style: normal;
+
+    /*overflow-x: hidden;*/
+}
+
+b{
+    font-family: "Kode Mono", monospace;
+    font-optical-sizing: auto;
+    font-weight: 700;
+    font-style: normal;
+
+    /*overflow-x: hidden;*/
+}
+
+#sectHeader, #sectFilmInfo, #sectFilmDesc{
+    width: 100%;
+}
+
+#sectHeader{
+    height: 10vh;
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+#sectHeader_logo{
+    height: 95%;
+
+    aspect-ratio: 1/1;
+
+    background-image: url("/icons/moira_db_192.png");
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+#sectHeader_pageInfo{
+    height: 100%;
+
+    padding-left: 5vw;
+    
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+#sectHeader_pageInfo_pageTypeName{
+    font-size: 1.5em;
+}
+
+#sectFilmInfo{
+    display: flex;
+
+    flex-direction: column;
+}
+
+#sectFilmInfo_top{
+    width: 100%;
+
+    display: flex;
+    flex-direction: row;
+}
+
+#sectFilmInfo_top_left{
+    width: 50%;
+    --sectFilmInfo_top_left_HEIGHT: min(calc(50vw * 192 / 108), 60vh);
+    height: var(--sectFilmInfo_top_left_HEIGHT);
+
+    display: flex;
+    flex-direction: column;
+}
+
+.sectFilmInfo_top_left_title{
+    width: 100%;
+    height: calc(var(--sectFilmInfo_top_left_HEIGHT) / 3);
+
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    font-size: calc(var(--sectFilmInfo_top_left_HEIGHT) / 24);
+}
+
+.sectFilmInfo_top_left_title > div{
+    width: 100%;
+    height: calc(var(--sectFilmInfo_top_left_HEIGHT) / 8);
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    position: relative;
+    overflow: hidden;
+}
+
+.marquee_text0, .marquee_text1{
+    width: 100%;
+    position: absolute;
+
+    padding-left: 100%;
+}
+
+.marquee_text0 > *, .marquee_text1 > *{
+    width: fit-content;
+    position: relative;
+
+    white-space: nowrap;
+
+    animation: marquee_scroll 12s linear infinite;
+
+}
+
+.sectFilmInfo_top_left_title_line0 > .marquee_text1 > *{
+    animation-delay: 6s;
+}
+
+.sectFilmInfo_top_left_title_line1 > .marquee_text0 > *{
+    animation-delay: 3s;
+}
+
+.sectFilmInfo_top_left_title_line1 > .marquee_text1 > *{
+    animation-delay: 9s;
+}
+
+@keyframes marquee_scroll{
+    0%{
+        transform: translateX(0);
+    }
+
+    100%{
+        transform: translateX(-200%);
+    }
+}
+
+#sectFilmInfo_top_right{
+    width: 50%;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+#sectFilmInfo_top_right_poster{
+    width: 100%;
+    max-height: 60vh;
+
+    aspect-ratio: 108/192;
+
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center center;
+}
+
+#sectFilmInfo_bttm{
+    width: 100%;
+
+    display: flex;
+    flex-direction: row;
+}
+
+#sectFilmInfo_bttm_left{
+    width: 50%;
+
+    display: flex;
+    flex-direction: column;
+}
+
+#sectFilmInfo_bttm_right{
+    width: 50%;
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+#sectFilmDesc{
+    padding: 5px;
+}
+
+.sectDivider, .sectDivider_empty{
+    width: 100%;
+    height: 5vh;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.sectDivider{
+    background-image: url("/img/divider.png");
+    background-size: contain;
+    background-repeat: repeat-x;
+}
diff --git a/website/static/icons/favicon.png b/website/static/icons/favicon.png
index bfca824787b11527853325acde33e56d89fe88db..d315fd6dab347f0bcc9b28d14f527d12c67fbd9e 100644
GIT binary patch
delta 615
zcmV-t0+{{k0rdos8Gi-<0047(dh`GQ010qNS#tmY0PFw&0PF#IC~>_2000?uMObuG
zZ)S9NVRB^vcXxL#X>MzCV_|S*E^l&Yo9;Xs00064Nkl<ZScUDEPpffJ6vltvjto#T
zmU1(pOqej04<V(Dl!1wfff)woGGQu%BbhM8&^M5hkqLuyN`Fxl`wrB3Uw^K{b?^0d
z^VF)fT4(M3oVE69?QIZ32%ZQDARdo18jS!*CX+-Wkq-mX=`{2C9Dri6h$Km5vsnO)
zMk7wA6Gc%_Rh7YDK)GC|)oPus<MDW?*XtmJ5P?8I0C!8H(GapMYqrbf5<&=(&1MB4
z6h#rqWb$IH-+%8HLJ0Bak@S599wJ~c7@kYuEAYy|RRSiH37gIKJOYVCg6VYnq5t=n
z;J+vED#0mMs};>=lks?bbBqK~DwR-G_00M9_J-MPMwaD^!J$wH;LIP3#fZgXSS*&?
z2wWS#+wE3&k%z7nLI;YX9F5UTCZp-HEFX>IQ~8#09DfW3KmWHE@VmO;Mc^|q=v~WI
zRmE<%Yqr^JX0=-3a5xx`$8@`0hQs06;jC7x$g+&dWMZ?~oUJQK5>~7A{x<wqI-QPg
z8|vYq60Fzjo4;)~o1{`HDwPVm-R^HD9wBhg=Fw=B{eBO?d_E_i&jUYn2>boMwmCqr
z*VFVLAz<M3dXH?M&!_2kmB8(GGnq{8CXh;{SS%LwdOdtTAB93e^XazXa=9cN4g-gW
z>1;Nm-EISiF%E~Cp0;7FRwI|o9a`-QbP0Sn-T|0fZbUX@t~CGv002ovPDHLkV1l#`
B9D)D<

delta 217
zcmey$@``bSWIYoD1H&JQw~K)kV{wqX6XVU3I`u#fOS+@4BLl<6e(pbstU$g(vPY0F
z14ES>14Ba#1H&(%P{RubhEf9thF1v;3|2E37{m+a><Y92N^ll<L>4nJ=qZCRW5rVY
zGN2%PiKnkC`zv-P5jAzWo4Y~k96Viu978<3-(K3t$-uzD>{$ALuCm{UsduB>Ioz#0
zYwy)ei{H*45TVo=z`(rDLrLU7gZ3m2R)Ys!Do%_%JCszSj(=pfWh|O<5oj2Lr>mdK
II;Vst05ga_tN;K2

diff --git a/website/static/icons/moira_db_192.png b/website/static/icons/moira_db_192.png
index 1865df8762584c70e41b386a2e57770ace812c31..65fff73806221cd891f6fcd6517856afdaaaa0c9 100644
GIT binary patch
literal 3087
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

literal 994
zcmeAS@N?(olHy`uVBq!ia0vp^2SAvE2}s`E_d5VcF%}28J2BoosZ$T+u%tWsIx;Y9
z?C1WI$O_~uBzpw;GB8xBF)%c=FfjZA3N^f7U???UV0e|lz+g3lfkC`r&aOZkpaf@u
zM`SSrgPt-7Ggd6MF9Qm)mw5WRvcF<y5*Abt{W?RBfq~h=)5S5QBJS;_jl2vB0?dX9
z|L4kYWV&uuJ8SayGdjT!wjcOu`%Ci!7sC-pErx(o&v^uxS28$g&Np`8S;EAywB{Ux
r;RG&*DW5Evk2s7f7!8M!k{-m5C$rSv&EdNT%vKDZu6{1-oD!M<kDxcm

diff --git a/website/static/icons/moira_db_512.png b/website/static/icons/moira_db_512.png
index 0e64bd54a2b20dba0f512466587caa9fa839b0fb..21a134e2589260a8630d3b3c64f6de30a3e6fa37 100644
GIT binary patch
literal 7573
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
C38?h|

literal 4519
zcmeAS@N?(olHy`uVBq!ia0y~yU;;9k7&t&wwUqN(AjMc5<nF|H^Q2Baki(Mh=<CS9
zu(6-}Pa-RjuaN8!<jcTNrN+R}(89p*3n<j^f`OsbfPvvv0t1893<d`Af;qbaZGaM-
z1s;*b3=De8Ak0{?)V>TT$X?><>&pI$ok>{G=$X&UGzJENzn(6RAr*0NuQKv7DDW^l
z9@zg}_r;Id&2iJeoI6v<!Xcn=LAYY?2_azxhlT^<1`Pii7#NuX8JPui<8qi-I3yVC
z9U2%KS2Qqoi0PX#GO_S9$OBb6gdAXS=@y?2RLgdNUqHb@K`Vh_(a~;Spl;>|>_Afm
zL=6}&K02!A(9pp6ff;B|2bV-c#>XU}JqH+m01e`BVdZhyQn8U!Kp}zQ56~c%MNDi8
zQG0Fx)fzC=jXGmAG)B|LXiga|H%3d*(K=<ch8=BhjJCc;+oGc_^U)5%Xm@F}^Eld-
eCTd_|LuDe{-)V3AHUY;*7(8A5T-G@yGywp5mUIFD

diff --git a/website/static/icons/moira_db_64.png b/website/static/icons/moira_db_64.png
index 4a49bcc51ab81468babb80843421a684f14e597d..8b26d63212ea30c4752ba98bc6bd8680508ca3f0 100644
GIT binary patch
delta 1233
zcmV;?1TOp60@?|X8Gi-<0063Kaozv`010qNS#tmY0oVWl0oVchT&8jW000?uMObuG
zZ)S9NVRB^vcXxL#X>MzCV_|S*E^l&Yo9;Xs000DMNkl<Zc%1E<%}Zlf7>A!k9kbCy
zTR}ymo56)5=ta~lRT%50btRH2=tk^6pw7OEOBbaeBBFK?U4N89MVL`gB08-`6j#!U
z8$p>VM&m+BVon#C+(}H#$IMNRX6^$A?#Fr0`{sAg*Uh=dAcP<c3-A;0Jx~Lf$quf8
zW8e?qmyhQF7{Ua21^fnllj-O(%zuC#cmtmVcm@0k<jRXHqxgX?;H^OjVFCUn`=9(n
zJ^(Ls3ATCl$A4d5Ub4TxAC<eTtc=>)+LXQA-QBUZwH0-}prC-}=4Jr)_V&2Cx=Omt
z_V#uR1_LK2C!C(1CT*uE3PnXlq0<sz7$L;pB8;`QH33AWo}M0Yd3l*~Iy^j#Szcpf
zqw2G@wKZm*{QP`jGMR+QWQw@%^?HR6LX3`%#<Y7Zt$(epi3hyPCD_|1#Nlw@a5$1y
zI}rwhAz_~5<729-ssJc1F2?P4Yv%tWHAbLN>r$T)7NacB$<%;MAWeX$f-ZpU0A!>0
z0kQ*-jV^#J$9fZZBIp9ha-20yU~Fs*Ap}03Pm6dmj@|@hInJ6U@Z8Y_kR5<*^gcj#
z0J6~qkbmX)sWgEny%aV*J&na;0fGxG=^#pg!oornMM=7V^73*Z_(W5&tEu_498q6i
zAG1bmY;35<4Gj(IvC*hu#eKL`@|@6MWk`JWouFoYfZy+@rKKh5{Pp$q%+AgNFf=s8
z(a}-Twoa#$oSdALV~mAn0tg{+xm;1#Efx!-qkp4}kB{T=c+~6p`T6Sc(a{k*J3C4H
z3Iqb036S<CU^bf>85yCVpdj6@K8vru56}gW9e`|f0b~at8(jd|0mw!dKz0Dq(dy02
z>-8r6R;DP52m}JEZEI_*n4FvxKA$gc+TPxd_)hTt{yw2icnbF!!XQNC=i;A>&*$UC
zi+>kM=U-V_p{uJ40GrLm#l-~`6%}!9Zf<TkI5@!T^^%vD_eJrl$fyB;=<Mu_r~#?i
zhH8KoNb3W_-wb8)r2i94mBqzHR##VXyWLb)Rx&s^sD6<BC|XseRGWa!W>amoXad8-
z!@_7ZM&z?tEMjhME^gdeA;7}ILe!5BrGK)rGI4fx_GsK$F%MW>T_q3*#JqQYe$Mjp
z@}ss{AwZ(f=;Phb3IVKEYux+Q)zy#Q%L)Mo1_sm>q=zVqg57R^)HbaGXf|6*Ky!05
zQ&UswDpd$YQJ9&Ti918hCAf(&EgK}eySp)&Ow7;Er=$1?`uqFo=;&Z+X^HFWYk#a(
zD|Wj*(e&Jn5aO?N4THVCy~6MJi@v_Tgu~#(#DuuLy^WikPN&vW;dcfh#B1Q^FMR?+
z2-ervBd(Q}mQq(&$Nl|1o12>vLzUTVrm3k30GG=}Nl8h<&dlTSu)DiUTU(n}%j;vI
zjg$WX-)d3fGvYn)(g<7;+)L}18%j?`@dG~sp3o@phTvY>57I))9PfeefVU92dmMtJ
v!7%Ux!3~wM2iNDv6~XQEzXQJl>bv;=97zYg*zFAp00000NkvXXu0mjfQS4h<

literal 343
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1SD0tpLGH$#^NA%C&rs6b?Si}mUKs7M+SzC
z{oH>NS%G|oWRD<U28Jp%28M<f28Lfip@tU>45bDP46hOx7_4S6Fo+k-*%fF5l;AAz
zh%9Dc&{GCs#)_r(Wk5mp5>H=O_E+po!h#$M4hC0%LTf!;978gk-(EV%dq6?p$bkv}
zs`qtBJrkUp@-MFO?97?zpDWGd|J~cm{wH<=lc)o8t)j?@3f2fkz7Pghqd3N}4rWn@
v#-8v7(MJxf0Sb>r6Iv|-7-^&AHFr(XD(2d6^X<!l4rlOm^>bP0l+XkKN<?9z

diff --git a/website/static/img/divider.png b/website/static/img/divider.png
new file mode 100644
index 0000000000000000000000000000000000000000..b9594eb0ccbe63b73c7d75afda1b85c003371f2a
GIT binary patch
literal 707
zcmeAS@N?(olHy`uVBq!ia0vp^MnHUmgAGWoGTU?xNHG=%xjQl5JgHL;<glbW`Z_W&
zZ0zU$lgJ9>D<pda`7$t6sWC7#v@kII0tz*}U|=XUU|@Kaz`$TNgMmT3V9u^U8=wSd
zfk$L91B0G22s2hJwJ!q-vX^-Jy0X7wXBFj@zI{0(hJk@e($mE;q$2L^9LKK11`J1L
zZTkQJQ{GEq9bO%`z1asQ6>F-TfB*dZt_R=uJ>a>oTr%N**d`@WNy!&ky+`EEhdqh7
z%dzH!$D5Biu6<W~4|Mh5610=wWdEY?EAN4M6B|QJA_bS^GlZuoi28=Hyp%p5D(T@m
zS=8|tTY)QE(8Uzj3HumhsH*Hw@k!}*dnK)Q$mDElpZoLk%dQ`OH<Mgv*w0_r@qUVK
zSPQL$_AT?czu>bzd-R@XS)~GHf;GF8_62W?5PWuix%MOL)Nawle>4(WuX)M*#h=p$
k#n$hPl5L4)A=#()hwkvUeP&|;CL0C@Pgg&ebxsLQ00yczh5!Hn

literal 0
HcmV?d00001

diff --git a/website/templates/film/view/index.html b/website/templates/film/view/index.html
index e51f8a5..966585b 100644
--- a/website/templates/film/view/index.html
+++ b/website/templates/film/view/index.html
@@ -9,16 +9,94 @@
 		<link rel="shortcut icon" type="image/png" href="/icons/favicon.png"/>
         <link rel="manifest" href="/manifest.json"/>
 
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&display=swap" rel="stylesheet">
+
 		<link rel="stylesheet" type="text/css" href="./styles.css">
 		<script src="./script.js"></script>
 	</head>
 
 	<body>
-        <div>
-            <h1 id="filmInfo_title">{{.Title_orig}}</h1>
-            <h3 id="filmInfo_year">{{.Year}}</h3></br>
-            <p id="filmInfo_desc">{{.Desc}}</p></br>
-            <img id="filmInfo_img" width="300" src="{{.Img}}"/>
+        <div id="sectHeader">
+            <div id="sectHeader_logo"></div>
+
+            <div id="sectHeader_pageInfo">
+                <span id="sectHeader_pageInfo_pageType">LIST</span>
+                <span id="sectHeader_pageInfo_pageTypeName"><b>film_dump_watchlist</b></span>
+            </div>
         </div>
+
+        <div class="sectDivider"></div>
+
+        <div id="sectFilmInfo">
+            <div id="sectFilmInfo_top">
+                <div id="sectFilmInfo_top_left">
+                    <div class="sectFilmInfo_top_left_title">
+                        <div class="sectFilmInfo_top_left_title_line0">
+                            <div class="marquee_text0"><h1><b>{{.Title_orig}} |&nbsp</b></h1></div>
+                            <div class="marquee_text1"><h1><b>{{.Title_orig}} |&nbsp</b></h1></div>
+                        </div>
+
+                        <div class="sectFilmInfo_top_left_title_line1">
+                            <div class="marquee_text0"><h1><b>{{.Title_orig}} |&nbsp</b></h1></div>
+                            <div class="marquee_text1"><h1><b>{{.Title_orig}} |&nbsp</b></h1></div>
+                        </div>
+                    </div>
+
+                    <div class="sectFilmInfo_top_left_title">
+                        <div class="sectFilmInfo_top_left_title_line0">
+                            <div class="marquee_text0"><h1><b>{{.Title_PL}} |&nbsp</b></h1></div>
+                            <div class="marquee_text1"><h1><b>{{.Title_PL}} |&nbsp</b></h1></div>
+                        </div>
+
+                        <div class="sectFilmInfo_top_left_title_line1">
+                            <div class="marquee_text0"><h1><b>{{.Title_PL}} |&nbsp</b></h1></div>
+                            <div class="marquee_text1"><h1><b>{{.Title_PL}} |&nbsp</b></h1></div>
+                        </div>
+                    </div>
+
+                    <div class="sectFilmInfo_top_left_title">
+                        <div class="sectFilmInfo_top_left_title_line0">
+                            <div class="marquee_text0"><h1><b>{{.Title_EN}} |&nbsp</b></h1></div>
+                            <div class="marquee_text1"><h1><b>{{.Title_EN}} |&nbsp</b></h1></div>
+                        </div>
+
+                        <div class="sectFilmInfo_top_left_title_line1">
+                            <div class="marquee_text0"><h1><b>{{.Title_EN}} |&nbsp</b></h1></div>
+                            <div class="marquee_text1"><h1><b>{{.Title_EN}} |&nbsp</b></h1></div>
+                        </div>
+                    </div>
+                </div>
+
+                <div id="sectFilmInfo_top_right">
+                    <div id="sectFilmInfo_top_right_poster" style='background-image: url("{{.Img}}");'></div>
+                </div>
+            </div>
+
+            <div id="sectFilmInfo_bttm">
+                <div id="sectFilmInfo_bttm_left">
+                </div>
+
+                <div id="sectFilmInfo_bttm_right">
+                    <div id="sectFilmInfo_bttm_right_yearHldr">
+                        <h2>{{.Year}}</h2>
+                    </div>
+                </div>
+            </div>
+
+            <!--img id="filmInfo_img" width="300" src="{{.Img}}"/-->
+        </div>
+
+        <div class="sectDivider"></div>
+
+        <div id="sectFilmDesc">
+            <p id="filmInfo_desc">{{.Desc}}</p></br>
+        </div>
+
+        <div class="sectDivider"></div>
+        <div class="sectDivider_empty"></div>
+        <div class="sectDivider"></div>
+        <div class="sectDivider"></div>
 	</body>
 </html>