Skip to content

Commit 6a14be4

Browse files
amandiocaamandioca
committed
style: cria grid topo do grass block
1 parent 5f09d9e commit 6a14be4

File tree

1 file changed

+274
-0
lines changed

1 file changed

+274
-0
lines changed

‎index.html‎

Lines changed: 274 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -421,6 +421,280 @@
421421
<div class="pixel brown4" id="256"></div>
422422
</div>
423423

424+
<div class="face" id="topContent">
425+
<div class="pixel green2" id="1"></div>
426+
<div class="pixel green3" id="2"></div>
427+
<div class="pixel green1" id="3"></div>
428+
<div class="pixel green4" id="4"></div>
429+
<div class="pixel green3" id="5"></div>
430+
<div class="pixel green3" id="6"></div>
431+
<div class="pixel green3" id="7"></div>
432+
<div class="pixel green1" id="8"></div>
433+
<div class="pixel green4" id="9"></div>
434+
<div class="pixel green4" id="10"></div>
435+
<div class="pixel green2" id="11"></div>
436+
<div class="pixel green3" id="12"></div>
437+
<div class="pixel green2" id="13"></div>
438+
<div class="pixel green1" id="14"></div>
439+
<div class="pixel green4" id="15"></div>
440+
<div class="pixel green1" id="16"></div>
441+
442+
<div class="pixel green4" id="17"></div>
443+
<div class="pixel green3" id="18"></div>
444+
<div class="pixel green4" id="19"></div>
445+
<div class="pixel green1" id="20"></div>
446+
<div class="pixel green3" id="21"></div>
447+
<div class="pixel green3" id="22"></div>
448+
<div class="pixel green2" id="23"></div>
449+
<div class="pixel green4" id="24"></div>
450+
<div class="pixel green2" id="25"></div>
451+
<div class="pixel green3" id="26"></div>
452+
<div class="pixel green2" id="27"></div>
453+
<div class="pixel green3" id="28"></div>
454+
<div class="pixel green4" id="29"></div>
455+
<div class="pixel green1" id="30"></div>
456+
<div class="pixel green2" id="31"></div>
457+
<div class="pixel green2" id="32"></div>
458+
459+
<div class="pixel green2" id="33"></div>
460+
<div class="pixel green3" id="34"></div>
461+
<div class="pixel green4" id="35"></div>
462+
<div class="pixel green3" id="36"></div>
463+
<div class="pixel green3" id="37"></div>
464+
<div class="pixel green3" id="38"></div>
465+
<div class="pixel green1" id="39"></div>
466+
<div class="pixel green1" id="40"></div>
467+
<div class="pixel green2" id="41"></div>
468+
<div class="pixel green1" id="42"></div>
469+
<div class="pixel green2" id="43"></div>
470+
<div class="pixel green3" id="44"></div>
471+
<div class="pixel green1" id="45"></div>
472+
<div class="pixel green3" id="46"></div>
473+
<div class="pixel green2" id="47"></div>
474+
<div class="pixel green2" id="48"></div>
475+
476+
<div class="pixel green3" id="49"></div>
477+
<div class="pixel green1" id="50"></div>
478+
<div class="pixel green4" id="51"></div>
479+
<div class="pixel green3" id="52"></div>
480+
<div class="pixel green1" id="53"></div>
481+
<div class="pixel green4" id="54"></div>
482+
<div class="pixel green3" id="55"></div>
483+
<div class="pixel green3" id="56"></div>
484+
<div class="pixel green3" id="57"></div>
485+
<div class="pixel green3" id="58"></div>
486+
<div class="pixel green3" id="59"></div>
487+
<div class="pixel green1" id="60"></div>
488+
<div class="pixel green2" id="61"></div>
489+
<div class="pixel green2" id="62"></div>
490+
<div class="pixel green2" id="63"></div>
491+
<div class="pixel green3" id="64"></div>
492+
493+
<div class="pixel green3" id="65"></div>
494+
<div class="pixel green3" id="66"></div>
495+
<div class="pixel green2" id="67"></div>
496+
<div class="pixel green3" id="68"></div>
497+
<div class="pixel green2" id="69"></div>
498+
<div class="pixel green3" id="70"></div>
499+
<div class="pixel green1" id="71"></div>
500+
<div class="pixel green3" id="72"></div>
501+
<div class="pixel green2" id="73"></div>
502+
<div class="pixel green1" id="74"></div>
503+
<div class="pixel green3" id="75"></div>
504+
<div class="pixel green3" id="76"></div>
505+
<div class="pixel green3" id="77"></div>
506+
<div class="pixel green2" id="78"></div>
507+
<div class="pixel green3" id="79"></div>
508+
<div class="pixel green1" id="80"></div>
509+
510+
<div class="pixel green3" id="81"></div>
511+
<div class="pixel green2" id="82"></div>
512+
<div class="pixel green2" id="83"></div>
513+
<div class="pixel green3" id="84"></div>
514+
<div class="pixel green4" id="85"></div>
515+
<div class="pixel green3" id="86"></div>
516+
<div class="pixel green1" id="87"></div>
517+
<div class="pixel green3" id="88"></div>
518+
<div class="pixel green3" id="89"></div>
519+
<div class="pixel green2" id="90"></div>
520+
<div class="pixel green1" id="91"></div>
521+
<div class="pixel green2" id="92"></div>
522+
<div class="pixel green2" id="93"></div>
523+
<div class="pixel green1" id="94"></div>
524+
<div class="pixel green2" id="95"></div>
525+
<div class="pixel green3" id="96"></div>
526+
527+
<div class="pixel green2" id="97"></div>
528+
<div class="pixel green1" id="98"></div>
529+
<div class="pixel green2" id="99"></div>
530+
<div class="pixel green3" id="100"></div>
531+
<div class="pixel green4" id="101"></div>
532+
<div class="pixel green2" id="102"></div>
533+
<div class="pixel green3" id="103"></div>
534+
<div class="pixel green2" id="104"></div>
535+
<div class="pixel green2" id="105"></div>
536+
<div class="pixel green3" id="106"></div>
537+
<div class="pixel green4" id="107"></div>
538+
<div class="pixel green3" id="108"></div>
539+
<div class="pixel green3" id="109"></div>
540+
<div class="pixel green3" id="110"></div>
541+
<div class="pixel green3" id="111"></div>
542+
<div class="pixel green1" id="112"></div>
543+
544+
<div class="pixel green3" id="113"></div>
545+
<div class="pixel green4" id="114"></div>
546+
<div class="pixel green3" id="115"></div>
547+
<div class="pixel green4" id="116"></div>
548+
<div class="pixel green1" id="117"></div>
549+
<div class="pixel green3" id="118"></div>
550+
<div class="pixel green3" id="119"></div>
551+
<div class="pixel green2" id="120"></div>
552+
<div class="pixel green3" id="121"></div>
553+
<div class="pixel green4" id="122"></div>
554+
<div class="pixel green1" id="123"></div>
555+
<div class="pixel green2" id="124"></div>
556+
<div class="pixel green3" id="125"></div>
557+
<div class="pixel green2" id="126"></div>
558+
<div class="pixel green3" id="127"></div>
559+
<div class="pixel green2" id="128"></div>
560+
561+
<div class="pixel green2" id="129"></div>
562+
<div class="pixel green3" id="130"></div>
563+
<div class="pixel green2" id="131"></div>
564+
<div class="pixel green2" id="132"></div>
565+
<div class="pixel green1" id="133"></div>
566+
<div class="pixel green2" id="134"></div>
567+
<div class="pixel green3" id="135"></div>
568+
<div class="pixel green3" id="136"></div>
569+
<div class="pixel green2" id="137"></div>
570+
<div class="pixel green4" id="138"></div>
571+
<div class="pixel green2" id="139"></div>
572+
<div class="pixel green2" id="140"></div>
573+
<div class="pixel green4" id="141"></div>
574+
<div class="pixel green1" id="142"></div>
575+
<div class="pixel green2" id="143"></div>
576+
<div class="pixel green2" id="144"></div>
577+
578+
<div class="pixel green4" id="145"></div>
579+
<div class="pixel green2" id="146"></div>
580+
<div class="pixel green3" id="147"></div>
581+
<div class="pixel green4" id="148"></div>
582+
<div class="pixel green3" id="149"></div>
583+
<div class="pixel green2" id="150"></div>
584+
<div class="pixel green3" id="151"></div>
585+
<div class="pixel green1" id="152"></div>
586+
<div class="pixel green1" id="153"></div>
587+
<div class="pixel green1" id="154"></div>
588+
<div class="pixel green3" id="155"></div>
589+
<div class="pixel green2" id="156"></div>
590+
<div class="pixel green3" id="157"></div>
591+
<div class="pixel green3" id="158"></div>
592+
<div class="pixel green2" id="159"></div>
593+
<div class="pixel green2" id="160"></div>
594+
595+
<div class="pixel green2" id="161"></div>
596+
<div class="pixel green3" id="162"></div>
597+
<div class="pixel green2" id="163"></div>
598+
<div class="pixel green2" id="164"></div>
599+
<div class="pixel green1" id="165"></div>
600+
<div class="pixel green2" id="166"></div>
601+
<div class="pixel green3" id="167"></div>
602+
<div class="pixel green3" id="168"></div>
603+
<div class="pixel green3" id="169"></div>
604+
<div class="pixel green2" id="170"></div>
605+
<div class="pixel green1" id="171"></div>
606+
<div class="pixel green3" id="172"></div>
607+
<div class="pixel green2" id="173"></div>
608+
<div class="pixel green2" id="174"></div>
609+
<div class="pixel green1" id="175"></div>
610+
<div class="pixel green1" id="176"></div>
611+
612+
<div class="pixel green4" id="177"></div>
613+
<div class="pixel green3" id="178"></div>
614+
<div class="pixel green4" id="179"></div>
615+
<div class="pixel green3" id="180"></div>
616+
<div class="pixel green1" id="181"></div>
617+
<div class="pixel green4" id="182"></div>
618+
<div class="pixel green2" id="183"></div>
619+
<div class="pixel green2" id="184"></div>
620+
<div class="pixel green1" id="185"></div>
621+
<div class="pixel green2" id="186"></div>
622+
<div class="pixel green3" id="187"></div>
623+
<div class="pixel green2" id="188"></div>
624+
<div class="pixel green2" id="189"></div>
625+
<div class="pixel green3" id="190"></div>
626+
<div class="pixel green1" id="191"></div>
627+
<div class="pixel green2" id="192"></div>
628+
629+
<div class="pixel green4" id="193"></div>
630+
<div class="pixel green3" id="194"></div>
631+
<div class="pixel green4" id="195"></div>
632+
<div class="pixel green3" id="196"></div>
633+
<div class="pixel green4" id="197"></div>
634+
<div class="pixel green2" id="198"></div>
635+
<div class="pixel green3" id="199"></div>
636+
<div class="pixel green3" id="200"></div>
637+
<div class="pixel green1" id="201"></div>
638+
<div class="pixel green3" id="202"></div>
639+
<div class="pixel green1" id="203"></div>
640+
<div class="pixel green1" id="204"></div>
641+
<div class="pixel green2" id="205"></div>
642+
<div class="pixel green3" id="206"></div>
643+
<div class="pixel green2" id="207"></div>
644+
<div class="pixel green2" id="208"></div>
645+
646+
<div class="pixel green4" id="209"></div>
647+
<div class="pixel green3" id="210"></div>
648+
<div class="pixel green4" id="211"></div>
649+
<div class="pixel green3" id="212"></div>
650+
<div class="pixel green2" id="213"></div>
651+
<div class="pixel green4" id="214"></div>
652+
<div class="pixel green2" id="215"></div>
653+
<div class="pixel green2" id="216"></div>
654+
<div class="pixel green1" id="217"></div>
655+
<div class="pixel green1" id="218"></div>
656+
<div class="pixel green2" id="219"></div>
657+
<div class="pixel green3" id="220"></div>
658+
<div class="pixel green2" id="221"></div>
659+
<div class="pixel green2" id="222"></div>
660+
<div class="pixel green1" id="223"></div>
661+
<div class="pixel green2" id="224"></div>
662+
663+
<div class="pixel green1" id="225"></div>
664+
<div class="pixel green3" id="226"></div>
665+
<div class="pixel green3" id="227"></div>
666+
<div class="pixel green3" id="228"></div>
667+
<div class="pixel green3" id="229"></div>
668+
<div class="pixel green2" id="230"></div>
669+
<div class="pixel green2" id="231"></div>
670+
<div class="pixel green3" id="232"></div>
671+
<div class="pixel green2" id="233"></div>
672+
<div class="pixel green3" id="234"></div>
673+
<div class="pixel green2" id="235"></div>
674+
<div class="pixel green1" id="236"></div>
675+
<div class="pixel green2" id="237"></div>
676+
<div class="pixel green1" id="238"></div>
677+
<div class="pixel green2" id="239"></div>
678+
<div class="pixel green2" id="240"></div>
679+
680+
<div class="pixel green3" id="241"></div>
681+
<div class="pixel green3" id="242"></div>
682+
<div class="pixel green2" id="243"></div>
683+
<div class="pixel green4" id="244"></div>
684+
<div class="pixel green2" id="245"></div>
685+
<div class="pixel green2" id="246"></div>
686+
<div class="pixel green3" id="247"></div>
687+
<div class="pixel green1" id="248"></div>
688+
<div class="pixel green2" id="249"></div>
689+
<div class="pixel green2" id="250"></div>
690+
<div class="pixel green4" id="251"></div>
691+
<div class="pixel green1" id="252"></div>
692+
<div class="pixel green4" id="253"></div>
693+
<div class="pixel green1" id="254"></div>
694+
<div class="pixel green2" id="255"></div>
695+
<div class="pixel green3" id="256"></div>
696+
</div>
697+
424698
<div class="face" id="bottomContent">
425699
<div class="pixel brown1" id="1"></div>
426700
<div class="pixel brown4" id="2"></div>

0 commit comments

Comments
 (0)