FIN-IT
/
beci-anzeige
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

minimal working example

This commit is contained in:
Timo Henkensiefken 2024-12-06 20:21:24 +01:00
parent 419a929047
commit aca62f22e4
3 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.ratpoisonrc
View File

@ -1,7 +1,7 @@
banish banish
#exec chromium --noerrdialogs --enable-features=OverlayScrollbar --start-maximized --kiosk ~/abfahrten-monitor/index.html --incognito --disable-translate exec chromium --noerrdialogs --enable-features=OverlayScrollbar --kiosk ~/beci-anzeige/index.html --incognito --disable-translate
exec chromium --noerrdialogs --enable-features=OverlayScrollbar --user-data-dir="/home/bildschirm/.config/chromium/" --kiosk "http://bus.fs-et.de/InfoDisplay2_bussued.htm" #exec chromium --noerrdialogs --enable-features=OverlayScrollbar --user-data-dir="/home/bildschirm/.config/chromium/" --kiosk "http://bus.fs-et.de/InfoDisplay2_bussued.htm"
#exec chromium --noerrdialogs --enable-features=OverlayScrollbar --start-maximized --kiosk 'https://echtzeit.swu.de/' --incognito --disable-translate #exec chromium --noerrdialogs --enable-features=OverlayScrollbar --start-maximized --kiosk 'https://echtzeit.swu.de/' --incognito --disable-translate

1
index.html
View File

@ -6,6 +6,7 @@
</head> </head>
<body> <body>
<div id="headerBar"> <div id="headerBar">
<img id="fini" src="resources/finlogo.png"></img>
<span id="stationName"></span> <span id="stationName"></span>
<span id="timeBox">--:--</span> <span id="timeBox">--:--</span>
</div> </div>

27
style.css
View File

@ -8,14 +8,24 @@ body {
width: 50%; width: 50%;
padding: 0; padding: 0;
margin: 0; margin: 0;
background-color: black;
} }
#headerBar { #headerBar {
font-size: 46px; font-size: 60px;
font-weight: bold; font-weight: bold;
color: white; color: white;
background-color: #444; background-color: black;
padding: 8px; padding: 8px;
padding-top: 48px;
padding-bottom: 48px;
}
#fini {
width: 120px;
float: left;
margin: 48px;
margin-top: 0px;
} }
#stationName, #timeBox { #stationName, #timeBox {
@ -37,26 +47,31 @@ body {
width: 100%; width: 100%;
} }
#contentSection tr:nth-child(odd) {
background-color: white;
}
#contentSection tr:nth-child(even) { #contentSection tr:nth-child(even) {
background-color: #EEE; background-color: #EEE;
} }
#contentSection th { #contentSection th {
font-size: 26px; font-size: 50px;
text-align: left; text-align: left;
padding: 8px; padding: 8px;
} }
#contentSection td { #contentSection td {
font-size: 28px; font-size: 50px;
padding-left: 12px; padding-left: 12px;
padding-right: 4px; padding-right: 4px;
padding-top: 8px; padding-top: 8px;
} }
.cellRoute { .cellRoute {
width: 45px; width: 60px;
height: 45px; height: 60px;
} }
.cellDest { .cellDest {