Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
The Customize Windows Übersicht Widget
# This is a simple example Widget, written in CoffeeScript, to get you started
# with Übersicht. For the full documentation please visit:
#
# https://github.com/felixhageloh/uebersicht
#
# You can modify this widget as you see fit, or simply delete this file to
# remove it.
# this is the shell command that gets executed every time this widget refreshes
command: "curl -4fNs ip.appspot.com"
# the refresh frequency in milliseconds
refreshFrequency: 43200000
# render gets called after the shell command has executed. The command's output
# is passed in as a string. Whatever it returns will get rendered as HTML.
render: (output) -> """
<h1>Hi From TheCustomizeWindows</h1>
<p>Server IP: 15.125.77.166</p>
<div class='ip_address'></div>
"""
style: """
background: rgba(#fff, 0.50) url('https://thecustomizewindows.com/TheCustomizeWindows.png') no-repeat 50% 20px
background-size: 100px 100px
border-radius: 1px
border: 1px solid rgba(#fff, 0.50)
box-sizing: border-box
color: #141f33
font-family: Helvetica Neue
font-weight: 300
left: 50%
line-height: 1.5
margin-left: -170px
padding: 120px 20px 20px
top: 10%
width: 340px
text-align: justify
h1
font-size: 20px
font-weight: 300
margin: 16px 0 8px
strong
background: #ad7a7c
color: #fff
display: block
font-size: 16px
font-style: italic
font-weight: 200
margin: 12px -20px
padding: 8px 20px
em
font-weight: 400
font-style: normal
div
display: block
/*border: 1px solid #fff
text-shadow: 0 0 1px rgba(#000, 0.5)
background: rgba(#fff, 0.1)
font-size: 24px
font-weight: 100
padding: 4px 6px 4px 6px
&:after
content: 'Public IP'
position: absolute
left: 0
top: -14px
font-size: 10px
font-weight: 500
"""
update: (output, domEl) ->
$(domEl).find('.ip_address').html(output)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.