Difference between revisions of "Template:Ribbon2"

From Geohashing
(that doesn't work (obvious in hindsight) so let's do this)
(strike out "Make the {{{image}}} parameter work")
 
(5 intermediate revisions by 2 users not shown)
Line 11: Line 11:
 
   border-left: 5px solid #bada55;
 
   border-left: 5px solid #bada55;
 
   align-items: center;
 
   align-items: center;
 +
  width: fit-content;
 
}
 
}
  
Line 27: Line 28:
 
.ribbon2-flex .ribbon2-actn {
 
.ribbon2-flex .ribbon2-actn {
 
   max-height: 4em;
 
   max-height: 4em;
   overflow-y: scroll;
+
   overflow-y: auto;
 
}
 
}
  
Line 82: Line 83:
  
 
}}{{Ribbon2/{{#switch:{{#var:ribbontheme}}|mini=mini|micro=micro|#default=default}}
 
}}{{Ribbon2/{{#switch:{{#var:ribbontheme}}|mini=mini|micro=micro|#default=default}}
|style=border-left-color:{{{color|#bada55}}};background:{{{background|white}}};color:{{{fontcolor|black}}}
+
|style=border-left-color:{{{color|#bada55}}};background:{{{background|white}}};color:{{{fontcolor|black}}};width:{{#var:ribbonwidth|fit-content}}
 
|color={{{color|#bada55}}}
 
|color={{{color|#bada55}}}
 
|icon={{{icon|landgeohash.png}}}
 
|icon={{{icon|landgeohash.png}}}
Line 95: Line 96:
 
== Tests ==
 
== Tests ==
 
{{Ribbon2|action={{Lipsum}}|image=2020-02-08_43_-79_SIGSTKFLT-stupidgrin.jpg}}
 
{{Ribbon2|action={{Lipsum}}|image=2020-02-08_43_-79_SIGSTKFLT-stupidgrin.jpg}}
<!--{{Frozen Geohash|latitude=43|longitude=-79|date=2020-02-08|temperature=-17°C|name=SIGSTKFLT|multiplier=3|image=2020-02-08_43_-79_SIGSTKFLT-stupidgrin.jpg}}-->
+
{{Dark Ages|latitude=51|longitude=-1|date=2019-11-29|name=[[User:DanQ|DanQ]]|image=Vlcsnap-2019-11-29-15h55m24s199.jpg}}
{{#vardefine:ribbonwidth|100%}}
+
{{Frozen Geohash|latitude=43|longitude=-79|date=2020-02-08|temperature=-17°C|name=SIGSTKFLT|multiplier=3|image=2020-02-08_43_-79_SIGSTKFLT-stupidgrin.jpg}}
 
{{Ribbon2}}
 
{{Ribbon2}}
 
{{#vardefine:ribbontheme|mini}}
 
{{#vardefine:ribbontheme|mini}}
{{Ribbon2/test|action={{Lipsum}}}}
+
{{Ribbon2}}
 +
{{Ribbon2|action={{Lipsum}}}}
 
{{#vardefine:ribbontheme|micro}}
 
{{#vardefine:ribbontheme|micro}}
{{Ribbon2/test|achievement=foo|expedition=bar}}
+
{{Ribbon2|achievement=foo|expedition=bar}}
  
 
== TODO ==
 
== TODO ==
Line 107: Line 109:
 
* <s>Handle long actions in mini and micro themes</s>
 
* <s>Handle long actions in mini and micro themes</s>
 
* <s>Split themes into their own templates?</s>
 
* <s>Split themes into their own templates?</s>
 
+
* <s>Make the <nowiki>{{{image}}}</nowiki> parameter work</s>
  
 
</noinclude>
 
</noinclude>

Latest revision as of 23:41, 12 January 2021

Landgeohash.png
{{{achievement}}}
{{{action}}}

Tests

Landgeohash.png
{{{achievement}}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
2020-02-08 43 -79 SIGSTKFLT-stupidgrin.jpg
Fiveohthree.png
by going on an expedition to the (51, -1) geohash on 2019-11-29.
Vlcsnap-2019-11-29-15h55m24s199.jpg
Frozen.png
SIGSTKFLT earned the Frozen Geohash Achievement
by reaching the (43, -79) geohash on 2020-02-08 while the temperature was -17°C.
2020-02-08 43 -79 SIGSTKFLT-stupidgrin.jpg
Landgeohash.png
{{{achievement}}}
{{{action}}}


Landgeohash.png
{{{achievement}}}
{{{action}}}
Landgeohash.png
{{{achievement}}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Landgeohash.png
foo:
bar

TODO

  • Handle long actions in mini and micro themes
  • Split themes into their own templates?
  • Make the {{{image}}} parameter work