Skip to content

Commit

Permalink
NEW! Metro wall of text style for fun
Browse files Browse the repository at this point in the history
  • Loading branch information
Madelena committed Aug 25, 2020
1 parent 4f085cd commit fa168f1
Show file tree
Hide file tree
Showing 2 changed files with 223 additions and 0 deletions.
111 changes: 111 additions & 0 deletions Metrology - Metro (Lo Res).xml
Original file line number Diff line number Diff line change
@@ -0,0 +1,111 @@
<?xml version="1.0" encoding="utf-8"?>
<root>
// Based on Rdio Style
<settings enableScaling="true" />

<!-- Background Cover -->
<element type="BackgroundAlbumCover" refreshInterval="EndOfTrack"/>
<element type="Block" xAnchor="Panel.Left" x="0" yAnchor="Panel.Top" y="0" widthDock="x:Panel.Right" width="0" heightDock="y:Panel.Bottom" height="0" bg="247,0,0,0"/>

<!-- Spacers -->
<element name="#Spacer" type="Block" xAnchor="Panel.Left" x="0" yAnchor="Panel.Top" y="0" widthDock="Panel.Height.10" width="0" heightDock="Panel.Height.10" height="0" bg="0,0,0,0"/>
<element name="#SpacerR" type="Block" xAnchor="Panel.Right" x="0" yAnchor="Panel.Top" y="0" widthDock="Panel.Height.10" width="0" heightDock="Panel.Height.10" height="0" bg="0,255,0,0" align="Top.Right"/>

<!-- The Wall of Text -->
<element type="Field" id="Tracks[0]" xAnchor="Panel.-25" x="-40" yAnchor="Panel.50" y="-656" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Semibold" style="Regular" size="128" fg="255,1,1,1">
<child id="Virtual2" width="Panel.20"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
</element>
<element type="Field" id="Tracks[0]" xAnchor="Panel.-50" x="-40" yAnchor="Panel.50" y="-528" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Semibold" style="Regular" size="128" fg="255,1,1,1">
<child id="Virtual2" width="Panel.20"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
</element>
<element type="Field" id="Tracks[0]" xAnchor="Panel.0" x="-40" yAnchor="Panel.50" y="-400" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Semibold" style="Regular" size="128" fg="255,48,48,48">
<child id="Virtual2" width="Panel.20"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
</element>
<element type="Field" id="Tracks[0]" xAnchor="Panel.-100" x="-40" yAnchor="Panel.50" y="-272" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Semibold" style="Regular" size="128" fg="255,48,48,48">
<child id="Virtual2" width="Panel.20"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
</element>
<element type="Field" id="Tracks[0]" xAnchor="Panel.-50" x="0" yAnchor="Panel.50" y="-114" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Black" style="Regular" size="64" fg="255,48,48,48">
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="48,48,48"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="48,48,48"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
</element>
<element type="Field" id="Virtual1" xAnchor="Panel.-300" x="0" yAnchor="Panel.50" y="-108" widthDock="x:Panel.10" width="80" align="right" font="Segoe UI Light" style="" size="192" alpha="0.5" fg="1,1,1" />
<element type="Field" id="Tracks[0]" xAnchor="Panel.10" x="144" yAnchor="Panel.50" y="-108" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Light" style="" size="192" alpha="0.5" fg="48,48,48">
<child id="Virtual1" width="Panel.20"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
</element>
<element type="Field" id="Tracks[0]" xAnchor="Panel.-90" x="144" yAnchor="Panel.50" y="80" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Light" style="" size="192" alpha="0.5" fg="48,48,48">
<child id="Virtual1" width="Panel.20"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
</element>
<element type="Field" id="Tracks[0]" xAnchor="Panel.-190" x="144" yAnchor="Panel.50" y="268" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Light" style="" size="192" alpha="0.5" fg="48,48,48">
<child id="Virtual1" width="Panel.20"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
</element>

<!-- Album Cover -->
<element name="#CoverSmall" type="AlbumCover" id="Tracks[0]" xAnchor="Panel.10" x="0" yAnchor="Panel.50" y="-15" align="Top.Left" width="180" height="180" brightness="1.0"/>

<!-- Album Info -->
<element type="Field" id="Title" xAnchor="Panel.10" x="-12" yAnchor="#CoverSmall.Bottom" y="27" widthDock="x:Panel.75" width="-16" align="left" font="Segoe UI Semibold" style="Regular" size="32" fg="255,255,255" />
<element type="Field" id="Album" xAnchor="Panel.10" x="-7" yAnchor="#CoverSmall.Bottom" y="80" widthDock="x:Panel.75" width="-16" align="left" font="Segoe UI" style="Regular" size="16" fg="200,200,200" />
<element type="Field" id="Artist" xAnchor="Panel.10" x="-7" yAnchor="#CoverSmall.Bottom" y="110" widthDock="x:Panel.75" width="-16" align="left" font="Segoe UI" style="Regular" size="16" fg="255,255,255" />

<!-- Up Next -->
<element type="Text" xAnchor="Panel.75" x="0" yAnchor="#CoverSmall.Bottom" y="32" widthDock="Panel.20" width="0" align="left" font="Segoe UI" style="Bold" size="8" fg="255,255,255" mouseOverFg="0,255,255,255">UP NEXT</element>
<element type="Field" id="Tracks[1]" xAnchor="Panel.75" x="-3" yAnchor="#CoverSmall.Bottom" y="48" widthDock="x:#SpacerR.Left" width="0" align="left" font="Segoe UI Semibold" style="Regular" size="16" fg="255,255,255" mouseOverFg="0,255,255,255"><child id="Title" width="Panel.20"/></element>
<element type="Field" id="Tracks[1]" xAnchor="Panel.75" x="-2" yAnchor="#CoverSmall.Bottom" y="75" widthDock="x:#SpacerR.Left" width="0" align="left" font="Segoe UI" style="Regular" size="12" fg="128,128,128" mouseOverFg="0,255,255,255"><child id="Album" width="Panel.20"/></element>
<element type="Field" id="Tracks[1]" xAnchor="Panel.75" x="-2" yAnchor="#CoverSmall.Bottom" y="96" widthDock="x:#SpacerR.Left" width="0" align="left" font="Segoe UI" style="Regular" size="12" fg="255,255,255" mouseOverFg="0,255,255,255"><child id="Artist" width="Panel.20"/></element>
</root>
112 changes: 112 additions & 0 deletions Metrology - Metro.xml
Original file line number Diff line number Diff line change
@@ -0,0 +1,112 @@
<?xml version="1.0" encoding="utf-8"?>
<root>
// Based on Rdio Style
<settings enableScaling="true" />

<!-- Background Cover -->
<element type="BackgroundAlbumCover" refreshInterval="EndOfTrack"/>
<element type="Block" xAnchor="Panel.Left" x="0" yAnchor="Panel.Top" y="0" widthDock="x:Panel.Right" width="0" heightDock="y:Panel.Bottom" height="0" bg="247,0,0,0"/>

<!-- Spacers -->
<element name="#Spacer" type="Block" xAnchor="Panel.Left" x="0" yAnchor="Panel.Top" y="0" widthDock="Panel.Height.10" width="0" heightDock="Panel.Height.10" height="0" bg="0,0,0,0"/>
<element name="#SpacerR" type="Block" xAnchor="Panel.Right" x="0" yAnchor="Panel.Top" y="0" widthDock="Panel.Height.10" width="0" heightDock="Panel.Height.10" height="0" bg="0,255,0,0" align="Top.Right"/>

<!-- The Wall of Text -->
<element type="Field" id="Tracks[0]" xAnchor="Panel.-25" x="-40" yAnchor="Panel.50" y="-984" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Semibold" style="Regular" size="128" fg="255,1,1,1">
<child id="Virtual2" width="Panel.20"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
</element>
<element type="Field" id="Tracks[0]" xAnchor="Panel.-50" x="-40" yAnchor="Panel.50" y="-792" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Semibold" style="Regular" size="128" fg="255,1,1,1">
<child id="Virtual2" width="Panel.20"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
</element>
<element type="Field" id="Tracks[0]" xAnchor="Panel.0" x="-40" yAnchor="Panel.50" y="-600" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Semibold" style="Regular" size="128" fg="255,48,48,48">
<child id="Virtual2" width="Panel.20"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
</element>
<element type="Field" id="Tracks[0]" xAnchor="Panel.-100" x="-40" yAnchor="Panel.50" y="-408" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Semibold" style="Regular" size="128" fg="255,48,48,48">
<child id="Virtual2" width="Panel.20"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual2" width="Panel.20" fg="1,1,1"/><child> </child>
</element>
<element type="Field" id="Tracks[0]" xAnchor="Panel.-50" x="0" yAnchor="Panel.50" y="-171" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Black" style="Regular" size="64" fg="255,48,48,48">
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="48,48,48"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="48,48,48"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual3" width="Panel.20" fg="1,1,1"/><child> </child>
</element>
<element type="Field" id="Virtual1" xAnchor="Panel.-300" x="0" yAnchor="Panel.50" y="-162" widthDock="x:Panel.10" width="80" align="right" font="Segoe UI Light" style="" size="192" alpha="0.5" fg="1,1,1" />
<element type="Field" id="Tracks[0]" xAnchor="Panel.10" x="216" yAnchor="Panel.50" y="-162" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Light" style="" size="192" alpha="0.5" fg="48,48,48">
<child id="Virtual1" width="Panel.20"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
</element>
<element type="Field" id="Tracks[0]" xAnchor="Panel.-90" x="216" yAnchor="Panel.50" y="120" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Light" style="" size="192" alpha="0.5" fg="48,48,48">
<child id="Virtual1" width="Panel.20"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
</element>
<element type="Field" id="Tracks[0]" xAnchor="Panel.-190" x="216" yAnchor="Panel.50" y="402" widthDock="x:Panel.200" width="0" align="left" font="Segoe UI Light" style="" size="192" alpha="0.5" fg="48,48,48">
<child id="Virtual1" width="Panel.20"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
<child id="Virtual1" width="Panel.20" fg="1,1,1"/><child> </child>
</element>

<!-- Album Cover -->
<element name="#CoverSmall" type="AlbumCover" id="Tracks[0]" xAnchor="Panel.10" x="0" yAnchor="Panel.50" y="-21" align="Top.Left" width="270" height="270" brightness="1.0"/>


<!-- Album Info -->
<element type="Field" id="Title" xAnchor="Panel.10" x="-20" yAnchor="#CoverSmall.Bottom" y="40" widthDock="Panel.65" width="0" align="left" font="Segoe UI Semibold" style="Regular" size="32" fg="255,255,255" />
<element type="Field" id="Album" xAnchor="Panel.10" x="-10" yAnchor="#CoverSmall.Bottom" y="120" widthDock="x:#Cover.Right" width="0" align="left" font="Segoe UI" style="Regular" size="16" fg="200,200,200" />
<element type="Field" id="AlbumArtist" xAnchor="Panel.10" x="-10" yAnchor="#CoverSmall.Bottom" y="164" widthDock="x:#Cover.Right" width="0" align="left" font="Segoe UI" style="Regular" size="16" fg="255,255,255" />

<!-- Up Next -->
<element type="Text" xAnchor="Panel.75" x="0" yAnchor="#CoverSmall.Bottom" y="48" widthDock="Panel.20" width="0" align="left" font="Segoe UI" style="Bold" size="8" fg="192,192,192" mouseOverFg="0,192,192,192">UP NEXT</element>
<element type="Field" id="Tracks[1]" xAnchor="Panel.75" x="-5" yAnchor="#CoverSmall.Bottom" y="72" widthDock="x:#SpacerR.Left" width="0" align="left" font="Segoe UI Semibold" style="Regular" size="16" fg="192,192,192" mouseOverFg="0,192,192,192"><child id="Title" width="Panel.20"/></element>
<element type="Field" id="Tracks[1]" xAnchor="Panel.75" x="-3" yAnchor="#CoverSmall.Bottom" y="112" widthDock="x:#SpacerR.Left" width="0" align="left" font="Segoe UI" style="Regular" size="12" fg="128,128,128" mouseOverFg="0,192,192,192"><child id="Album" width="Panel.20"/></element>
<element type="Field" id="Tracks[1]" xAnchor="Panel.75" x="-3" yAnchor="#CoverSmall.Bottom" y="144" widthDock="x:#SpacerR.Left" width="0" align="left" font="Segoe UI" style="Regular" size="12" fg="192,192,192" mouseOverFg="0,192,192,192"><child id="Artist" width="Panel.20"/></element>
</root>

0 comments on commit fa168f1

Please sign in to comment.