Skip to content

Instantly share code, notes, and snippets.

@mannieschumpert

mannieschumpert/SassMeister-input-HTML.haml

Forked from a5e/SassMeister-input-HTML.haml
Created January 11, 2014 18:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mannieschumpert/8374954 to your computer and use it in GitHub Desktop.
Save mannieschumpert/8374954 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.haml
%h1
= "π"
.pi
-(1..300).each do |j|
.digit
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
// Pi Art from Martin Martin Krzywinski (@MKrzywinski) re-built with sass
// http://mkweb.bcgsc.ca/pi/art/
body {
background: #fff;
margin: auto;
width: 800px;
}
h1 {
text-align:center;
}
$len: 300;
$pi: "31415926535897932384626433832795028841971693993751058209749445923078164062862089986280348253421170679821480865132823066470938446095505822317253594081284811174502841027019385211055596446229489549303819644288109756659334461284756482337867831652712019091456485669234603486104543266482133936072602491412737245870066063155881748815209209628292540917153643678925903600113305305488204665213841469519415116094330572703657595919530921861173819326117931051185480744623799627495673518857527248912279381830119491298336733624406566430860213949463952247371907021798609437027705392171762931767523846748184676694051320005681271452635608277857713427577896091736371787214684409012249534301465495853710507922796892589235420199561121290219608640344181598136297747713099605187072113499999983729780499510597317328160963185950244594553469083026425223082533446850352619311881710100031378387528865875332083814206171776691473035982534904287554687311595628638823537875937519577818577805321712268066130019278766111959092164201989";
$digits: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9";
$c: #95c3df, #1864a7, #a5d278, #2b9538, #f18487, #db001d, #fbb25c, #f06b23, #bea2cd, #552885;
@for $j from 0 to 10 {
%bord#{$j} {
border-color: nth($c, $j+1);
}
%back#{$j} {
background: nth($c, $j+1);
}
}
.digit {
display: inline-block;
width: 10px;
height: 10px;
margin: 6px;
border-radius: 50%;
border: solid 7px;
@for $i from 1 to $len+1 {
&:nth-child( #{$i} ) {
$digit: str-slice($pi, $i, $i);
$nextdigit: str-slice($pi, $i+1, $i+1);
@extend %bord#{$digit};
@extend %back#{$nextdigit};
}
}
}
Raw
SassMeister-output.css
body {
background: #fff;
margin: auto;
width: 800px;
}
h1 {
text-align: center;
}
.digit:nth-child(33), .digit:nth-child(51), .digit:nth-child(55), .digit:nth-child(66), .digit:nth-child(72), .digit:nth-child(78), .digit:nth-child(86), .digit:nth-child(98), .digit:nth-child(107), .digit:nth-child(117), .digit:nth-child(122), .digit:nth-child(129), .digit:nth-child(133), .digit:nth-child(147), .digit:nth-child(160), .digit:nth-child(165), .digit:nth-child(168), .digit:nth-child(177), .digit:nth-child(196), .digit:nth-child(208), .digit:nth-child(246), .digit:nth-child(249), .digit:nth-child(265), .digit:nth-child(271), .digit:nth-child(288), .digit:nth-child(292) {
border-color: #95c3df;
}
.digit:nth-child(32), .digit:nth-child(50), .digit:nth-child(54), .digit:nth-child(65), .digit:nth-child(71), .digit:nth-child(77), .digit:nth-child(85), .digit:nth-child(97), .digit:nth-child(106), .digit:nth-child(116), .digit:nth-child(121), .digit:nth-child(128), .digit:nth-child(132), .digit:nth-child(146), .digit:nth-child(159), .digit:nth-child(164), .digit:nth-child(167), .digit:nth-child(176), .digit:nth-child(195), .digit:nth-child(207), .digit:nth-child(245), .digit:nth-child(248), .digit:nth-child(264), .digit:nth-child(270), .digit:nth-child(287), .digit:nth-child(291) {
background: #95c3df;
}
.digit:nth-child(2), .digit:nth-child(4), .digit:nth-child(38), .digit:nth-child(41), .digit:nth-child(50), .digit:nth-child(69), .digit:nth-child(95), .digit:nth-child(96), .digit:nth-child(104), .digit:nth-child(111), .digit:nth-child(139), .digit:nth-child(149), .digit:nth-child(154), .digit:nth-child(155), .digit:nth-child(156), .digit:nth-child(164), .digit:nth-child(169), .digit:nth-child(175), .digit:nth-child(176), .digit:nth-child(199), .digit:nth-child(207), .digit:nth-child(221), .digit:nth-child(239), .digit:nth-child(244), .digit:nth-child(247), .digit:nth-child(251), .digit:nth-child(270), .digit:nth-child(282), .digit:nth-child(296), .digit:nth-child(298) {
border-color: #1864a7;
}
.digit:nth-child(1), .digit:nth-child(3), .digit:nth-child(37), .digit:nth-child(40), .digit:nth-child(49), .digit:nth-child(68), .digit:nth-child(94), .digit:nth-child(95), .digit:nth-child(103), .digit:nth-child(110), .digit:nth-child(138), .digit:nth-child(148), .digit:nth-child(153), .digit:nth-child(154), .digit:nth-child(155), .digit:nth-child(163), .digit:nth-child(168), .digit:nth-child(174), .digit:nth-child(175), .digit:nth-child(198), .digit:nth-child(206), .digit:nth-child(220), .digit:nth-child(238), .digit:nth-child(243), .digit:nth-child(246), .digit:nth-child(250), .digit:nth-child(269), .digit:nth-child(281), .digit:nth-child(295), .digit:nth-child(297) {
background: #1864a7;
}
.digit:nth-child(7), .digit:nth-child(17), .digit:nth-child(22), .digit:nth-child(29), .digit:nth-child(34), .digit:nth-child(54), .digit:nth-child(64), .digit:nth-child(74), .digit:nth-child(77), .digit:nth-child(84), .digit:nth-child(90), .digit:nth-child(94), .digit:nth-child(103), .digit:nth-child(113), .digit:nth-child(115), .digit:nth-child(136), .digit:nth-child(137), .digit:nth-child(141), .digit:nth-child(150), .digit:nth-child(161), .digit:nth-child(166), .digit:nth-child(174), .digit:nth-child(186), .digit:nth-child(187), .digit:nth-child(204), .digit:nth-child(222), .digit:nth-child(230), .digit:nth-child(242), .digit:nth-child(245), .digit:nth-child(261), .digit:nth-child(276), .digit:nth-child(281), .digit:nth-child(290), .digit:nth-child(293), .digit:nth-child(299) {
border-color: #a5d278;
}
.digit:nth-child(6), .digit:nth-child(16), .digit:nth-child(21), .digit:nth-child(28), .digit:nth-child(33), .digit:nth-child(53), .digit:nth-child(63), .digit:nth-child(73), .digit:nth-child(76), .digit:nth-child(83), .digit:nth-child(89), .digit:nth-child(93), .digit:nth-child(102), .digit:nth-child(112), .digit:nth-child(114), .digit:nth-child(135), .digit:nth-child(136), .digit:nth-child(140), .digit:nth-child(149), .digit:nth-child(160), .digit:nth-child(165), .digit:nth-child(173), .digit:nth-child(185), .digit:nth-child(186), .digit:nth-child(203), .digit:nth-child(221), .digit:nth-child(229), .digit:nth-child(241), .digit:nth-child(244), .digit:nth-child(260), .digit:nth-child(275), .digit:nth-child(280), .digit:nth-child(289), .digit:nth-child(292), .digit:nth-child(298) {
background: #a5d278;
}
.digit:nth-child(1), .digit:nth-child(10), .digit:nth-child(16), .digit:nth-child(18), .digit:nth-child(25), .digit:nth-child(26), .digit:nth-child(28), .digit:nth-child(44), .digit:nth-child(47), .digit:nth-child(65), .digit:nth-child(87), .digit:nth-child(92), .digit:nth-child(112), .digit:nth-child(116), .digit:nth-child(124), .digit:nth-child(138), .digit:nth-child(143), .digit:nth-child(171), .digit:nth-child(195), .digit:nth-child(197), .digit:nth-child(216), .digit:nth-child(217), .digit:nth-child(231), .digit:nth-child(232), .digit:nth-child(238), .digit:nth-child(262), .digit:nth-child(266), .digit:nth-child(275), .digit:nth-child(283), .digit:nth-child(284), .digit:nth-child(286) {
border-color: #2b9538;
}
.digit:nth-child(9), .digit:nth-child(15), .digit:nth-child(17), .digit:nth-child(24), .digit:nth-child(25), .digit:nth-child(27), .digit:nth-child(43), .digit:nth-child(46), .digit:nth-child(64), .digit:nth-child(86), .digit:nth-child(91), .digit:nth-child(111), .digit:nth-child(115), .digit:nth-child(123), .digit:nth-child(137), .digit:nth-child(142), .digit:nth-child(170), .digit:nth-child(194), .digit:nth-child(196), .digit:nth-child(215), .digit:nth-child(216), .digit:nth-child(230), .digit:nth-child(231), .digit:nth-child(237), .digit:nth-child(261), .digit:nth-child(265), .digit:nth-child(274), .digit:nth-child(282), .digit:nth-child(283), .digit:nth-child(285), .digit:nth-child(300) {
background: #2b9538;
}
.digit:nth-child(3), .digit:nth-child(20), .digit:nth-child(24), .digit:nth-child(37), .digit:nth-child(58), .digit:nth-child(60), .digit:nth-child(61), .digit:nth-child(71), .digit:nth-child(88), .digit:nth-child(93), .digit:nth-child(105), .digit:nth-child(120), .digit:nth-child(126), .digit:nth-child(127), .digit:nth-child(146), .digit:nth-child(152), .digit:nth-child(158), .digit:nth-child(163), .digit:nth-child(183), .digit:nth-child(184), .digit:nth-child(189), .digit:nth-child(193), .digit:nth-child(202), .digit:nth-child(203), .digit:nth-child(218), .digit:nth-child(219), .digit:nth-child(224), .digit:nth-child(228), .digit:nth-child(252), .digit:nth-child(255), .digit:nth-child(263), .digit:nth-child(267), .digit:nth-child(272), .digit:nth-child(274), .digit:nth-child(279), .digit:nth-child(294), .digit:nth-child(297) {
border-color: #f18487;
}
.digit:nth-child(2), .digit:nth-child(19), .digit:nth-child(23), .digit:nth-child(36), .digit:nth-child(57), .digit:nth-child(59), .digit:nth-child(60), .digit:nth-child(70), .digit:nth-child(87), .digit:nth-child(92), .digit:nth-child(104), .digit:nth-child(119), .digit:nth-child(125), .digit:nth-child(126), .digit:nth-child(145), .digit:nth-child(151), .digit:nth-child(157), .digit:nth-child(162), .digit:nth-child(182), .digit:nth-child(183), .digit:nth-child(188), .digit:nth-child(192), .digit:nth-child(201), .digit:nth-child(202), .digit:nth-child(217), .digit:nth-child(218), .digit:nth-child(223), .digit:nth-child(227), .digit:nth-child(251), .digit:nth-child(254), .digit:nth-child(262), .digit:nth-child(266), .digit:nth-child(271), .digit:nth-child(273), .digit:nth-child(278), .digit:nth-child(293), .digit:nth-child(296) {
background: #f18487;
}
.digit:nth-child(5), .digit:nth-child(9), .digit:nth-child(11), .digit:nth-child(32), .digit:nth-child(49), .digit:nth-child(52), .digit:nth-child(62), .digit:nth-child(91), .digit:nth-child(110), .digit:nth-child(131), .digit:nth-child(132), .digit:nth-child(134), .digit:nth-child(142), .digit:nth-child(144), .digit:nth-child(159), .digit:nth-child(173), .digit:nth-child(178), .digit:nth-child(179), .digit:nth-child(180), .digit:nth-child(192), .digit:nth-child(211), .digit:nth-child(214), .digit:nth-child(226), .digit:nth-child(241), .digit:nth-child(253), .digit:nth-child(257), .digit:nth-child(273) {
border-color: #db001d;
}
.digit:nth-child(4), .digit:nth-child(8), .digit:nth-child(10), .digit:nth-child(31), .digit:nth-child(48), .digit:nth-child(51), .digit:nth-child(61), .digit:nth-child(90), .digit:nth-child(109), .digit:nth-child(130), .digit:nth-child(131), .digit:nth-child(133), .digit:nth-child(141), .digit:nth-child(143), .digit:nth-child(158), .digit:nth-child(172), .digit:nth-child(177), .digit:nth-child(178), .digit:nth-child(179), .digit:nth-child(191), .digit:nth-child(210), .digit:nth-child(213), .digit:nth-child(225), .digit:nth-child(240), .digit:nth-child(252), .digit:nth-child(256), .digit:nth-child(272) {
background: #db001d;
}
.digit:nth-child(8), .digit:nth-child(21), .digit:nth-child(23), .digit:nth-child(42), .digit:nth-child(70), .digit:nth-child(73), .digit:nth-child(76), .digit:nth-child(83), .digit:nth-child(99), .digit:nth-child(109), .digit:nth-child(118), .digit:nth-child(119), .digit:nth-child(128), .digit:nth-child(182), .digit:nth-child(185), .digit:nth-child(201), .digit:nth-child(212), .digit:nth-child(213), .digit:nth-child(220), .digit:nth-child(227), .digit:nth-child(235), .digit:nth-child(240), .digit:nth-child(254), .digit:nth-child(258), .digit:nth-child(259), .digit:nth-child(264), .digit:nth-child(269), .digit:nth-child(277), .digit:nth-child(278), .digit:nth-child(287), .digit:nth-child(291) {
border-color: #fbb25c;
}
.digit:nth-child(7), .digit:nth-child(20), .digit:nth-child(22), .digit:nth-child(41), .digit:nth-child(69), .digit:nth-child(72), .digit:nth-child(75), .digit:nth-child(82), .digit:nth-child(98), .digit:nth-child(108), .digit:nth-child(117), .digit:nth-child(118), .digit:nth-child(127), .digit:nth-child(181), .digit:nth-child(184), .digit:nth-child(200), .digit:nth-child(211), .digit:nth-child(212), .digit:nth-child(219), .digit:nth-child(226), .digit:nth-child(234), .digit:nth-child(239), .digit:nth-child(253), .digit:nth-child(257), .digit:nth-child(258), .digit:nth-child(263), .digit:nth-child(268), .digit:nth-child(276), .digit:nth-child(277), .digit:nth-child(286), .digit:nth-child(290) {
background: #fbb25c;
}
.digit:nth-child(14), .digit:nth-child(30), .digit:nth-child(40), .digit:nth-child(48), .digit:nth-child(57), .digit:nth-child(67), .digit:nth-child(97), .digit:nth-child(100), .digit:nth-child(121), .digit:nth-child(140), .digit:nth-child(157), .digit:nth-child(167), .digit:nth-child(210), .digit:nth-child(225), .digit:nth-child(233), .digit:nth-child(236), .digit:nth-child(243), .digit:nth-child(289), .digit:nth-child(300) {
border-color: #f06b23;
}
.digit:nth-child(13), .digit:nth-child(29), .digit:nth-child(39), .digit:nth-child(47), .digit:nth-child(56), .digit:nth-child(66), .digit:nth-child(96), .digit:nth-child(99), .digit:nth-child(120), .digit:nth-child(139), .digit:nth-child(156), .digit:nth-child(166), .digit:nth-child(209), .digit:nth-child(224), .digit:nth-child(232), .digit:nth-child(235), .digit:nth-child(242), .digit:nth-child(288), .digit:nth-child(299) {
background: #f06b23;
}
.digit:nth-child(12), .digit:nth-child(19), .digit:nth-child(27), .digit:nth-child(35), .digit:nth-child(36), .digit:nth-child(53), .digit:nth-child(68), .digit:nth-child(75), .digit:nth-child(79), .digit:nth-child(82), .digit:nth-child(85), .digit:nth-child(89), .digit:nth-child(102), .digit:nth-child(106), .digit:nth-child(108), .digit:nth-child(114), .digit:nth-child(125), .digit:nth-child(135), .digit:nth-child(148), .digit:nth-child(151), .digit:nth-child(153), .digit:nth-child(162), .digit:nth-child(172), .digit:nth-child(190), .digit:nth-child(198), .digit:nth-child(205), .digit:nth-child(206), .digit:nth-child(223), .digit:nth-child(229), .digit:nth-child(234), .digit:nth-child(237), .digit:nth-child(256), .digit:nth-child(268), .digit:nth-child(280) {
border-color: #bea2cd;
}
.digit:nth-child(11), .digit:nth-child(18), .digit:nth-child(26), .digit:nth-child(34), .digit:nth-child(35), .digit:nth-child(52), .digit:nth-child(67), .digit:nth-child(74), .digit:nth-child(78), .digit:nth-child(81), .digit:nth-child(84), .digit:nth-child(88), .digit:nth-child(101), .digit:nth-child(105), .digit:nth-child(107), .digit:nth-child(113), .digit:nth-child(124), .digit:nth-child(134), .digit:nth-child(147), .digit:nth-child(150), .digit:nth-child(152), .digit:nth-child(161), .digit:nth-child(171), .digit:nth-child(189), .digit:nth-child(197), .digit:nth-child(204), .digit:nth-child(205), .digit:nth-child(222), .digit:nth-child(228), .digit:nth-child(233), .digit:nth-child(236), .digit:nth-child(255), .digit:nth-child(267), .digit:nth-child(279) {
background: #bea2cd;
}
.digit:nth-child(6), .digit:nth-child(13), .digit:nth-child(15), .digit:nth-child(31), .digit:nth-child(39), .digit:nth-child(43), .digit:nth-child(45), .digit:nth-child(46), .digit:nth-child(56), .digit:nth-child(59), .digit:nth-child(63), .digit:nth-child(80), .digit:nth-child(81), .digit:nth-child(101), .digit:nth-child(123), .digit:nth-child(130), .digit:nth-child(145), .digit:nth-child(170), .digit:nth-child(181), .digit:nth-child(188), .digit:nth-child(191), .digit:nth-child(194), .digit:nth-child(200), .digit:nth-child(209), .digit:nth-child(215), .digit:nth-child(248), .digit:nth-child(250), .digit:nth-child(260), .digit:nth-child(285), .digit:nth-child(295) {
border-color: #552885;
}
.digit:nth-child(5), .digit:nth-child(12), .digit:nth-child(14), .digit:nth-child(30), .digit:nth-child(38), .digit:nth-child(42), .digit:nth-child(44), .digit:nth-child(45), .digit:nth-child(55), .digit:nth-child(58), .digit:nth-child(62), .digit:nth-child(79), .digit:nth-child(80), .digit:nth-child(100), .digit:nth-child(122), .digit:nth-child(129), .digit:nth-child(144), .digit:nth-child(169), .digit:nth-child(180), .digit:nth-child(187), .digit:nth-child(190), .digit:nth-child(193), .digit:nth-child(199), .digit:nth-child(208), .digit:nth-child(214), .digit:nth-child(247), .digit:nth-child(249), .digit:nth-child(259), .digit:nth-child(284), .digit:nth-child(294) {
background: #552885;
}
.digit {
display: inline-block;
width: 10px;
height: 10px;
margin: 6px;
border-radius: 50%;
border: solid 7px;
}
Raw
SassMeister-rendered.html
<h1>
π
</h1>
<div class='pi'>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
<div class='digit'></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment