One line time, date with day names and seconds #77

QuantumKuba · 2023-04-03T19:18:54Z

QuantumKuba
Apr 3, 2023

This is best used in the KDE Plasma panel as everything is on a single line.

[TIME] [DATE] x [DAY NAME] ([SECONDS])

Preview

Note
I'm using a 4k monitor so you might have to tweak the font sizes (They are hard coded) anything looks different than what's shown in the preview.

Settings

Container fill width: No
Container fill height: Yes

Code

<html>
<body>
<table style="border: none; height: 36px;" align="center">
    <tr>
        <!-- clock -->
        <td valign="middle" align="center" style="padding-right: 4px;">
            <span style="font-size: 20px; font-weight: bold; color: #FFff006e;">{hh}</span>
            <span style="font-size: 16px; font-weight: bold; color: #{flip:00:FF}ff006e;">:</span>
            <span style="font-size: 20px; color: white;">{ii}</span>
        </td>
        <!-- date and month -->
        <td valign="middle" align="center" style="padding-left: 4px; padding-right: 4px;">
            <span style="font-size: 20px; font-weight: bold; color: white;">{dd}</span>
            <span style="font-size: 16px; color: #FFff006e;">/</span>
            <span style="font-size: 20px; font-weight: bold; color: white;">{MM:U}</span>
        </td>
        <!-- rounded divider -->
        <td valign="middle" align="center" style="padding-left: 4px; padding-right: 4px;">
            <span style="font-size: 20px; color: #FFff006e;">×</span>
        </td>
        <!-- weekday name -->
        <td valign="middle" align="center" style="padding-left: 4px;">
            <span style="font-size: 20px; font-weight: bold; color: white;">{DDD:U}</span>
        </td>
        <!-- seconds -->
        <td valign="middle" align="center" style="padding-left: 4px;">
            <span style="font-size: 16px; color: white;">({ss})</span>
        </td>
    </tr>
</table>
</body>
</html>

[x ] I confirm this is my original work.
[x ] I attached screenshot of my layout to this ticket.
[x ] I grant full and unrevocable rights to use the layout with HTML Clock widget free of charge.
[x ] I grant users of HTML Clock widget right to use my layout free of charge and freely alter my layout if they need to.
[x ] I want to be credited as <kubakakauko>.
[x ] This is licensed under MIT

Navigation Menu

One line time, date with day names and seconds #77

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

One line time, date with day names and seconds #77

Uh oh!

Uh oh!

QuantumKuba Apr 3, 2023

Replies: 0 comments

QuantumKuba
Apr 3, 2023