<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="sv">
	<id>https://finssl.signwiki.mediapalo.fi/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Harri</id>
	<title>SignWiki - Användarbidrag [sv]</title>
	<link rel="self" type="application/atom+xml" href="https://finssl.signwiki.mediapalo.fi/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Harri"/>
	<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php/Special:Bidrag/Harri"/>
	<updated>2026-04-21T05:16:17Z</updated>
	<subtitle>Användarbidrag</subtitle>
	<generator>MediaWiki 1.43.8</generator>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Huvudsida&amp;diff=15176</id>
		<title>Huvudsida</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Huvudsida&amp;diff=15176"/>
		<updated>2023-12-14T22:06:59Z</updated>

		<summary type="html">&lt;p&gt;Harri: Add sport&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;table id=&amp;quot;frontTable&amp;quot; border=&amp;quot;0&amp;quot; cellspacing=&amp;quot;5&amp;quot; cellpadding=&amp;quot;1&amp;quot; width=&amp;quot;100%&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#957DAD;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:033406-rounded-glossy-black-icon-culture-globe-clear-sc44.png|70px|link=Info]]&amp;lt;p&amp;gt;[[Info|&#039;&#039;&#039;Info&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#E0BBE4;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:colors_icon.png|70px|link=:Category:Vardagsuttryck]]&amp;lt;p&amp;gt;[[:Category:Vardagsuttryck|&#039;&#039;&#039;Vardagsuttryck&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
  &amp;lt;/tr&amp;gt;&lt;br /&gt;
  &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#FEC8D8;&amp;quot;&amp;gt;[[Image:Icons_dictionary.png|70px|link=:Category:Ordbok A-Ö]]&amp;lt;p&amp;gt;[[:Category:Ordbok A-Ö|&#039;&#039;&#039;Ordbok&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#FFDFD3;&amp;quot;&amp;gt;&lt;br /&gt;
        [[File:Icon categories.png|70px|link=:Kategori:Ordbok]]&amp;lt;p&amp;gt;[[:Kategori:Ordbok|&#039;&#039;&#039;Kategorier&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
  &amp;lt;/tr&amp;gt;&lt;br /&gt;
  &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#CBF2B8;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:Icon kids.png|70px|link=Category:För_barn_och_familjer]]&amp;lt;p&amp;gt;[[:Category:För_barn_och_familjer|&#039;&#039;&#039;För barn och familjer&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#CBC7DD;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:Icon resources.png|70px|link=Category:Artiklar]]&amp;lt;p&amp;gt;[[:Category:Artiklar|&#039;&#039;&#039;Artiklar&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
  &amp;lt;/tr&amp;gt;&lt;br /&gt;
  &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#FFDFBD;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:People_icon.svg|70px|link=Category:Berättelser_och_samtal]]&amp;lt;p&amp;gt;[[:Category:Berättelser och samtal|&#039;&#039;&#039;Berättelser och samtal&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#FFFAB0;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:Icon quiz.png|70px|link=Category:Frågesporter]]&amp;lt;p&amp;gt;[[:Category:Frågesporter|&#039;&#039;&#039;Frågesporter&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
  &amp;lt;/tr&amp;gt;&lt;br /&gt;
  &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#E0BBE4;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:Football-frontpage.png|70px|link=:Category:Sport]]&amp;lt;p&amp;gt;[[:Category:Sport|&#039;&#039;&#039;Sport&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#BAEEE5;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:Info icon.png|70px|link=SignWiki:About]]&amp;lt;p&amp;gt;[[SignWiki:About|&#039;&#039;&#039;Information om SignWiki&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
  &amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
  {{Currentsigns}}&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;[[Image:Flag of Finland with border.svg|centre|250px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;text-align:center;font-family:Trebuchet MS;  font-size: 14px;color:#915B51&amp;quot;&amp;gt;&#039;&#039;&#039;Wikiordbok i finlandssvenskt teckenspråk - information och material på nätet.&#039;&#039;&#039;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;text-align:center;font-family:Trebuchet MS;  font-size: 12px;color:#915B51&amp;quot;&amp;gt;[[Nya_tecken|&#039;&#039;&#039;SignWiki i finlandssvenskt teckenspråk innehåller nu {{PAGESINCATEGORY:Ordbok A-Ö|R}} tecken.]]&#039;&#039;&#039;&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Fil:Football-frontpage.png&amp;diff=15175</id>
		<title>Fil:Football-frontpage.png</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Fil:Football-frontpage.png&amp;diff=15175"/>
		<updated>2023-12-14T22:02:43Z</updated>

		<summary type="html">&lt;p&gt;Harri: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Huvudsida&amp;diff=14641</id>
		<title>Huvudsida</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Huvudsida&amp;diff=14641"/>
		<updated>2023-10-16T15:41:08Z</updated>

		<summary type="html">&lt;p&gt;Harri: Korjaa väri&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;table id=&amp;quot;frontTable&amp;quot; border=&amp;quot;0&amp;quot; cellspacing=&amp;quot;5&amp;quot; cellpadding=&amp;quot;1&amp;quot; width=&amp;quot;100%&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#957DAD;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:033406-rounded-glossy-black-icon-culture-globe-clear-sc44.png|70px|link=Info]]&amp;lt;p&amp;gt;[[Info|&#039;&#039;&#039;Info&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#E0BBE4;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:colors_icon.png|70px|link=:Category:Vardagsuttryck]]&amp;lt;p&amp;gt;[[:Category:Vardagsuttryck|&#039;&#039;&#039;Vardagsuttryck&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
  &amp;lt;/tr&amp;gt;&lt;br /&gt;
  &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#FEC8D8;&amp;quot;&amp;gt;[[Image:Icons_dictionary.png|70px|link=:Category:Ordbok A-Ö]]&amp;lt;p&amp;gt;[[:Category:Ordbok A-Ö|&#039;&#039;&#039;Ordbok&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#FFDFD3;&amp;quot;&amp;gt;&lt;br /&gt;
        [[File:Icon categories.png|70px|link=:Kategori:Ordbok]]&amp;lt;p&amp;gt;[[:Kategori:Ordbok|&#039;&#039;&#039;Kategorier&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
  &amp;lt;/tr&amp;gt;&lt;br /&gt;
  &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#CBF2B8;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:Icon kids.png|70px|link=Category:För_barn_och_familjer]]&amp;lt;p&amp;gt;[[:Category:För_barn_och_familjer|&#039;&#039;&#039;För barn och familjer&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#CBC7DD;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:Icon resources.png|70px|link=Category:Artiklar]]&amp;lt;p&amp;gt;[[:Category:Artiklar|&#039;&#039;&#039;Artiklar&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
  &amp;lt;/tr&amp;gt;&lt;br /&gt;
  &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#FFDFBD;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:People_icon.svg|70px|link=Category:Berättelser_och_samtal]]&amp;lt;p&amp;gt;[[:Category:Berättelser och samtal|&#039;&#039;&#039;Berättelser och samtal&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#FFFAB0;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:Icon quiz.png|70px|link=Category:Frågesporter]]&amp;lt;p&amp;gt;[[:Category:Frågesporter|&#039;&#039;&#039;Frågesporter&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
  &amp;lt;/tr&amp;gt;&lt;br /&gt;
  &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#BAEEE5;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:Info icon.png|70px|link=SignWiki:About]]&amp;lt;p&amp;gt;[[SignWiki:About|&#039;&#039;&#039;Information om SignWiki&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
  &amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
  {{Currentsigns}}&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;[[Image:Flag of Finland with border.svg|centre|250px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;text-align:center;font-family:Trebuchet MS;  font-size: 14px;color:#915B51&amp;quot;&amp;gt;&#039;&#039;&#039;Wikiordbok i finlandssvenskt teckenspråk - information och material på nätet.&#039;&#039;&#039;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;text-align:center;font-family:Trebuchet MS;  font-size: 12px;color:#915B51&amp;quot;&amp;gt;[[Nya_tecken|&#039;&#039;&#039;SignWiki i finlandssvenskt teckenspråk innehåller nu {{PAGESINCATEGORY:Ordbok A-Ö|R}} tecken.]]&#039;&#039;&#039;&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Huvudsida&amp;diff=14640</id>
		<title>Huvudsida</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Huvudsida&amp;diff=14640"/>
		<updated>2023-10-16T15:40:36Z</updated>

		<summary type="html">&lt;p&gt;Harri: Sisennä&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;table id=&amp;quot;frontTable&amp;quot; border=&amp;quot;0&amp;quot; cellspacing=&amp;quot;5&amp;quot; cellpadding=&amp;quot;1&amp;quot; width=&amp;quot;100%&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#957DAD;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:033406-rounded-glossy-black-icon-culture-globe-clear-sc44.png|70px|link=Info]]&amp;lt;p&amp;gt;[[Info|&#039;&#039;&#039;Info&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#E0BBE4;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:colors_icon.png|70px|link=:Category:Vardagsuttryck]]&amp;lt;p&amp;gt;[[:Category:Vardagsuttryck|&#039;&#039;&#039;Vardagsuttryck&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
  &amp;lt;/tr&amp;gt;&lt;br /&gt;
  &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#FEC8D8;&amp;quot;&amp;gt;[[Image:Icons_dictionary.png|70px|link=:Category:Ordbok A-Ö]]&amp;lt;p&amp;gt;[[:Category:Ordbok A-Ö|&#039;&#039;&#039;Ordbok&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#FFDFD3;&amp;quot;&amp;gt;&lt;br /&gt;
        [[File:Icon categories.png|70px|link=:Kategori:Ordbok]]&amp;lt;p&amp;gt;[[:Kategori:Ordbok|&#039;&#039;&#039;Kategorier&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
  &amp;lt;/tr&amp;gt;&lt;br /&gt;
  &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#CBF2B8;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:Icon kids.png|70px|link=Category:För_barn_och_familjer]]&amp;lt;p&amp;gt;[[:Category:För_barn_och_familjer|&#039;&#039;&#039;För barn och familjer&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#CBC7DD;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:Icon resources.png|70px|link=Category:Artiklar]]&amp;lt;p&amp;gt;[[:Category:Artiklar|&#039;&#039;&#039;Artiklar&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
  &amp;lt;/tr&amp;gt;&lt;br /&gt;
  &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#FFDFBD;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:People_icon.svg|70px|link=Category:Berättelser_och_samtal]]&amp;lt;p&amp;gt;[[:Category:Berättelser och samtal|&#039;&#039;&#039;Berättelser och samtal&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#FFFAB0;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:Icon quiz.png|70px|link=Category:Frågesporter]]&amp;lt;p&amp;gt;[[:Category:Frågesporter|&#039;&#039;&#039;Frågesporter&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
  &amp;lt;/tr&amp;gt;&lt;br /&gt;
  &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
      &amp;lt;div style=&amp;quot;background-color:#BAEEE5;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:Info icon.png|70px|link=SignWiki:About]]&amp;lt;p&amp;gt;[[SignWiki:About|&#039;&#039;&#039;Information om SignWiki&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
  &amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
  {{Currentsigns}}&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;[[Image:Flag of Finland with border.svg|centre|250px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;text-align:center;font-family:Trebuchet MS;  font-size: 14px;color:##915B51&amp;quot;&amp;gt;&#039;&#039;&#039;Wikiordbok i finlandssvenskt teckenspråk - information och material på nätet.&#039;&#039;&#039;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;text-align:center;font-family:Trebuchet MS;  font-size: 12px;color:##915B51&amp;quot;&amp;gt;[[Nya_tecken|&#039;&#039;&#039;SignWiki i finlandssvenskt teckenspråk innehåller nu {{PAGESINCATEGORY:Ordbok A-Ö|R}} tecken.]]&#039;&#039;&#039;&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Common.css&amp;diff=14639</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Common.css&amp;diff=14639"/>
		<updated>2023-10-16T15:37:28Z</updated>

		<summary type="html">&lt;p&gt;Harri: Sync with finsl common.css&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Allt CSS sem sett er hér mun virka á öllum þemum. */&lt;br /&gt;
&lt;br /&gt;
#ca-talk {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#ca-nstab-main {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#ca-nstab-category {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#pt-mytalk {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body.page-Etusivu h1.firstHeading {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hiddenStructure {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable {&lt;br /&gt;
  display: table;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */&lt;br /&gt;
.tipsy {&lt;br /&gt;
  font-size: 0.8em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FX because of mobile layout */&lt;br /&gt;
li.ui-li-divider {&lt;br /&gt;
  font-size: 132%;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  list-style-type: none;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
  background-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body.ns-0.page-ForsÃ­Ã°a #firstHeading {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body.mediawiki,&lt;br /&gt;
.mediawiki div#mw-head {&lt;br /&gt;
  width: 70%;&lt;br /&gt;
  min-width: 970px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mediawiki div#mw-head {&lt;br /&gt;
  left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable div {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  padding-bottom: 2em;&lt;br /&gt;
  margin: 0.1em 0.6em;&lt;br /&gt;
  border-radius: 1.5em;&lt;br /&gt;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable p {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: 0;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable img {&lt;br /&gt;
  opacity: .9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable a {&lt;br /&gt;
  color: black;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbnail {&lt;br /&gt;
  background: url(&amp;quot;/images/img_bg.png&amp;quot;) no-repeat scroll 0 0 transparent;&lt;br /&gt;
  height: 220px;&lt;br /&gt;
  padding: 1px;&lt;br /&gt;
  width: 226px;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  float: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#limited_pic {&lt;br /&gt;
  border: 0 none;&lt;br /&gt;
  height: 180px;&lt;br /&gt;
  margin-left: 15px;&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  width: 200px;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
img {&lt;br /&gt;
  border: 0 solid #333333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption {&lt;br /&gt;
  background-image: url(&amp;quot;/images/blackbar.png&amp;quot;);&lt;br /&gt;
  color: #FFFFFF;&lt;br /&gt;
  font-family: Verdana, Arial, sans-serif;&lt;br /&gt;
  font-size: 80%;&lt;br /&gt;
  height: 25px;&lt;br /&gt;
  line-height: 1em;&lt;br /&gt;
  margin-left: 15px;&lt;br /&gt;
  margin-top: -30px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  padding-top: 7px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  width: 200px;&lt;br /&gt;
  z-index: 3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption a:link,&lt;br /&gt;
#caption a:visited,&lt;br /&gt;
#caption a:hover {&lt;br /&gt;
  color: #FFFFFF;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories ul,&lt;br /&gt;
#mw-pages ul {&lt;br /&gt;
  line-height: normal;&lt;br /&gt;
  margin: 0px;&lt;br /&gt;
  clear: both;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories ul li,&lt;br /&gt;
#mw-pages ul li {&lt;br /&gt;
&lt;br /&gt;
  line-height: 24px;&lt;br /&gt;
  margin-left: 5px;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 3px 15px;&lt;br /&gt;
  display: inline-block&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories ul li.ui-li-divider,&lt;br /&gt;
#mw-pages ul li.ui-li-divider {&lt;br /&gt;
  cursor: default;&lt;br /&gt;
  margin: 0 0 3px 0;&lt;br /&gt;
  border-bottom: 1px solid #AAAAAA;&lt;br /&gt;
  font-size: 1.3em;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  clear: both;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories,&lt;br /&gt;
#mw-pages {&lt;br /&gt;
  clear: both;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.leftfloat {&lt;br /&gt;
  float: left;&lt;br /&gt;
  clear: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.clboth {&lt;br /&gt;
  clear: both;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.clearbo {&lt;br /&gt;
  clear: both;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-slogan {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: 10.5em;&lt;br /&gt;
  top: 0.2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#slogan {&lt;br /&gt;
  font-size: 1em;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  color: #727272;&lt;br /&gt;
  font-family: Myriad Pro;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div#mw-panel div.portal div.body ul li {&lt;br /&gt;
  font-size: 0.9em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div#mw-panel div.portal h5 {&lt;br /&gt;
  font-size: 0.9em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.os-suggest-results {&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infoboxtakn {&lt;br /&gt;
  width: 250px;&lt;br /&gt;
  background-color: white;&lt;br /&gt;
  float: right;&lt;br /&gt;
  clear: right;&lt;br /&gt;
  margin: -1em 0 1em 1em;&lt;br /&gt;
  border: 1px solid;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  padding: 12px 12px 12px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.boxheader {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  line-height: 1.5em;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Mobile.css&amp;diff=14638</id>
		<title>MediaWiki:Mobile.css</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Mobile.css&amp;diff=14638"/>
		<updated>2023-10-16T15:35:55Z</updated>

		<summary type="html">&lt;p&gt;Harri: Sync with finsl mobile.css&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* All CSS here will be loaded for users of the mobile site */&lt;br /&gt;
&lt;br /&gt;
.hiddenStructure {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable {&lt;br /&gt;
  display: table;&lt;br /&gt;
  table-layout: fixed;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable div {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  padding-bottom: 2em;&lt;br /&gt;
  margin: 0.1em 0.6em;&lt;br /&gt;
  border-radius: 1.5em;&lt;br /&gt;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable p {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: 0;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable img {&lt;br /&gt;
  opacity: .9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable a {&lt;br /&gt;
  color: black;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbnail {&lt;br /&gt;
  background: url(&amp;quot;/images/img_bg.png&amp;quot;) no-repeat scroll 0 0 transparent;&lt;br /&gt;
  height: 220px;&lt;br /&gt;
  padding: 1px;&lt;br /&gt;
  width: 226px;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  float: left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#limited_pic {&lt;br /&gt;
  border: 0 none;&lt;br /&gt;
  height: 180px;&lt;br /&gt;
  margin-left: 15px;&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  width: 200px;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
img {&lt;br /&gt;
  border: 0 solid #333333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption {&lt;br /&gt;
  background-image: url(&amp;quot;/images/blackbar.png&amp;quot;);&lt;br /&gt;
  color: #FFFFFF;&lt;br /&gt;
  font-family: Verdana, Arial, sans-serif;&lt;br /&gt;
  font-size: 80%;&lt;br /&gt;
  height: 25px;&lt;br /&gt;
  line-height: 1em;&lt;br /&gt;
  margin-left: 15px;&lt;br /&gt;
  margin-top: -30px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  padding-top: 7px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  width: 200px;&lt;br /&gt;
  z-index: 3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption a:link,&lt;br /&gt;
#caption a:visited,&lt;br /&gt;
#caption a:hover {&lt;br /&gt;
  color: #FFFFFF;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infoboxtakn {&lt;br /&gt;
  width: 250px;&lt;br /&gt;
  background-color: white;&lt;br /&gt;
  float: left;&lt;br /&gt;
  clear: left;&lt;br /&gt;
  margin: -1em 0 1em 1em;&lt;br /&gt;
  border: 1px solid;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  padding: 12px 12px 12px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.boxheader {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  line-height: 1.5em;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Mobile.css&amp;diff=14607</id>
		<title>MediaWiki:Mobile.css</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Mobile.css&amp;diff=14607"/>
		<updated>2023-09-07T11:45:41Z</updated>

		<summary type="html">&lt;p&gt;Harri: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* All CSS here will be loaded for users of the mobile site */&lt;br /&gt;
&lt;br /&gt;
.hiddenStructure {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable div{&lt;br /&gt;
&lt;br /&gt;
   margin: 1px 10px;&lt;br /&gt;
  -moz-border-radius: 25px;&lt;br /&gt;
  -webkit-border-radius: 25px;&lt;br /&gt;
  -o-border-radius: 25px;&lt;br /&gt;
  -ms-border-radius: 25px;&lt;br /&gt;
  -khtml-border-radius: 25px;&lt;br /&gt;
  border-radius: 25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable div{&lt;br /&gt;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */&lt;br /&gt;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */&lt;br /&gt;
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */&lt;br /&gt;
  background: -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */&lt;br /&gt;
  background: -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* IE10+ */&lt;br /&gt;
  background: linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* W3C */&lt;br /&gt;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#039;#33ffffff&#039;, endColorstr=&#039;#00ffffff&#039;,GradientType=0 ); /* IE6-9 */&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable p&lt;br /&gt;
{ &lt;br /&gt;
position: absolute; bottom: 0; width: 100%;&lt;br /&gt;
}&lt;br /&gt;
#frontTable div{position:relative; padding-bottom: 2em;}&lt;br /&gt;
#frontTable a img{&lt;br /&gt;
  opacity: .9;&lt;br /&gt;
}&lt;br /&gt;
#frontTable a {&lt;br /&gt;
  color: black;&lt;br /&gt;
}&lt;br /&gt;
.thumbnail {&lt;br /&gt;
    background: url(&amp;quot;/images/img_bg.png&amp;quot;) no-repeat scroll 0 0 transparent;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
    padding: 1px;&lt;br /&gt;
    width: 226px;&lt;br /&gt;
    z-index: 1;&lt;br /&gt;
    float:left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#limited_pic {&lt;br /&gt;
    border: 0 none;&lt;br /&gt;
    height: 180px;&lt;br /&gt;
    margin-left: 15px;&lt;br /&gt;
    margin-top: 10px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
img {&lt;br /&gt;
    border: 0 solid #333333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption {&lt;br /&gt;
    background-image: url(&amp;quot;/images/blackbar.png&amp;quot;);&lt;br /&gt;
    color: #FFFFFF;&lt;br /&gt;
    font-family: Verdana,Arial,sans-serif;&lt;br /&gt;
    font-size: 80%;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
    margin-left: 15px;&lt;br /&gt;
    margin-top: -30px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    padding-top: 7px;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption a:link, #caption a:visited, #caption a:hover {&lt;br /&gt;
    color: #FFFFFF;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infoboxtakn{&lt;br /&gt;
 width:250px;&lt;br /&gt;
 background-color:white;&lt;br /&gt;
 float:left;&lt;br /&gt;
 clear:left;&lt;br /&gt;
 margin:-1em 0 1em 1em;&lt;br /&gt;
 border:1px solid;&lt;br /&gt;
 -moz-border-radius:12px;&lt;br /&gt;
 padding:12px 12px 12px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.boxheader&lt;br /&gt;
{&lt;br /&gt;
 text-align:center;font-size:16px;font-weight:bold;line-height:1.5em;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Mobile.css&amp;diff=14606</id>
		<title>MediaWiki:Mobile.css</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Mobile.css&amp;diff=14606"/>
		<updated>2023-09-07T11:44:17Z</updated>

		<summary type="html">&lt;p&gt;Harri: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* All CSS here will be loaded for users of the mobile site */&lt;br /&gt;
&lt;br /&gt;
.hiddenStructure {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable div{&lt;br /&gt;
&lt;br /&gt;
   margin: 1px 10px;&lt;br /&gt;
  -moz-border-radius: 25px;&lt;br /&gt;
  -webkit-border-radius: 25px;&lt;br /&gt;
  -o-border-radius: 25px;&lt;br /&gt;
  -ms-border-radius: 25px;&lt;br /&gt;
  -khtml-border-radius: 25px;&lt;br /&gt;
  border-radius: 25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable div{&lt;br /&gt;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */&lt;br /&gt;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */&lt;br /&gt;
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */&lt;br /&gt;
  background: -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */&lt;br /&gt;
  background: -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* IE10+ */&lt;br /&gt;
  background: linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* W3C */&lt;br /&gt;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#039;#33ffffff&#039;, endColorstr=&#039;#00ffffff&#039;,GradientType=0 ); /* IE6-9 */&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable p&lt;br /&gt;
{ &lt;br /&gt;
position: absolute; bottom: 0; width: 100%;&lt;br /&gt;
}&lt;br /&gt;
#frontTable div{position:relative; padding-bottom: 2em;}&lt;br /&gt;
#frontTable a img{&lt;br /&gt;
  opacity: .9;&lt;br /&gt;
}&lt;br /&gt;
#frontTable a {&lt;br /&gt;
  color: black;&lt;br /&gt;
}&lt;br /&gt;
.thumbnail {&lt;br /&gt;
    background: url(&amp;quot;/images/img_bg.png&amp;quot;) no-repeat scroll 0 0 transparent;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
    padding: 1px;&lt;br /&gt;
    width: 226px;&lt;br /&gt;
    z-index: 1;&lt;br /&gt;
    float:left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#limited_pic {&lt;br /&gt;
    border: 0 none;&lt;br /&gt;
    height: 180px;&lt;br /&gt;
    margin-left: 15px;&lt;br /&gt;
    margin-top: 10px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
img {&lt;br /&gt;
    border: 0 solid #333333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption {&lt;br /&gt;
    background-image: url(&amp;quot;/images/blackbar.png&amp;quot;);&lt;br /&gt;
    color: #FFFFFF;&lt;br /&gt;
    font-family: Verdana,Arial,sans-serif;&lt;br /&gt;
    font-size: 80%;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
    margin-left: 15px;&lt;br /&gt;
    margin-top: -30px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    padding-top: 7px;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption a:link, #caption a:visited, #caption a:hover {&lt;br /&gt;
    color: #FFFFFF;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infoboxtakn{&lt;br /&gt;
 width:250px;&lt;br /&gt;
 background-color:white;&lt;br /&gt;
 margin:-1em 0 1em 1em;&lt;br /&gt;
 border:1px solid;&lt;br /&gt;
 -moz-border-radius:12px;&lt;br /&gt;
 padding:12px 12px 12px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.boxheader&lt;br /&gt;
{&lt;br /&gt;
 text-align:center;font-size:16px;font-weight:bold;line-height:1.5em;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Mobile.css&amp;diff=14605</id>
		<title>MediaWiki:Mobile.css</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Mobile.css&amp;diff=14605"/>
		<updated>2023-09-07T11:43:06Z</updated>

		<summary type="html">&lt;p&gt;Harri: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* All CSS here will be loaded for users of the mobile site */&lt;br /&gt;
&lt;br /&gt;
.hiddenStructure {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable div{&lt;br /&gt;
&lt;br /&gt;
   margin: 1px 10px;&lt;br /&gt;
  -moz-border-radius: 25px;&lt;br /&gt;
  -webkit-border-radius: 25px;&lt;br /&gt;
  -o-border-radius: 25px;&lt;br /&gt;
  -ms-border-radius: 25px;&lt;br /&gt;
  -khtml-border-radius: 25px;&lt;br /&gt;
  border-radius: 25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable div{&lt;br /&gt;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */&lt;br /&gt;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */&lt;br /&gt;
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */&lt;br /&gt;
  background: -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */&lt;br /&gt;
  background: -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* IE10+ */&lt;br /&gt;
  background: linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* W3C */&lt;br /&gt;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#039;#33ffffff&#039;, endColorstr=&#039;#00ffffff&#039;,GradientType=0 ); /* IE6-9 */&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable p&lt;br /&gt;
{ &lt;br /&gt;
position: absolute; bottom: 0; width: 100%;&lt;br /&gt;
}&lt;br /&gt;
#frontTable div{position:relative; padding-bottom: 2em;}&lt;br /&gt;
#frontTable a img{&lt;br /&gt;
  opacity: .9;&lt;br /&gt;
}&lt;br /&gt;
#frontTable a {&lt;br /&gt;
  color: black;&lt;br /&gt;
}&lt;br /&gt;
.thumbnail {&lt;br /&gt;
    background: url(&amp;quot;/images/img_bg.png&amp;quot;) no-repeat scroll 0 0 transparent;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
    padding: 1px;&lt;br /&gt;
    width: 226px;&lt;br /&gt;
    z-index: 1;&lt;br /&gt;
    float:left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#limited_pic {&lt;br /&gt;
    border: 0 none;&lt;br /&gt;
    height: 180px;&lt;br /&gt;
    margin-left: 15px;&lt;br /&gt;
    margin-top: 10px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
img {&lt;br /&gt;
    border: 0 solid #333333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption {&lt;br /&gt;
    background-image: url(&amp;quot;/images/blackbar.png&amp;quot;);&lt;br /&gt;
    color: #FFFFFF;&lt;br /&gt;
    font-family: Verdana,Arial,sans-serif;&lt;br /&gt;
    font-size: 80%;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
    margin-left: 15px;&lt;br /&gt;
    margin-top: -30px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    padding-top: 7px;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption a:link, #caption a:visited, #caption a:hover {&lt;br /&gt;
    color: #FFFFFF;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infoboxtakn{&lt;br /&gt;
 width:250px;&lt;br /&gt;
 background-color:white;&lt;br /&gt;
 float:right;&lt;br /&gt;
 clear:right;&lt;br /&gt;
 margin:-1em 0 1em 1em;&lt;br /&gt;
 border:1px solid;&lt;br /&gt;
 -moz-border-radius:12px;&lt;br /&gt;
 padding:12px 12px 12px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.boxheader&lt;br /&gt;
{&lt;br /&gt;
 text-align:center;font-size:16px;font-weight:bold;line-height:1.5em;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Mobile.css&amp;diff=14604</id>
		<title>MediaWiki:Mobile.css</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Mobile.css&amp;diff=14604"/>
		<updated>2023-09-07T11:41:55Z</updated>

		<summary type="html">&lt;p&gt;Harri: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* All CSS here will be loaded for users of the mobile site */&lt;br /&gt;
&lt;br /&gt;
#frontTable div{&lt;br /&gt;
&lt;br /&gt;
   margin: 1px 10px;&lt;br /&gt;
  -moz-border-radius: 25px;&lt;br /&gt;
  -webkit-border-radius: 25px;&lt;br /&gt;
  -o-border-radius: 25px;&lt;br /&gt;
  -ms-border-radius: 25px;&lt;br /&gt;
  -khtml-border-radius: 25px;&lt;br /&gt;
  border-radius: 25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable div{&lt;br /&gt;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */&lt;br /&gt;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */&lt;br /&gt;
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */&lt;br /&gt;
  background: -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */&lt;br /&gt;
  background: -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* IE10+ */&lt;br /&gt;
  background: linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* W3C */&lt;br /&gt;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#039;#33ffffff&#039;, endColorstr=&#039;#00ffffff&#039;,GradientType=0 ); /* IE6-9 */&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable p&lt;br /&gt;
{ &lt;br /&gt;
position: absolute; bottom: 0; width: 100%;&lt;br /&gt;
}&lt;br /&gt;
#frontTable div{position:relative; padding-bottom: 2em;}&lt;br /&gt;
#frontTable a img{&lt;br /&gt;
  opacity: .9;&lt;br /&gt;
}&lt;br /&gt;
#frontTable a {&lt;br /&gt;
  color: black;&lt;br /&gt;
}&lt;br /&gt;
.thumbnail {&lt;br /&gt;
    background: url(&amp;quot;/images/img_bg.png&amp;quot;) no-repeat scroll 0 0 transparent;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
    padding: 1px;&lt;br /&gt;
    width: 226px;&lt;br /&gt;
    z-index: 1;&lt;br /&gt;
    float:left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#limited_pic {&lt;br /&gt;
    border: 0 none;&lt;br /&gt;
    height: 180px;&lt;br /&gt;
    margin-left: 15px;&lt;br /&gt;
    margin-top: 10px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
img {&lt;br /&gt;
    border: 0 solid #333333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption {&lt;br /&gt;
    background-image: url(&amp;quot;/images/blackbar.png&amp;quot;);&lt;br /&gt;
    color: #FFFFFF;&lt;br /&gt;
    font-family: Verdana,Arial,sans-serif;&lt;br /&gt;
    font-size: 80%;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
    margin-left: 15px;&lt;br /&gt;
    margin-top: -30px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    padding-top: 7px;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption a:link, #caption a:visited, #caption a:hover {&lt;br /&gt;
    color: #FFFFFF;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infoboxtakn{&lt;br /&gt;
 width:250px;&lt;br /&gt;
 background-color:white;&lt;br /&gt;
 float:right;&lt;br /&gt;
 clear:right;&lt;br /&gt;
 margin:-1em 0 1em 1em;&lt;br /&gt;
 border:1px solid;&lt;br /&gt;
 -moz-border-radius:12px;&lt;br /&gt;
 padding:12px 12px 12px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.boxheader&lt;br /&gt;
{&lt;br /&gt;
 text-align:center;font-size:16px;font-weight:bold;line-height:1.5em;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Mobile.css&amp;diff=14603</id>
		<title>MediaWiki:Mobile.css</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Mobile.css&amp;diff=14603"/>
		<updated>2023-09-07T11:26:23Z</updated>

		<summary type="html">&lt;p&gt;Harri: Skapade sidan med &amp;#039;/* All CSS here will be loaded for users of the mobile site */  #frontTable div{     margin: 1px 10px;   -moz-border-radius: 25px;   -webkit-border-radius: 25px;   -o-border-r...&amp;#039;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* All CSS here will be loaded for users of the mobile site */&lt;br /&gt;
&lt;br /&gt;
#frontTable div{&lt;br /&gt;
&lt;br /&gt;
   margin: 1px 10px;&lt;br /&gt;
  -moz-border-radius: 25px;&lt;br /&gt;
  -webkit-border-radius: 25px;&lt;br /&gt;
  -o-border-radius: 25px;&lt;br /&gt;
  -ms-border-radius: 25px;&lt;br /&gt;
  -khtml-border-radius: 25px;&lt;br /&gt;
  border-radius: 25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable div{&lt;br /&gt;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */&lt;br /&gt;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */&lt;br /&gt;
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */&lt;br /&gt;
  background: -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */&lt;br /&gt;
  background: -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* IE10+ */&lt;br /&gt;
  background: linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* W3C */&lt;br /&gt;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#039;#33ffffff&#039;, endColorstr=&#039;#00ffffff&#039;,GradientType=0 ); /* IE6-9 */&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable p&lt;br /&gt;
{ &lt;br /&gt;
position: absolute; bottom: 0; width: 100%;&lt;br /&gt;
}&lt;br /&gt;
#frontTable div{position:relative; padding-bottom: 2em;}&lt;br /&gt;
#frontTable a img{&lt;br /&gt;
  opacity: .9;&lt;br /&gt;
}&lt;br /&gt;
#frontTable a {&lt;br /&gt;
  color: black;&lt;br /&gt;
}&lt;br /&gt;
.thumbnail {&lt;br /&gt;
    background: url(&amp;quot;/images/img_bg.png&amp;quot;) no-repeat scroll 0 0 transparent;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
    padding: 1px;&lt;br /&gt;
    width: 226px;&lt;br /&gt;
    z-index: 1;&lt;br /&gt;
    float:left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#limited_pic {&lt;br /&gt;
    border: 0 none;&lt;br /&gt;
    height: 180px;&lt;br /&gt;
    margin-left: 15px;&lt;br /&gt;
    margin-top: 10px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
img {&lt;br /&gt;
    border: 0 solid #333333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption {&lt;br /&gt;
    background-image: url(&amp;quot;/images/blackbar.png&amp;quot;);&lt;br /&gt;
    color: #FFFFFF;&lt;br /&gt;
    font-family: Verdana,Arial,sans-serif;&lt;br /&gt;
    font-size: 80%;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
    margin-left: 15px;&lt;br /&gt;
    margin-top: -30px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    padding-top: 7px;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption a:link, #caption a:visited, #caption a:hover {&lt;br /&gt;
    color: #FFFFFF;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Common.css&amp;diff=14602</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Common.css&amp;diff=14602"/>
		<updated>2023-09-07T11:10:08Z</updated>

		<summary type="html">&lt;p&gt;Harri: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Allt CSS sem sett er hér mun virka á öllum þemum. */&lt;br /&gt;
&lt;br /&gt;
#ca-talk { display:none!important; }&lt;br /&gt;
#ca-nstab-main { display: none !important; }&lt;br /&gt;
#ca-nstab-category { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
#pt-mytalk { display:none!important; }&lt;br /&gt;
&lt;br /&gt;
body.page-Huvudsida h1.firstHeading { display:none; }&lt;br /&gt;
.hiddenStructure {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */&lt;br /&gt;
.tipsy {&lt;br /&gt;
  font-size: 0.8em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* FX because of mobile layout */&lt;br /&gt;
li.ui-li-divider {&lt;br /&gt;
  font-size: 132%;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  list-style-type: none;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
  background-image: none;&lt;br /&gt;
}&lt;br /&gt;
body.ns-0.page-ForsÃ­Ã°a #firstHeading{ display: none;}&lt;br /&gt;
body.mediawiki,&lt;br /&gt;
.mediawiki div#mw-head{ width: 70%; min-width: 970px;}&lt;br /&gt;
.mediawiki div#mw-head{ left: 0;}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#frontTable div{&lt;br /&gt;
&lt;br /&gt;
   margin: 1px 10px;&lt;br /&gt;
  -moz-border-radius: 25px;&lt;br /&gt;
  -webkit-border-radius: 25px;&lt;br /&gt;
  -o-border-radius: 25px;&lt;br /&gt;
  -ms-border-radius: 25px;&lt;br /&gt;
  -khtml-border-radius: 25px;&lt;br /&gt;
  border-radius: 25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable div{&lt;br /&gt;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */&lt;br /&gt;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */&lt;br /&gt;
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */&lt;br /&gt;
  background: -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */&lt;br /&gt;
  background: -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* IE10+ */&lt;br /&gt;
  background: linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); /* W3C */&lt;br /&gt;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#039;#33ffffff&#039;, endColorstr=&#039;#00ffffff&#039;,GradientType=0 ); /* IE6-9 */&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#frontTable p&lt;br /&gt;
{ &lt;br /&gt;
position: absolute; bottom: 0; width: 100%;&lt;br /&gt;
}&lt;br /&gt;
#frontTable div{position:relative; padding-bottom: 2em;}&lt;br /&gt;
#frontTable a img{&lt;br /&gt;
  opacity: .9;&lt;br /&gt;
}&lt;br /&gt;
#frontTable a {&lt;br /&gt;
  color: black;&lt;br /&gt;
}&lt;br /&gt;
.thumbnail {&lt;br /&gt;
    background: url(&amp;quot;/images/img_bg.png&amp;quot;) no-repeat scroll 0 0 transparent;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
    padding: 1px;&lt;br /&gt;
    width: 226px;&lt;br /&gt;
    z-index: 1;&lt;br /&gt;
    float:left;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#limited_pic {&lt;br /&gt;
    border: 0 none;&lt;br /&gt;
    height: 180px;&lt;br /&gt;
    margin-left: 15px;&lt;br /&gt;
    margin-top: 10px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
img {&lt;br /&gt;
    border: 0 solid #333333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption {&lt;br /&gt;
    background-image: url(&amp;quot;/images/blackbar.png&amp;quot;);&lt;br /&gt;
    color: #FFFFFF;&lt;br /&gt;
    font-family: Verdana,Arial,sans-serif;&lt;br /&gt;
    font-size: 80%;&lt;br /&gt;
    height: 25px;&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
    margin-left: 15px;&lt;br /&gt;
    margin-top: -30px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    padding-top: 7px;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#caption a:link, #caption a:visited, #caption a:hover {&lt;br /&gt;
    color: #FFFFFF;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories ul, #mw-pages ul{&lt;br /&gt;
       line-height: normal;&lt;br /&gt;
       margin: 0px;&lt;br /&gt;
       clear:both;&lt;br /&gt;
       width:100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories  ul li, #mw-pages ul li {&lt;br /&gt;
&lt;br /&gt;
        line-height: 24px;&lt;br /&gt;
        margin-left: 5px;&lt;br /&gt;
        list-style: none;&lt;br /&gt;
        //float:left;&lt;br /&gt;
        margin: 0 0 3px 15px;&lt;br /&gt;
        display: inline-block&lt;br /&gt;
}&lt;br /&gt;
#mw-subcategories  ul li.ui-li-divider, #mw-pages  ul li.ui-li-divider  {&lt;br /&gt;
  cursor: default;&lt;br /&gt;
  margin: 0 0 3px 0;&lt;br /&gt;
  border-bottom: 1px solid #AAAAAA;&lt;br /&gt;
  font-size: 1.3em;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  clear:both;&lt;br /&gt;
  width:100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories, #mw-pages {&lt;br /&gt;
  clear:both;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.leftfloat { &lt;br /&gt;
 float:left;&lt;br /&gt;
 clear: right;&lt;br /&gt;
}&lt;br /&gt;
.clboth{&lt;br /&gt;
	clear: both;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.clearbo&lt;br /&gt;
{&lt;br /&gt;
	clear: both;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#p-slogan {&lt;br /&gt;
	position: absolute;&lt;br /&gt;
	left: 10.5em;&lt;br /&gt;
	top: 0.2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#slogan { &lt;br /&gt;
	font-size: 1em;&lt;br /&gt;
	font-style: italic;&lt;br /&gt;
	color: #727272;&lt;br /&gt;
        font-family: Myriad Pro;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div#mw-panel div.portal div.body ul li {&lt;br /&gt;
        font-size: 0.9em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div#mw-panel div.portal h5 {&lt;br /&gt;
        font-size: 0.9em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.os-suggest-results {&lt;br /&gt;
       font-size: 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infoboxtakn{&lt;br /&gt;
 width:250px;&lt;br /&gt;
 background-color:white;&lt;br /&gt;
 float:right;&lt;br /&gt;
 clear:right;&lt;br /&gt;
 margin:-1em 0 1em 1em;&lt;br /&gt;
 border:1px solid;&lt;br /&gt;
 -moz-border-radius:12px;&lt;br /&gt;
 padding:12px 12px 12px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.boxheader&lt;br /&gt;
{&lt;br /&gt;
 text-align:center;font-size:16px;font-weight:bold;line-height:1.5em;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Mall:Listsignimage&amp;diff=14354</id>
		<title>Mall:Listsignimage</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Mall:Listsignimage&amp;diff=14354"/>
		<updated>2022-12-16T10:50:56Z</updated>

		<summary type="html">&lt;p&gt;Harri: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{#if:{{{title|}}}|== {{{title}}} ==| }}&lt;br /&gt;
{{#arraymap:{{{sign|}}}|,|%|&amp;lt;div class=&amp;quot;thumbnail&amp;quot;&amp;gt;&amp;lt;div id=&amp;quot;limited_pic&amp;quot;&amp;gt;[[Image:{{#show: %| ?Sign image}}|x150px|centre|link=%]]&amp;lt;/div&amp;gt;&amp;lt;div id=caption&amp;gt;[[List::{{ucfirst:%}}]]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;|}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;noinclude&amp;gt;&lt;br /&gt;
==Usage==&lt;br /&gt;
&amp;lt;pre&amp;gt;&amp;lt;nowiki&amp;gt;&lt;br /&gt;
{{Listsignimage&lt;br /&gt;
|sign=&lt;br /&gt;
|title=&lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;/nowiki&amp;gt;&amp;lt;/pre&amp;gt;&lt;br /&gt;
&amp;lt;/noinclude&amp;gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Mall:Currentsigns&amp;diff=14353</id>
		<title>Mall:Currentsigns</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Mall:Currentsigns&amp;diff=14353"/>
		<updated>2022-12-16T10:49:34Z</updated>

		<summary type="html">&lt;p&gt;Harri: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{| class=&amp;quot;wikitable&amp;quot; style=&amp;quot;margin: auto; margin-top: 15px;&amp;quot;&lt;br /&gt;
!|Aktuellt&lt;br /&gt;
|-&lt;br /&gt;
|{{Listsignimage|sign=sol, sommar, maj}}&lt;br /&gt;
|}&lt;br /&gt;
Uppdaterad {{REVISIONDAY: Template:Currentsigns}}.{{REVISIONMONTH1: Template:Currentsigns}}.{{REVISIONYEAR: Template:Currentsigns}}&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Huvudsida&amp;diff=14352</id>
		<title>Huvudsida</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Huvudsida&amp;diff=14352"/>
		<updated>2022-12-16T10:35:22Z</updated>

		<summary type="html">&lt;p&gt;Harri: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;table id=&amp;quot;frontTable&amp;quot; border=&amp;quot;0&amp;quot; cellspacing=&amp;quot;5&amp;quot; cellpadding=&amp;quot;1&amp;quot; width=&amp;quot;100%&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#957DAD;&amp;quot;&amp;gt;&lt;br /&gt;
                [[Image:033406-rounded-glossy-black-icon-culture-globe-clear-sc44.png|70px|link=Info]]&amp;lt;p&amp;gt;[[Info|&#039;&#039;&#039;Info&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#E0BBE4;&amp;quot;&amp;gt;&lt;br /&gt;
                [[Image:colors_icon.png|70px|link=:Category:Vardagsuttryck]]&amp;lt;p&amp;gt;[[:Category:Vardagsuttryck|&#039;&#039;&#039;Vardagsuttryck&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;/tr&amp;gt;&lt;br /&gt;
    &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#FEC8D8;&amp;quot;&amp;gt;[[Image:Icons_dictionary.png|70px|link=:Category:Ordbok A-Ö]]&amp;lt;p&amp;gt;[[:Category:Ordbok A-Ö|&#039;&#039;&#039;Ordbok&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#FFDFD3;&amp;quot;&amp;gt;&lt;br /&gt;
                [[File:Icon categories.png|70px|link=:Kategori:Ordbok]]&amp;lt;p&amp;gt;[[:Kategori:Ordbok|&#039;&#039;&#039;Kategorier&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;/tr&amp;gt;&lt;br /&gt;
    &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#CBF2B8;&amp;quot;&amp;gt;&lt;br /&gt;
                [[Image:Icon kids.png|70px|link=Category:För_barn_och_familjer]]&amp;lt;p&amp;gt;[[:Category:För_barn_och_familjer|&#039;&#039;&#039;För barn och familjer&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#CBC7DD;&amp;quot;&amp;gt;&lt;br /&gt;
                [[Image:Icon resources.png|70px|link=Category:Artiklar]]&amp;lt;p&amp;gt;[[:Category:Artiklar|&#039;&#039;&#039;Artiklar&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;/tr&amp;gt;&lt;br /&gt;
    &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#FFDFBD;&amp;quot;&amp;gt;&lt;br /&gt;
                [[Image:People_icon.svg|70px|link=Category:Berättelser_och_samtal]]&amp;lt;p&amp;gt;[[:Category:Berättelser och samtal|&#039;&#039;&#039;Berättelser och samtal&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#FFFAB0;&amp;quot;&amp;gt;&lt;br /&gt;
                [[Image:Icon quiz.png|70px|link=Category:Frågesporter]]&amp;lt;p&amp;gt;[[:Category:Frågesporter|&#039;&#039;&#039;Frågesporter&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;/tr&amp;gt;&lt;br /&gt;
    &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#BAEEE5;&amp;quot;&amp;gt;&lt;br /&gt;
                [[Image:Info icon.png|70px|link=SignWiki:About]]&amp;lt;p&amp;gt;[[SignWiki:About|&#039;&#039;&#039;Information om SignWiki&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
{{Currentsigns}}&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;[[Image:Flag of Finland with border.svg|centre|250px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;text-align:center;font-family:Trebuchet MS;  font-size: 14px;color:##915B51&amp;quot;&amp;gt;&#039;&#039;&#039;Wikiordbok i finlandssvenskt teckenspråk - information och material på nätet.&#039;&#039;&#039;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;text-align:center;font-family:Trebuchet MS;  font-size: 12px;color:##915B51&amp;quot;&amp;gt;[[Nya_tecken|&#039;&#039;&#039;SignWiki i finlandssvenskt teckenspråk innehåller nu {{PAGESINCATEGORY:Ordbok A-Ö|R}} tecken.]]&#039;&#039;&#039;&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Huvudsida&amp;diff=14351</id>
		<title>Huvudsida</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Huvudsida&amp;diff=14351"/>
		<updated>2022-12-16T10:33:39Z</updated>

		<summary type="html">&lt;p&gt;Harri: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;table id=&amp;quot;frontTable&amp;quot; border=&amp;quot;0&amp;quot; cellspacing=&amp;quot;5&amp;quot; cellpadding=&amp;quot;1&amp;quot; width=&amp;quot;100%&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#957DAD;&amp;quot;&amp;gt;&lt;br /&gt;
                [[Image:033406-rounded-glossy-black-icon-culture-globe-clear-sc44.png|70px|link=Info]]&amp;lt;p&amp;gt;[[Info|&#039;&#039;&#039;Info&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#E0BBE4;&amp;quot;&amp;gt;&lt;br /&gt;
                [[Image:colors_icon.png|70px|link=:Category:Vardagsuttryck]]&amp;lt;p&amp;gt;[[:Category:Vardagsuttryck|&#039;&#039;&#039;Vardagsuttryck&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;/tr&amp;gt;&lt;br /&gt;
    &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#FEC8D8;&amp;quot;&amp;gt;[[Image:Icons_dictionary.png|70px|link=:Category:Ordbok A-Ö]]&amp;lt;p&amp;gt;[[:Category:Ordbok A-Ö|&#039;&#039;&#039;Ordbok&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#FFDFD3;&amp;quot;&amp;gt;&lt;br /&gt;
                [[File:Icon categories.png|70px|link=:Kategori:Ordbok]]&amp;lt;p&amp;gt;[[:Kategori:Ordbok|&#039;&#039;&#039;Kategorier&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;/tr&amp;gt;&lt;br /&gt;
    &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#CBF2B8;&amp;quot;&amp;gt;&lt;br /&gt;
                [[Image:Icon kids.png|70px|link=Category:För_barn_och_familjer]]&amp;lt;p&amp;gt;[[:Category:För_barn_och_familjer|&#039;&#039;&#039;För barn och familjer&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#CBC7DD;&amp;quot;&amp;gt;&lt;br /&gt;
                [[Image:Icon resources.png|70px|link=Category:Artiklar]]&amp;lt;p&amp;gt;[[:Category:Artiklar|&#039;&#039;&#039;Artiklar&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;/tr&amp;gt;&lt;br /&gt;
    &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#FFDFBD;&amp;quot;&amp;gt;&lt;br /&gt;
                [[Image:People_icon.svg|70px|link=Category:Berättelser_och_samtal]]&amp;lt;p&amp;gt;[[:Category:Berättelser och samtal|&#039;&#039;&#039;Berättelser och samtal&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#FFFAB0;&amp;quot;&amp;gt;&lt;br /&gt;
                [[Image:Icon quiz.png|70px|link=Category:Frågesporter]]&amp;lt;p&amp;gt;[[:Category:Frågesporter|&#039;&#039;&#039;Frågesporter&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;/tr&amp;gt;&lt;br /&gt;
    &amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;td&amp;gt;&lt;br /&gt;
            &amp;lt;div style=&amp;quot;background-color:#BAEEE5;&amp;quot;&amp;gt;&lt;br /&gt;
                [[Image:Info icon.png|70px|link=SignWiki:About]]&amp;lt;p&amp;gt;[[SignWiki:About|&#039;&#039;&#039;Information om SignWiki&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
{{Currentsigns}}&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;[[Image:Flag of Finland with border.svg|centre|250px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;text-align:center;font-family:Trebuchet MS;  font-size: 14px;color:##915B51&amp;quot;&amp;gt;&#039;&#039;&#039;Wikiordbok i finlandssvenskt teckenspråk - information och material på nätet.&#039;&#039;&#039;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;text-align:center;font-family:Trebuchet MS;  font-size: 12px;color:##915B51&amp;quot;&amp;gt;[[New Signs|&#039;&#039;&#039;SignWiki i finlandssvenskt teckenspråk innehåller nu {{PAGESINCATEGORY:Ordbok A-Ö|R}} tecken.]]&#039;&#039;&#039;&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Mall:AdditionalCategory&amp;diff=10206</id>
		<title>Mall:AdditionalCategory</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Mall:AdditionalCategory&amp;diff=10206"/>
		<updated>2021-02-15T10:04:50Z</updated>

		<summary type="html">&lt;p&gt;Harri: Fix additionalcategory&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;includeonly&amp;gt;{{#if:{{{additionalcategory|}}}|[[category:{{{additionalcategory}}}]]}}&amp;lt;/includeonly&amp;gt;&lt;br /&gt;
&amp;lt;noinclude&amp;gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Flip_flop&amp;diff=9957</id>
		<title>Flip flop</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Flip_flop&amp;diff=9957"/>
		<updated>2021-01-12T10:46:21Z</updated>

		<summary type="html">&lt;p&gt;Harri: Category:För barn och familjer&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Category:För barn och familjer]]&lt;br /&gt;
Dessa tecken är från boken Flip flop av Hannele Rabb. (Närmare information nedan)&lt;br /&gt;
&lt;br /&gt;
Tryck på Följande och Föregående och navigera till rätt teckenvideo för att se hur tecknet utförs.&lt;br /&gt;
&lt;br /&gt;
{{#widget:Flipflop}}&lt;br /&gt;
&lt;br /&gt;
[[Fil:Pärm_Flip_flop.jpg|thumb|120px]]&lt;br /&gt;
Boken innehåller flikar som kan bilda 823 543 olika meningar eller minisagor och läses uppifrån och ner. Den har svensk och finsk text samt ritade stödtecken och färgillustrationer. &lt;br /&gt;
&lt;br /&gt;
Boken kan beställas av Hannele Rabb, https://www.handlaget.fi/index.php/utgavor&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Flip_flop&amp;diff=9955</id>
		<title>Flip flop</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Flip_flop&amp;diff=9955"/>
		<updated>2021-01-11T08:58:00Z</updated>

		<summary type="html">&lt;p&gt;Harri: Add book cover&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Dessa tecken är från boken Flip flop av Hannele Rabb. (Närmare information nedan)&lt;br /&gt;
&lt;br /&gt;
Tryck på Följande och Föregående och navigera till rätt teckenvideo för att se hur tecknet utförs.&lt;br /&gt;
&lt;br /&gt;
{{#widget:Flipflop}}&lt;br /&gt;
&lt;br /&gt;
[[Fil:Pärm_Flip_flop.jpg|thumb|120px]]&lt;br /&gt;
Boken innehåller flikar som kan bilda 823 543 olika meningar eller minisagor och läses uppifrån och ner. Den har svensk och finsk text samt ritade stödtecken och färgillustrationer. &lt;br /&gt;
&lt;br /&gt;
Boken kan beställas av Hannele Rabb, https://www.handlaget.fi/index.php/utgavor&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Fil:P%C3%A4rm_Flip_flop.jpg&amp;diff=9954</id>
		<title>Fil:Pärm Flip flop.jpg</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Fil:P%C3%A4rm_Flip_flop.jpg&amp;diff=9954"/>
		<updated>2021-01-11T08:36:31Z</updated>

		<summary type="html">&lt;p&gt;Harri: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Widget:Flipflop&amp;diff=9940</id>
		<title>Widget:Flipflop</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Widget:Flipflop&amp;diff=9940"/>
		<updated>2021-01-01T10:36:29Z</updated>

		<summary type="html">&lt;p&gt;Harri: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;style&amp;gt;&lt;br /&gt;
.flipflopButton {&lt;br /&gt;
    color: #36b;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
.flipflopButton[disabled], .flipflopButton:disabled {&lt;br /&gt;
    color: grey;&lt;br /&gt;
    cursor: default;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
article.flipflop-book-instance {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: nowrap;&lt;br /&gt;
    justify-content: space-between;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    height: 150px;&lt;br /&gt;
    border-bottom: 1px solid grey;&lt;br /&gt;
    padding: 10px 0 10px 0;&lt;br /&gt;
    }&lt;br /&gt;
article.flipflop-book-instance:first-of-type {&lt;br /&gt;
    border-top: 1px solid grey;&lt;br /&gt;
}&lt;br /&gt;
 /* The Modal (background) */&lt;br /&gt;
.modal {&lt;br /&gt;
    display: none; /* Hidden by default */&lt;br /&gt;
    position: fixed; /* Stay in place */&lt;br /&gt;
    z-index: 1; /* Sit on top */&lt;br /&gt;
    left: 0;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    width: 100%; /* Full width */&lt;br /&gt;
    height: 100%; /* Full height */&lt;br /&gt;
    overflow: auto; /* Enable scroll if needed */&lt;br /&gt;
    background-color: rgb(0,0,0); /* Fallback color */&lt;br /&gt;
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Modal Content/Box */&lt;br /&gt;
.modal-content {&lt;br /&gt;
    background-color: #fefefe;&lt;br /&gt;
    margin: 15% auto; /* 15% from the top and centered */&lt;br /&gt;
    padding: 20px;&lt;br /&gt;
    border: 1px solid #888;&lt;br /&gt;
    width: 80%; /* Could be more or less, depending on screen size */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The Close Button */&lt;br /&gt;
.close {&lt;br /&gt;
    color: #aaa;&lt;br /&gt;
    float: right;&lt;br /&gt;
    font-size: 28px;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close:hover,&lt;br /&gt;
.close:focus {&lt;br /&gt;
    color: black;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div id=&amp;quot;flipflopapp&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;!-- FlipFlop Video Modal --&amp;gt;&lt;br /&gt;
    &amp;lt;div id=&amp;quot;playModal&amp;quot; class=&amp;quot;modal&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;!-- Video Player in Modal --&amp;gt;&lt;br /&gt;
        &amp;lt;div class=&amp;quot;modal-content&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;span class=&amp;quot;close&amp;quot;&amp;gt;&amp;amp;times;&amp;lt;/span&amp;gt;&lt;br /&gt;
            &amp;lt;p id=&amp;quot;video-title&amp;quot; style=&amp;quot;text-align:center;font-size:30px;&amp;quot;&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;video id=&amp;quot;flipflop&amp;quot;  controls autoplay style=&amp;quot;width:100%;max-height:480px&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;source src=&amp;quot;&amp;quot; type=&amp;quot;&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;p&amp;gt;Your browser does not support the video tag.&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/video&amp;gt;&lt;br /&gt;
            &amp;lt;div id=&amp;quot;playback-speed&amp;quot; style=&amp;quot;text-align: center;margin-top: 15px;&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;b&amp;gt;Uppspelningshastighet: &amp;lt;/b&amp;gt;&lt;br /&gt;
                &amp;lt;button class=&amp;quot;flipflopButton speed-button&amp;quot; value=0.25&amp;gt;x0.25&amp;lt;/button&amp;gt;&lt;br /&gt;
                &amp;lt;button class=&amp;quot;flipflopButton speed-button&amp;quot; value=0.50&amp;gt;x0.5&amp;lt;/button&amp;gt;&lt;br /&gt;
                &amp;lt;button class=&amp;quot;flipflopButton speed-button&amp;quot; value=0.75&amp;gt;x0.75&amp;lt;/button&amp;gt;&lt;br /&gt;
                &amp;lt;button class=&amp;quot;flipflopButton speed-button&amp;quot; value=1.00&amp;gt;x1&amp;lt;/button&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt; &lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;&lt;br /&gt;
var flipflopBooks = [&lt;br /&gt;
    // Flick 1&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;äng&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;dal&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;backe&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;väg&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;moln&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;skog&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hav&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 2&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;ko&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;räv&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;älg&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;gris&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;elefant&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hare&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;dinosaurie&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 3&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;cykla&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;åka rullbräda&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;åka pulka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;köra bil&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;flyga&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;skrinna&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;köra båt&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 4&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;slott&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;väderkvarn&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;lada&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hus&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;fyr&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;tält&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;fängelse&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 5&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;groda&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hund&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;apa&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;katt&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;mus&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;björn&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;spindel&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 6&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;läsa&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;diska&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;måla&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;baka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;sticka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;bygga&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;sy&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 7&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;prata med varandra&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;tävla&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;titta på varandra&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;pussas&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;spela&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;dansa&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;bråka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ]&lt;br /&gt;
]&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Initializes the state of the books, state holds e.g. current page&lt;br /&gt;
 * @param {Array} books &lt;br /&gt;
 * @param {Array} bookState &lt;br /&gt;
 */&lt;br /&gt;
function initState(books, bookState) {&lt;br /&gt;
    books.forEach((el, i) =&amp;gt; bookState.push({ bookIndex: i, currentPageIndex: 0, currentPageEl: el[0] }))&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// Root element used to append other elements to&lt;br /&gt;
const rootElement = document.querySelector(&amp;quot;div#flipflopapp&amp;quot;)&lt;br /&gt;
&lt;br /&gt;
var bookState = [];&lt;br /&gt;
// Initialize book state to start from zero for each book in the flipflopBook array.&lt;br /&gt;
initState(flipflopBooks, bookState)&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Gives the next possible index in book.&lt;br /&gt;
 * If the index is below zero, give the highest index (indicating going backwards).&lt;br /&gt;
 * If the index is past length of book, give zero (indicating going forwards).&lt;br /&gt;
 * @param {Integer} desiredIndex The index to switch to, if possible&lt;br /&gt;
 * @param {Object} book The book object of pages&lt;br /&gt;
 */&lt;br /&gt;
function getNextOrPrevPageIndex(desiredIndex, book) {&lt;br /&gt;
    if (book[desiredIndex]) return desiredIndex&lt;br /&gt;
    if (desiredIndex &amp;lt; 0) return book.length - 1&lt;br /&gt;
    if (desiredIndex &amp;gt;= book.length) return 0&lt;br /&gt;
    return 0&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Switches the page within the book the page belongs to&lt;br /&gt;
 * @param {Integer} direction Indicate the direction to switch pages, 1 or -1&lt;br /&gt;
 * @param {Object} page Page object that holds indexes and element of book&lt;br /&gt;
 */&lt;br /&gt;
function switchPage(direction = 1, page) {&lt;br /&gt;
    const book = flipflopBooks[page.bookIndex]&lt;br /&gt;
    const desiredPageIndex = page.currentPageIndex + direction&lt;br /&gt;
    const newCurrentPageIndex = getNextOrPrevPageIndex(desiredPageIndex, book)&lt;br /&gt;
    bookState[page.bookIndex].currentPageIndex = newCurrentPageIndex&lt;br /&gt;
    const newCurrentPageEl = book[newCurrentPageIndex]&lt;br /&gt;
    bookState[page.bookIndex].currentPageEl = newCurrentPageEl&lt;br /&gt;
    return bookState[page.bookIndex]&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Replaces an article DOM Element with a new one&lt;br /&gt;
 * @param {Object} newPage &lt;br /&gt;
 * @param {Element} oldArticle &lt;br /&gt;
 */&lt;br /&gt;
function replacePageArticleDOM(newPage, oldArticle) {&lt;br /&gt;
    const newArticle = getBookPageDOM(newPage)&lt;br /&gt;
    oldArticle.parentNode.replaceChild(newArticle, oldArticle)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Set the first video in the DOM Video Element&lt;br /&gt;
 */&lt;br /&gt;
function setVideo(video, bookId) {&lt;br /&gt;
    const currentBookEl = bookState[bookId].currentPageEl&lt;br /&gt;
    video_title.textContent = currentBookEl.textLeft&lt;br /&gt;
    video.setAttribute(&amp;quot;src&amp;quot;, currentBookEl.videoUrl)&lt;br /&gt;
    video.setAttribute(&amp;quot;type&amp;quot;, currentBookEl.videoType)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Creates the DOM for a book.&lt;br /&gt;
 * Used to initialize and to update the book page.&lt;br /&gt;
 * @param {Object} page &lt;br /&gt;
 */&lt;br /&gt;
function getBookPageDOM(page) {&lt;br /&gt;
    const article = document.createElement(&amp;quot;article&amp;quot;)&lt;br /&gt;
    article.id = `flipflop-book-${page.bookIndex}`&lt;br /&gt;
    article.classList.add(&amp;quot;flipflop-book-instance&amp;quot;)&lt;br /&gt;
    const leftBtn = document.createElement(&amp;quot;button&amp;quot;)&lt;br /&gt;
    leftBtn.textContent = &amp;quot;← Föregående&amp;quot;&lt;br /&gt;
    leftBtn.style.cssText = &amp;quot;height:100%;&amp;quot;&lt;br /&gt;
    leftBtn.className = &amp;quot;flipflopButton&amp;quot;&lt;br /&gt;
    const rightBtn = document.createElement(&amp;quot;button&amp;quot;)&lt;br /&gt;
    rightBtn.textContent = &amp;quot;Följande →&amp;quot;&lt;br /&gt;
    rightBtn.style.cssText = &amp;quot;height:100%;&amp;quot;&lt;br /&gt;
    rightBtn.className = &amp;quot;flipflopButton&amp;quot;&lt;br /&gt;
    const imgDiv = document.createElement(&amp;quot;div&amp;quot;)&lt;br /&gt;
    imgDiv.style.cssText = &amp;quot;width:200px; text-align:center;&amp;quot;&lt;br /&gt;
    const leftImg = document.createElement(&amp;quot;img&amp;quot;)&lt;br /&gt;
    leftImg.src = page.currentPageEl.imageLeft&lt;br /&gt;
    leftImg.style.cssText = &amp;quot;height:150px; width:auto;&amp;quot;&lt;br /&gt;
    const textDiv = document.createElement(&amp;quot;div&amp;quot;)&lt;br /&gt;
    textDiv.style.cssText = &amp;quot;width:200px; text-align:center;&amp;quot;&lt;br /&gt;
    textDiv.textContent = page.currentPageEl.textLeft&lt;br /&gt;
    const playBtn = document.createElement(&amp;quot;button&amp;quot;)&lt;br /&gt;
    playBtn.textContent = &amp;quot;▶ Spela video&amp;quot;&lt;br /&gt;
    playBtn.style.cssText = &amp;quot;height:100%; width:auto; max-height:150px;&amp;quot;&lt;br /&gt;
    playBtn.className = &amp;quot;flipflopButton playBtn&amp;quot;&lt;br /&gt;
    playBtn.onclick = function () {&lt;br /&gt;
        // Reset old states of playbackRate buttons&lt;br /&gt;
        resetSpeedButtons();&lt;br /&gt;
        setVideo(video, page.bookIndex)&lt;br /&gt;
        modal.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
        // Override mediawiki default style&lt;br /&gt;
        bodyContent.style.zIndex = &amp;quot;unset&amp;quot;;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    article.appendChild(leftBtn)&lt;br /&gt;
    imgDiv.appendChild(leftImg)&lt;br /&gt;
    article.appendChild(imgDiv)&lt;br /&gt;
    article.appendChild(textDiv)&lt;br /&gt;
    article.appendChild(playBtn)&lt;br /&gt;
    article.appendChild(rightBtn)&lt;br /&gt;
    leftBtn.addEventListener(&amp;quot;click&amp;quot;, () =&amp;gt; {&lt;br /&gt;
        // Switch page backwards in state&lt;br /&gt;
        const newPage = switchPage(-1, page)&lt;br /&gt;
        // Replace old DOM element with new&lt;br /&gt;
        replacePageArticleDOM(newPage, article)&lt;br /&gt;
    })&lt;br /&gt;
    rightBtn.addEventListener(&amp;quot;click&amp;quot;, () =&amp;gt; {&lt;br /&gt;
        console.log(page)&lt;br /&gt;
        // Switch page forwards in state&lt;br /&gt;
        const newPage = switchPage(1, page)&lt;br /&gt;
        // Replace old DOM element with new&lt;br /&gt;
        replacePageArticleDOM(newPage, article)&lt;br /&gt;
    })&lt;br /&gt;
    return article&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Appends the DOM Elements to the root DOM Element&lt;br /&gt;
 * @param {Array} bookState &lt;br /&gt;
 * @param {Element} rootElement &lt;br /&gt;
 * @param {Element} video Video Element &lt;br /&gt;
 */&lt;br /&gt;
function initializeElements(bookState, rootElement, video) {&lt;br /&gt;
    bookState.forEach((page) =&amp;gt; {&lt;br /&gt;
        const article = getBookPageDOM(page)&lt;br /&gt;
        rootElement.appendChild(article)&lt;br /&gt;
    })&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// Get the video-title element from DOM&lt;br /&gt;
const video_title = document.querySelector(&amp;quot;p#video-title&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
// Get the video player element from DOM&lt;br /&gt;
const video = document.querySelector(&amp;quot;video#flipflop&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
// Fill in the DOM Elements for the App&lt;br /&gt;
initializeElements(bookState, rootElement, video)&lt;br /&gt;
&lt;br /&gt;
// Event listener on when video starts playing&lt;br /&gt;
video.onplay = (video) =&amp;gt; {&lt;br /&gt;
    console.log(&amp;quot;Playing a video:&amp;quot;, video)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// Get the modal&lt;br /&gt;
var modal = document.getElementById(&amp;quot;playModal&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
// Get the &amp;lt;span&amp;gt; element that closes the modal&lt;br /&gt;
var span = document.getElementsByClassName(&amp;quot;close&amp;quot;)[0];&lt;br /&gt;
&lt;br /&gt;
// Get all buttons that change playbackRate&lt;br /&gt;
var speedBtns = document.querySelectorAll(&#039;.speed-button&#039;);&lt;br /&gt;
&lt;br /&gt;
// When user click speed buttons call function to change playbackRate&lt;br /&gt;
speedBtns.forEach(button =&amp;gt; button.addEventListener(&amp;quot;click&amp;quot;, changeSpeed(button)));&lt;br /&gt;
&lt;br /&gt;
function changeSpeed(button) {&lt;br /&gt;
    return function() {&lt;br /&gt;
        // Reset old states of playbackRate buttons&lt;br /&gt;
        resetSpeedButtons();&lt;br /&gt;
        video.playbackRate = button.value;&lt;br /&gt;
        // Make button look like its pressed&lt;br /&gt;
        button.disabled = true;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function resetSpeedButtons() {&lt;br /&gt;
    speedBtns.forEach(button =&amp;gt; button.disabled = false);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// When the user clicks on &amp;lt;span&amp;gt; (x), close the modal&lt;br /&gt;
span.onclick = function () {&lt;br /&gt;
    modal.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
    // Restore mediawiki default style&lt;br /&gt;
    bodyContent.style.zIndex = 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// When the user clicks anywhere outside of the modal, close it&lt;br /&gt;
window.onclick = function (event) {&lt;br /&gt;
    if (event.target == modal) {&lt;br /&gt;
        modal.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
        // Restore mediawiki default style&lt;br /&gt;
        bodyContent.style.zIndex = 0;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Sidebar&amp;diff=9939</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=MediaWiki:Sidebar&amp;diff=9939"/>
		<updated>2020-12-31T10:02:43Z</updated>

		<summary type="html">&lt;p&gt;Harri: Add För barn och familjer to sidebar&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;* Tecken&lt;br /&gt;
** Category:Ordbok A-Ö|Ordbok&lt;br /&gt;
** Category:Ordbok|Kategorier &lt;br /&gt;
* Listor&lt;br /&gt;
** Nya tecken|Nya tecken&lt;br /&gt;
** Category:Övrigt material|Övrigt material&lt;br /&gt;
** Category:Frågesporter|Frågesporter&lt;br /&gt;
** Category:Berättelser och samtal|Berättelser och samtal&lt;br /&gt;
** Category:För barn och familjer|För barn och familjer&lt;br /&gt;
** Category:Artiklar|Artiklar&lt;br /&gt;
* Lägg till&lt;br /&gt;
** Form:Lägg till tecken|Lägg till tecken&lt;br /&gt;
* Information&lt;br /&gt;
** Delta och kommentera|Delta och kommentera&lt;br /&gt;
** helppage|Anvisningar&lt;br /&gt;
** SignWiki:About|Information om SignWiki&lt;br /&gt;
* Andra nätordböcker&lt;br /&gt;
** http://suvi.teckensprak.net|Suvi, finlandssvenskt teckenspråk&lt;br /&gt;
** https://finsl.signwiki.org|SignWiki, finskt teckenspråk&lt;br /&gt;
** http://suvi.viittomat.net|Suvi, finskt teckenspråk&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
* TOOLBOX&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Widget:Flipflop&amp;diff=9866</id>
		<title>Widget:Flipflop</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Widget:Flipflop&amp;diff=9866"/>
		<updated>2020-12-30T13:52:13Z</updated>

		<summary type="html">&lt;p&gt;Harri: typos, autoplay and text for buttons&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;style&amp;gt;&lt;br /&gt;
article.flipflop-book-instance {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: nowrap;&lt;br /&gt;
    justify-content: space-between;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    height: 150px;&lt;br /&gt;
    border-bottom: 1px solid grey;&lt;br /&gt;
    padding: 10px 0 10px 0;&lt;br /&gt;
    }&lt;br /&gt;
article.flipflop-book-instance:first-of-type {&lt;br /&gt;
    border-top: 1px solid grey;&lt;br /&gt;
}&lt;br /&gt;
 /* The Modal (background) */&lt;br /&gt;
.modal {&lt;br /&gt;
    display: none; /* Hidden by default */&lt;br /&gt;
    position: fixed; /* Stay in place */&lt;br /&gt;
    z-index: 1; /* Sit on top */&lt;br /&gt;
    left: 0;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    width: 100%; /* Full width */&lt;br /&gt;
    height: 100%; /* Full height */&lt;br /&gt;
    overflow: auto; /* Enable scroll if needed */&lt;br /&gt;
    background-color: rgb(0,0,0); /* Fallback color */&lt;br /&gt;
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Modal Content/Box */&lt;br /&gt;
.modal-content {&lt;br /&gt;
    background-color: #fefefe;&lt;br /&gt;
    margin: 15% auto; /* 15% from the top and centered */&lt;br /&gt;
    padding: 20px;&lt;br /&gt;
    border: 1px solid #888;&lt;br /&gt;
    width: 80%; /* Could be more or less, depending on screen size */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* The Close Button */&lt;br /&gt;
.close {&lt;br /&gt;
    color: #aaa;&lt;br /&gt;
    float: right;&lt;br /&gt;
    font-size: 28px;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close:hover,&lt;br /&gt;
.close:focus {&lt;br /&gt;
    color: black;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div id=&amp;quot;flipflopapp&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;!-- FlipFlop Video Modal --&amp;gt;&lt;br /&gt;
    &amp;lt;div id=&amp;quot;playModal&amp;quot; class=&amp;quot;modal&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;!-- Video Player in Modal --&amp;gt;&lt;br /&gt;
        &amp;lt;div class=&amp;quot;modal-content&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;span class=&amp;quot;close&amp;quot;&amp;gt;&amp;amp;times;&amp;lt;/span&amp;gt;&lt;br /&gt;
            &amp;lt;p id=&amp;quot;video-title&amp;quot; style=&amp;quot;text-align:center;font-size:30px;&amp;quot;&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;video id=&amp;quot;flipflop&amp;quot;  controls autoplay style=&amp;quot;width:100%;max-height:480px&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;source src=&amp;quot;&amp;quot; type=&amp;quot;&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;p&amp;gt;Your browser does not support the video tag.&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;/video&amp;gt;&lt;br /&gt;
        &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt; &lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;&lt;br /&gt;
var flipflopBooks = [&lt;br /&gt;
    // Flick 1&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;äng&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;dal&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;backe&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;väg&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;moln&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;skog&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hav&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 2&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;ko&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;räv&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;älg&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;gris&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;elefant&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hare&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;dinosaurie&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 3&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;cykla&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;åka rullbräda&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;åka pulka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;köra bil&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;flyga&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;skrinna&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;köra båt&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 4&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;slott&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;väderkvarn&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;lada&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hus&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;fyr&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;tält&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;fängelse&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 5&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;groda&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hund&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;apa&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;katt&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;mus&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;björn&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;spindel&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 6&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;läsa&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;diska&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;måla&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;baka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;sticka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;bygga&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;sy&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 7&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;prata med varandra&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;tävla&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;titta på varandra&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;pussas&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;spela&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;dansa&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;bråka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ]&lt;br /&gt;
]&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Initializes the state of the books, state holds e.g. current page&lt;br /&gt;
 * @param {Array} books &lt;br /&gt;
 * @param {Array} bookState &lt;br /&gt;
 */&lt;br /&gt;
function initState(books, bookState) {&lt;br /&gt;
    books.forEach((el, i) =&amp;gt; bookState.push({ bookIndex: i, currentPageIndex: 0, currentPageEl: el[0] }))&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// Root element used to append other elements to&lt;br /&gt;
const rootElement = document.querySelector(&amp;quot;div#flipflopapp&amp;quot;)&lt;br /&gt;
&lt;br /&gt;
var bookState = [];&lt;br /&gt;
// Initialize book state to start from zero for each book in the flipflopBook array.&lt;br /&gt;
initState(flipflopBooks, bookState)&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Gives the next possible index in book.&lt;br /&gt;
 * If the index is below zero, give the highest index (indicating going backwards).&lt;br /&gt;
 * If the index is past length of book, give zero (indicating going forwards).&lt;br /&gt;
 * @param {Integer} desiredIndex The index to switch to, if possible&lt;br /&gt;
 * @param {Object} book The book object of pages&lt;br /&gt;
 */&lt;br /&gt;
function getNextOrPrevPageIndex(desiredIndex, book) {&lt;br /&gt;
    if (book[desiredIndex]) return desiredIndex&lt;br /&gt;
    if (desiredIndex &amp;lt; 0) return book.length - 1&lt;br /&gt;
    if (desiredIndex &amp;gt;= book.length) return 0&lt;br /&gt;
    return 0&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Switches the page within the book the page belongs to&lt;br /&gt;
 * @param {Integer} direction Indicate the direction to switch pages, 1 or -1&lt;br /&gt;
 * @param {Object} page Page object that holds indexes and element of book&lt;br /&gt;
 */&lt;br /&gt;
function switchPage(direction = 1, page) {&lt;br /&gt;
    const book = flipflopBooks[page.bookIndex]&lt;br /&gt;
    const desiredPageIndex = page.currentPageIndex + direction&lt;br /&gt;
    const newCurrentPageIndex = getNextOrPrevPageIndex(desiredPageIndex, book)&lt;br /&gt;
    bookState[page.bookIndex].currentPageIndex = newCurrentPageIndex&lt;br /&gt;
    const newCurrentPageEl = book[newCurrentPageIndex]&lt;br /&gt;
    bookState[page.bookIndex].currentPageEl = newCurrentPageEl&lt;br /&gt;
    return bookState[page.bookIndex]&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Replaces an article DOM Element with a new one&lt;br /&gt;
 * @param {Object} newPage &lt;br /&gt;
 * @param {Element} oldArticle &lt;br /&gt;
 */&lt;br /&gt;
function replacePageArticleDOM(newPage, oldArticle) {&lt;br /&gt;
    const newArticle = getBookPageDOM(newPage)&lt;br /&gt;
    oldArticle.parentNode.replaceChild(newArticle, oldArticle)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Set the first video in the DOM Video Element&lt;br /&gt;
 */&lt;br /&gt;
function setVideo(video, bookId) {&lt;br /&gt;
    const currentBookEl = bookState[bookId].currentPageEl&lt;br /&gt;
    video_title.textContent = currentBookEl.textLeft&lt;br /&gt;
    video.setAttribute(&amp;quot;src&amp;quot;, currentBookEl.videoUrl)&lt;br /&gt;
    video.setAttribute(&amp;quot;type&amp;quot;, currentBookEl.videoType)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Creates the DOM for a book.&lt;br /&gt;
 * Used to initialize and to update the book page.&lt;br /&gt;
 * @param {Object} page &lt;br /&gt;
 */&lt;br /&gt;
function getBookPageDOM(page) {&lt;br /&gt;
    const article = document.createElement(&amp;quot;article&amp;quot;)&lt;br /&gt;
    article.id = `flipflop-book-${page.bookIndex}`&lt;br /&gt;
    article.classList.add(&amp;quot;flipflop-book-instance&amp;quot;)&lt;br /&gt;
    const leftBtn = document.createElement(&amp;quot;button&amp;quot;)&lt;br /&gt;
    leftBtn.textContent = &amp;quot;← Föregående&amp;quot;&lt;br /&gt;
    leftBtn.style.cssText = &amp;quot;height:100%;&amp;quot;&lt;br /&gt;
    const rightBtn = document.createElement(&amp;quot;button&amp;quot;)&lt;br /&gt;
    rightBtn.textContent = &amp;quot;Följande →&amp;quot;&lt;br /&gt;
    rightBtn.style.cssText = &amp;quot;height:100%;&amp;quot;&lt;br /&gt;
    const leftImg = document.createElement(&amp;quot;img&amp;quot;)&lt;br /&gt;
    leftImg.src = page.currentPageEl.imageLeft&lt;br /&gt;
    leftImg.style.cssText = &amp;quot;height:150px; width:auto;&amp;quot;&lt;br /&gt;
    const leftText = document.createElement(&amp;quot;span&amp;quot;)&lt;br /&gt;
    leftText.textContent = page.currentPageEl.textLeft&lt;br /&gt;
    const playBtn = document.createElement(&amp;quot;button&amp;quot;)&lt;br /&gt;
    playBtn.textContent = &amp;quot;▶ Spela video&amp;quot;&lt;br /&gt;
    playBtn.style.cssText = &amp;quot;height:100%; width:auto; max-height:150px;&amp;quot;&lt;br /&gt;
    playBtn.className = &amp;quot;playBtn&amp;quot;&lt;br /&gt;
    playBtn.onclick = function () {&lt;br /&gt;
        setVideo(video, page.bookIndex)&lt;br /&gt;
        modal.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
        // Override mediawiki default style&lt;br /&gt;
        bodyContent.style.zIndex = &amp;quot;unset&amp;quot;;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    article.appendChild(leftBtn)&lt;br /&gt;
    article.appendChild(leftImg)&lt;br /&gt;
    article.appendChild(leftText)&lt;br /&gt;
    article.appendChild(playBtn)&lt;br /&gt;
    article.appendChild(rightBtn)&lt;br /&gt;
    leftBtn.addEventListener(&amp;quot;click&amp;quot;, () =&amp;gt; {&lt;br /&gt;
        // Switch page backwards in state&lt;br /&gt;
        const newPage = switchPage(-1, page)&lt;br /&gt;
        // Replace old DOM element with new&lt;br /&gt;
        replacePageArticleDOM(newPage, article)&lt;br /&gt;
    })&lt;br /&gt;
    rightBtn.addEventListener(&amp;quot;click&amp;quot;, () =&amp;gt; {&lt;br /&gt;
        console.log(page)&lt;br /&gt;
        // Switch page forwards in state&lt;br /&gt;
        const newPage = switchPage(1, page)&lt;br /&gt;
        // Replace old DOM element with new&lt;br /&gt;
        replacePageArticleDOM(newPage, article)&lt;br /&gt;
    })&lt;br /&gt;
    return article&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Appends the DOM Elements to the root DOM Element&lt;br /&gt;
 * @param {Array} bookState &lt;br /&gt;
 * @param {Element} rootElement &lt;br /&gt;
 * @param {Element} video Video Element &lt;br /&gt;
 */&lt;br /&gt;
function initializeElements(bookState, rootElement, video) {&lt;br /&gt;
    bookState.forEach((page) =&amp;gt; {&lt;br /&gt;
        const article = getBookPageDOM(page)&lt;br /&gt;
        rootElement.appendChild(article)&lt;br /&gt;
    })&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// Get the video-title element from DOM&lt;br /&gt;
const video_title = document.querySelector(&amp;quot;p#video-title&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
// Get the video player element from DOM&lt;br /&gt;
const video = document.querySelector(&amp;quot;video#flipflop&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
// Fill in the DOM Elements for the App&lt;br /&gt;
initializeElements(bookState, rootElement, video)&lt;br /&gt;
&lt;br /&gt;
// Event listener on when video starts playing&lt;br /&gt;
video.onplay = (video) =&amp;gt; {&lt;br /&gt;
    console.log(&amp;quot;Playing a video:&amp;quot;, video)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// Get the modal&lt;br /&gt;
var modal = document.getElementById(&amp;quot;playModal&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
// Get the &amp;lt;span&amp;gt; element that closes the modal&lt;br /&gt;
var span = document.getElementsByClassName(&amp;quot;close&amp;quot;)[0];&lt;br /&gt;
&lt;br /&gt;
// When the user clicks on &amp;lt;span&amp;gt; (x), close the modal&lt;br /&gt;
span.onclick = function () {&lt;br /&gt;
    modal.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
    // Restore mediawiki default style&lt;br /&gt;
    bodyContent.style.zIndex = 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// When the user clicks anywhere outside of the modal, close it&lt;br /&gt;
window.onclick = function (event) {&lt;br /&gt;
    if (event.target == modal) {&lt;br /&gt;
        modal.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
        // Restore mediawiki default style&lt;br /&gt;
        bodyContent.style.zIndex = 0;&lt;br /&gt;
    }&lt;br /&gt;
} &lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Flip_flop&amp;diff=9818</id>
		<title>Flip flop</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Flip_flop&amp;diff=9818"/>
		<updated>2020-12-29T16:27:49Z</updated>

		<summary type="html">&lt;p&gt;Harri: av Hannele Rabb&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Dessa tecken är från boken Flip flop av Hannele Rabb.&lt;br /&gt;
&lt;br /&gt;
{{#widget:Flipflop}}&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Form:L%C3%A4gg_till_tecken&amp;diff=9277</id>
		<title>Form:Lägg till tecken</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Form:L%C3%A4gg_till_tecken&amp;diff=9277"/>
		<updated>2020-12-22T18:53:48Z</updated>

		<summary type="html">&lt;p&gt;Harri: Add option to add more categories&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;noinclude&amp;gt;&lt;br /&gt;
Detta är formuläret för &amp;quot;Lägg till tecken&amp;quot;. För att skapa en sida med hjälp av detta forumulär skriv in den svenska motsvarigheten till tecknet. Om det redan finns en sida med detta tecken kommer du till ett formulär där du kan redigera sidan.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{{#forminput:form=Lägg till tecken}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/noinclude&amp;gt;&amp;lt;includeonly&amp;gt;&lt;br /&gt;
&amp;lt;div id=&amp;quot;wikiPreview&amp;quot; style=&amp;quot;display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
{{{for template|Infoboxsign|label=Add/edit sign}}}&lt;br /&gt;
{| class=&amp;quot;formtable&amp;quot;&lt;br /&gt;
! Beskriv hur tecknet utförs:&lt;br /&gt;
| {{{field|text}}}&lt;br /&gt;
|-&lt;br /&gt;
! Översättning:&lt;br /&gt;
| {{{field|translation}}}&lt;br /&gt;
|-&lt;br /&gt;
! Bild på tecknet:&lt;br /&gt;
| {{{field|Image1|uploadable|input type=text|values from category=Dictionary A-Z}}}&lt;br /&gt;
|-&lt;br /&gt;
! Artikulationsställe:&lt;br /&gt;
| {{{field|location}}}&lt;br /&gt;
|-&lt;br /&gt;
! Handform:&lt;br /&gt;
| {{{field|handshape}}}&lt;br /&gt;
|-&lt;br /&gt;
! Lexikal kategori:&lt;br /&gt;
| {{{field|lexicalcategory}}}&lt;br /&gt;
|-&lt;br /&gt;
! Kategori:&lt;br /&gt;
| {{{field|thematiccategory|input type=text with autocomplete|values from namespace=Category}}}&lt;br /&gt;
|-&lt;br /&gt;
! Kategori 2:&lt;br /&gt;
| {{{field|thematiccategory2|input type=text with autocomplete|values from namespace=Category}}}&lt;br /&gt;
|-&lt;br /&gt;
! Två handformer:&lt;br /&gt;
| {{{field|twohandforms|input type=dropdown|values=Yes}}}&lt;br /&gt;
|-&lt;br /&gt;
! Munrörelse:&lt;br /&gt;
| {{{field|mouthpatterns}}}&lt;br /&gt;
|-&lt;br /&gt;
! Se också:&lt;br /&gt;
| {{{field|relation1|values from Namespace=Main}}}&lt;br /&gt;
|-&lt;br /&gt;
! Se också:&lt;br /&gt;
| {{{field|relation2|values from Namespace=Main}}}&lt;br /&gt;
|-&lt;br /&gt;
! Se också:&lt;br /&gt;
| {{{field|relation3|values from Namespace=Main}}}&lt;br /&gt;
|-&lt;br /&gt;
! Beskrivande bild:&lt;br /&gt;
| {{{field|Image2|uploadable|input type=text}}}&lt;br /&gt;
|-&lt;br /&gt;
! Bildrubrik:&lt;br /&gt;
| {{{field|caption}}}&lt;br /&gt;
|-&lt;br /&gt;
! Teckenvideo:&lt;br /&gt;
| {{{field|youtube1}}}&lt;br /&gt;
|-&lt;br /&gt;
! Förklaring av hur tecknet används:&lt;br /&gt;
| {{{field|explanation}}}&lt;br /&gt;
|-&lt;br /&gt;
! Exempel på hur tecknet används (video):&lt;br /&gt;
| {{{field|youtube2}}}&lt;br /&gt;
|-&lt;br /&gt;
! Ordlista:&lt;br /&gt;
| {{{field|signlanguage|size=70|}}}&lt;br /&gt;
|-&lt;br /&gt;
! Skriven text:&lt;br /&gt;
| {{{field|written}}}&lt;br /&gt;
|-&lt;br /&gt;
! Alternativt sätt att teckna (video):&lt;br /&gt;
| {{{field|youtube4}}}&lt;br /&gt;
|-&lt;br /&gt;
! Förklaring av alternativt sätt att teckna:&lt;br /&gt;
| {{{field|explain}}}&lt;br /&gt;
|-&lt;br /&gt;
! Tag for another sign:&lt;br /&gt;
| {{{field|alternativesigntag|type=dropdown|values from property=Alternativesign}}}&lt;br /&gt;
|}&lt;br /&gt;
{{{end template}}}&lt;br /&gt;
&lt;br /&gt;
{{{for template|AdditionalCategory|multiple|label=Add additional category}}}&lt;br /&gt;
&#039;&#039;&#039;Kategoria:&#039;&#039;&#039; {{{field|additionalcategory}}}&lt;br /&gt;
&lt;br /&gt;
{{{end template}}}&lt;br /&gt;
{{{for template|Alternativesign|multiple|label=Add an alternative sign}}}&lt;br /&gt;
&#039;&#039;&#039;Alternativt sätt att teckna (video):&#039;&#039;&#039; {{{field|youtube4}}}&lt;br /&gt;
&lt;br /&gt;
{{{end template}}}&lt;br /&gt;
&lt;br /&gt;
{{{for template|Anotherexample|multiple|label=Add another example}}}&lt;br /&gt;
{| class=&amp;quot;formtable&amp;quot;&lt;br /&gt;
! Exempel på hur tecknet används (video):&lt;br /&gt;
| {{{field|youtube3}}}&lt;br /&gt;
|-&lt;br /&gt;
! Ordlista:&lt;br /&gt;
| {{{field|signlanguage2|size=70}}}&lt;br /&gt;
|-&lt;br /&gt;
! Skriven text:&lt;br /&gt;
| {{{field|written2}}}&lt;br /&gt;
|}&lt;br /&gt;
{{{end template}}}&lt;br /&gt;
{{{for template|Bottompage}}}&lt;br /&gt;
{{{end template}}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{{{standard input|save}}} {{{standard input|preview}}} {{{standard input|changes}}} {{{standard input|cancel}}}&lt;br /&gt;
&amp;lt;/includeonly&amp;gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Flip-flop&amp;diff=9276</id>
		<title>Flip-flop</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Flip-flop&amp;diff=9276"/>
		<updated>2020-12-22T15:19:55Z</updated>

		<summary type="html">&lt;p&gt;Harri: Harri flyttade sidan Flip-flop till Flip flop&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;#OMDIRIGERING [[Flip flop]]&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Flip_flop&amp;diff=9275</id>
		<title>Flip flop</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Flip_flop&amp;diff=9275"/>
		<updated>2020-12-22T15:19:55Z</updated>

		<summary type="html">&lt;p&gt;Harri: Harri flyttade sidan Flip-flop till Flip flop&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Dessa tecken är från boken Flip flop&lt;br /&gt;
&lt;br /&gt;
{{#widget:Flipflop}}&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Widget:Flipflop&amp;diff=9258</id>
		<title>Widget:Flipflop</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Widget:Flipflop&amp;diff=9258"/>
		<updated>2020-12-22T11:51:39Z</updated>

		<summary type="html">&lt;p&gt;Harri: Fix style&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;style&amp;gt;&lt;br /&gt;
    article.flipflop-book-instance {&lt;br /&gt;
        display: flex;&lt;br /&gt;
        flex-wrap: nowrap;&lt;br /&gt;
        justify-content: space-between;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
        height: 150px;&lt;br /&gt;
        border-bottom: 1px solid grey;&lt;br /&gt;
        padding: 10px 0 10px 0;&lt;br /&gt;
        }&lt;br /&gt;
    article.flipflop-book-instance:first-of-type {&lt;br /&gt;
        border-top: 1px solid grey;&lt;br /&gt;
    }&lt;br /&gt;
     /* The Modal (background) */&lt;br /&gt;
    .modal {&lt;br /&gt;
        display: none; /* Hidden by default */&lt;br /&gt;
        position: fixed; /* Stay in place */&lt;br /&gt;
        z-index: 1; /* Sit on top */&lt;br /&gt;
        left: 0;&lt;br /&gt;
        top: 0;&lt;br /&gt;
        width: 100%; /* Full width */&lt;br /&gt;
        height: 100%; /* Full height */&lt;br /&gt;
        overflow: auto; /* Enable scroll if needed */&lt;br /&gt;
        background-color: rgb(0,0,0); /* Fallback color */&lt;br /&gt;
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    /* Modal Content/Box */&lt;br /&gt;
    .modal-content {&lt;br /&gt;
        background-color: #fefefe;&lt;br /&gt;
        margin: 15% auto; /* 15% from the top and centered */&lt;br /&gt;
        padding: 20px;&lt;br /&gt;
        border: 1px solid #888;&lt;br /&gt;
        width: 80%; /* Could be more or less, depending on screen size */&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    /* The Close Button */&lt;br /&gt;
    .close {&lt;br /&gt;
        color: #aaa;&lt;br /&gt;
        float: right;&lt;br /&gt;
        font-size: 28px;&lt;br /&gt;
        font-weight: bold;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .close:hover,&lt;br /&gt;
    .close:focus {&lt;br /&gt;
        color: black;&lt;br /&gt;
        text-decoration: none;&lt;br /&gt;
        cursor: pointer;&lt;br /&gt;
    }&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div id=&amp;quot;flipflopapp&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;!-- FlipFlop Video Modal --&amp;gt;&lt;br /&gt;
        &amp;lt;div id=&amp;quot;playModal&amp;quot; class=&amp;quot;modal&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;!-- Video Player in Modal --&amp;gt;&lt;br /&gt;
            &amp;lt;div class=&amp;quot;modal-content&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;span class=&amp;quot;close&amp;quot;&amp;gt;&amp;amp;times;&amp;lt;/span&amp;gt;&lt;br /&gt;
                &amp;lt;video id=&amp;quot;flipflop&amp;quot;  controls=&amp;quot;true&amp;quot; style=&amp;quot;width:100%;max-height:480px&amp;quot;&amp;gt;&lt;br /&gt;
                    &amp;lt;source src=&amp;quot;&amp;quot; type=&amp;quot;&amp;quot;&amp;gt;&lt;br /&gt;
                    Your browser does not support the video tag.&lt;br /&gt;
                &amp;lt;/video&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/div&amp;gt; &lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;&lt;br /&gt;
var flipflopBooks = [&lt;br /&gt;
    // Flick 1&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;äng&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;dal&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;backe&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;väg&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;moln&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;skog&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hav&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 2&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;ko&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;räv&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;älg&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;gris&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;elefant&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hare&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;dinosaurie&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 3&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;cykla&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;åka rullbräda&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;åka pulka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;köra bil&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;flyga&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;skrinna&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;köra båt&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 4&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;slott&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;väderkvarn&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;lada&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hus&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;fyr&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;tält&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;fängelse&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 5&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;groda&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hund&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;apa&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;katt&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;mus&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;björn&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;spindel&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 6&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;läsa&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;diska&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;måla&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;baka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;sticka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;bygga&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;sy&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 7&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;prata&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;tälva&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;titta&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;pussas&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;spela&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;dansa&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;bråka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ]&lt;br /&gt;
]&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Initializes the state of the books, state holds e.g. current page&lt;br /&gt;
 * @param {Array} books &lt;br /&gt;
 * @param {Array} bookState &lt;br /&gt;
 */&lt;br /&gt;
function initState(books, bookState) {&lt;br /&gt;
    books.forEach((el, i) =&amp;gt; bookState.push({ bookIndex: i, currentPageIndex: 0, currentPageEl: el[0] }))&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// Root element used to append other elements to&lt;br /&gt;
const rootElement = document.querySelector(&amp;quot;div#flipflopapp&amp;quot;)&lt;br /&gt;
&lt;br /&gt;
var bookState = [];&lt;br /&gt;
// Initialize book state to start from zero for each book in the flipflopBook array.&lt;br /&gt;
initState(flipflopBooks, bookState)&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Gives the next possible index in book.&lt;br /&gt;
 * If the index is below zero, give the highest index (indicating going backwards).&lt;br /&gt;
 * If the index is past length of book, give zero (indicating going forwards).&lt;br /&gt;
 * @param {Integer} desiredIndex The index to switch to, if possible&lt;br /&gt;
 * @param {Object} book The book object of pages&lt;br /&gt;
 */&lt;br /&gt;
function getNextOrPrevPageIndex(desiredIndex, book) {&lt;br /&gt;
    if (book[desiredIndex]) return desiredIndex&lt;br /&gt;
    if (desiredIndex &amp;lt; 0) return book.length - 1&lt;br /&gt;
    if (desiredIndex &amp;gt;= book.length) return 0&lt;br /&gt;
    return 0&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Switches the page within the book the page belongs to&lt;br /&gt;
 * @param {Integer} direction Indicate the direction to switch pages, 1 or -1&lt;br /&gt;
 * @param {Object} page Page object that holds indexes and element of book&lt;br /&gt;
 */&lt;br /&gt;
function switchPage(direction = 1, page) {&lt;br /&gt;
    const book = flipflopBooks[page.bookIndex]&lt;br /&gt;
    const desiredPageIndex = page.currentPageIndex + direction&lt;br /&gt;
    const newCurrentPageIndex = getNextOrPrevPageIndex(desiredPageIndex, book)&lt;br /&gt;
    bookState[page.bookIndex].currentPageIndex = newCurrentPageIndex&lt;br /&gt;
    const newCurrentPageEl = book[newCurrentPageIndex]&lt;br /&gt;
    bookState[page.bookIndex].currentPageEl = newCurrentPageEl&lt;br /&gt;
    return bookState[page.bookIndex]&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Replaces an article DOM Element with a new one&lt;br /&gt;
 * @param {Object} newPage &lt;br /&gt;
 * @param {Element} oldArticle &lt;br /&gt;
 */&lt;br /&gt;
function replacePageArticleDOM(newPage, oldArticle) {&lt;br /&gt;
    const newArticle = getBookPageDOM(newPage)&lt;br /&gt;
    oldArticle.parentNode.replaceChild(newArticle, oldArticle)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Set the first video in the DOM Video Element&lt;br /&gt;
 */&lt;br /&gt;
function setVideo(video, bookId) {&lt;br /&gt;
    const currentBookEl = bookState[bookId].currentPageEl&lt;br /&gt;
    video.setAttribute(&amp;quot;src&amp;quot;, currentBookEl.videoUrl)&lt;br /&gt;
    video.setAttribute(&amp;quot;type&amp;quot;, currentBookEl.videoType)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Creates the DOM for a book.&lt;br /&gt;
 * Used to initialize and to update the book page.&lt;br /&gt;
 * @param {Object} page &lt;br /&gt;
 */&lt;br /&gt;
function getBookPageDOM(page) {&lt;br /&gt;
    const article = document.createElement(&amp;quot;article&amp;quot;)&lt;br /&gt;
    article.id = `flipflop-book-${page.bookIndex}`&lt;br /&gt;
    article.classList.add(&amp;quot;flipflop-book-instance&amp;quot;)&lt;br /&gt;
    const leftBtn = document.createElement(&amp;quot;button&amp;quot;)&lt;br /&gt;
    leftBtn.textContent = &amp;quot;←&amp;quot;&lt;br /&gt;
    leftBtn.style.cssText = &amp;quot;height:100%;&amp;quot;&lt;br /&gt;
    const rightBtn = document.createElement(&amp;quot;button&amp;quot;)&lt;br /&gt;
    rightBtn.textContent = &amp;quot;→&amp;quot;&lt;br /&gt;
    rightBtn.style.cssText = &amp;quot;height:100%;&amp;quot;&lt;br /&gt;
    const leftImg = document.createElement(&amp;quot;img&amp;quot;)&lt;br /&gt;
    leftImg.src = page.currentPageEl.imageLeft&lt;br /&gt;
    leftImg.style.cssText = &amp;quot;height:100%; width:auto; max-height:150px;&amp;quot;&lt;br /&gt;
    const leftText = document.createElement(&amp;quot;span&amp;quot;)&lt;br /&gt;
    leftText.textContent = page.currentPageEl.textLeft&lt;br /&gt;
    const playBtn = document.createElement(&amp;quot;button&amp;quot;)&lt;br /&gt;
    playBtn.textContent = &amp;quot;▶ Spela video&amp;quot;&lt;br /&gt;
    playBtn.style.cssText = &amp;quot;height:100%; width:auto; max-height:150px;&amp;quot;&lt;br /&gt;
    playBtn.className = &amp;quot;playBtn&amp;quot;&lt;br /&gt;
    playBtn.onclick = function () {&lt;br /&gt;
        setVideo(video, page.bookIndex)&lt;br /&gt;
        modal.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
        // Override mediawiki default style&lt;br /&gt;
        bodyContent.style.zIndex = &amp;quot;unset&amp;quot;;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    article.appendChild(leftBtn)&lt;br /&gt;
    article.appendChild(leftImg)&lt;br /&gt;
    article.appendChild(leftText)&lt;br /&gt;
    article.appendChild(playBtn)&lt;br /&gt;
    article.appendChild(rightBtn)&lt;br /&gt;
    leftBtn.addEventListener(&amp;quot;click&amp;quot;, () =&amp;gt; {&lt;br /&gt;
        // Switch page backwards in state&lt;br /&gt;
        const newPage = switchPage(-1, page)&lt;br /&gt;
        // Replace old DOM element with new&lt;br /&gt;
        replacePageArticleDOM(newPage, article)&lt;br /&gt;
    })&lt;br /&gt;
    rightBtn.addEventListener(&amp;quot;click&amp;quot;, () =&amp;gt; {&lt;br /&gt;
        console.log(page)&lt;br /&gt;
        // Switch page forwards in state&lt;br /&gt;
        const newPage = switchPage(1, page)&lt;br /&gt;
        // Replace old DOM element with new&lt;br /&gt;
        replacePageArticleDOM(newPage, article)&lt;br /&gt;
    })&lt;br /&gt;
    return article&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Appends the DOM Elements to the root DOM Element&lt;br /&gt;
 * @param {Array} bookState &lt;br /&gt;
 * @param {Element} rootElement &lt;br /&gt;
 * @param {Element} video Video Element &lt;br /&gt;
 */&lt;br /&gt;
function initializeElements(bookState, rootElement, video) {&lt;br /&gt;
    bookState.forEach((page) =&amp;gt; {&lt;br /&gt;
        const article = getBookPageDOM(page)&lt;br /&gt;
        rootElement.appendChild(article)&lt;br /&gt;
    })&lt;br /&gt;
}&lt;br /&gt;
// Get the video player element from DOM&lt;br /&gt;
const video = document.querySelector(&amp;quot;video#flipflop&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
// Fill in the DOM Elements for the App&lt;br /&gt;
initializeElements(bookState, rootElement, video)&lt;br /&gt;
&lt;br /&gt;
// Event listener on when video starts playing&lt;br /&gt;
video.onplay = (video) =&amp;gt; {&lt;br /&gt;
    console.log(&amp;quot;Playing a video:&amp;quot;, video)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// Get the modal&lt;br /&gt;
var modal = document.getElementById(&amp;quot;playModal&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
// Get the &amp;lt;span&amp;gt; element that closes the modal&lt;br /&gt;
var span = document.getElementsByClassName(&amp;quot;close&amp;quot;)[0];&lt;br /&gt;
&lt;br /&gt;
// When the user clicks on &amp;lt;span&amp;gt; (x), close the modal&lt;br /&gt;
span.onclick = function () {&lt;br /&gt;
    modal.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
    // Restore mediawiki default style&lt;br /&gt;
    bodyContent.style.zIndex = 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// When the user clicks anywhere outside of the modal, close it&lt;br /&gt;
window.onclick = function (event) {&lt;br /&gt;
    if (event.target == modal) {&lt;br /&gt;
        modal.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
        // Restore mediawiki default style&lt;br /&gt;
        bodyContent.style.zIndex = 0;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Flip_flop&amp;diff=9257</id>
		<title>Flip flop</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Flip_flop&amp;diff=9257"/>
		<updated>2020-12-22T10:07:36Z</updated>

		<summary type="html">&lt;p&gt;Harri: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{#widget:Flipflop}}&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Flip_flop&amp;diff=9256</id>
		<title>Flip flop</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Flip_flop&amp;diff=9256"/>
		<updated>2020-12-22T09:56:38Z</updated>

		<summary type="html">&lt;p&gt;Harri: Skapade sidan med &amp;#039;Hej&amp;#039;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Hej&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Widget:Flipflop&amp;diff=9255</id>
		<title>Widget:Flipflop</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Widget:Flipflop&amp;diff=9255"/>
		<updated>2020-12-22T09:54:44Z</updated>

		<summary type="html">&lt;p&gt;Harri: Skapade sidan med &amp;#039;&amp;lt;style&amp;gt;     article.flipflop-book-instance {         display: flex;         flex-wrap: nowrap;         justify-content: space-between;         align-items: center;         hei...&amp;#039;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;style&amp;gt;&lt;br /&gt;
    article.flipflop-book-instance {&lt;br /&gt;
        display: flex;&lt;br /&gt;
        flex-wrap: nowrap;&lt;br /&gt;
        justify-content: space-between;&lt;br /&gt;
        align-items: center;&lt;br /&gt;
        height: 150px;&lt;br /&gt;
        border-bottom: 1px solid grey;&lt;br /&gt;
        padding: 10px 0 10px 0;&lt;br /&gt;
        }&lt;br /&gt;
    article.flipflop-book-instance:first-of-type {&lt;br /&gt;
        border-top: 1px solid grey;&lt;br /&gt;
    }&lt;br /&gt;
     /* The Modal (background) */&lt;br /&gt;
    .modal {&lt;br /&gt;
        display: none; /* Hidden by default */&lt;br /&gt;
        position: fixed; /* Stay in place */&lt;br /&gt;
        z-index: 1; /* Sit on top */&lt;br /&gt;
        left: 0;&lt;br /&gt;
        top: 0;&lt;br /&gt;
        width: 100%; /* Full width */&lt;br /&gt;
        height: 100%; /* Full height */&lt;br /&gt;
        overflow: auto; /* Enable scroll if needed */&lt;br /&gt;
        background-color: rgb(0,0,0); /* Fallback color */&lt;br /&gt;
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    /* Modal Content/Box */&lt;br /&gt;
    .modal-content {&lt;br /&gt;
        background-color: #fefefe;&lt;br /&gt;
        margin: 15% auto; /* 15% from the top and centered */&lt;br /&gt;
        padding: 20px;&lt;br /&gt;
        border: 1px solid #888;&lt;br /&gt;
        width: 80%; /* Could be more or less, depending on screen size */&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    /* The Close Button */&lt;br /&gt;
    .close {&lt;br /&gt;
        color: #aaa;&lt;br /&gt;
        float: right;&lt;br /&gt;
        font-size: 28px;&lt;br /&gt;
        font-weight: bold;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .close:hover,&lt;br /&gt;
    .close:focus {&lt;br /&gt;
        color: black;&lt;br /&gt;
        text-decoration: none;&lt;br /&gt;
        cursor: pointer;&lt;br /&gt;
    }&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div id=&amp;quot;flipflopapp&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;!-- FlipFlop Video Modal --&amp;gt;&lt;br /&gt;
        &amp;lt;div id=&amp;quot;playModal&amp;quot; class=&amp;quot;modal&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;!-- Video Player in Modal --&amp;gt;&lt;br /&gt;
            &amp;lt;div class=&amp;quot;modal-content&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;span class=&amp;quot;close&amp;quot;&amp;gt;&amp;amp;times;&amp;lt;/span&amp;gt;&lt;br /&gt;
                &amp;lt;video id=&amp;quot;flipflop&amp;quot;  controls=&amp;quot;true&amp;quot; style=&amp;quot;width:100%;max-height:480px&amp;quot;&amp;gt;&lt;br /&gt;
                    &amp;lt;source src=&amp;quot;&amp;quot; type=&amp;quot;&amp;quot;&amp;gt;&lt;br /&gt;
                    Your browser does not support the video tag.&lt;br /&gt;
                &amp;lt;/video&amp;gt;&lt;br /&gt;
            &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;/div&amp;gt; &lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;&lt;br /&gt;
var flipflopBooks = [&lt;br /&gt;
    // Flick 1&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;äng&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;dal&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;backe&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;väg&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;moln&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;skog&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hav&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/1_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/1_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 2&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;ko&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;räv&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;älg&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;gris&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;elefant&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hare&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;dinosaurie&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/2_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/2_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 3&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;cykla&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;åka rullbräda&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;åka pulka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;köra bil&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;flyga&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;skrinna&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;köra båt&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/3_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/3_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 4&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;slott&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;väderkvarn&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;lada&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hus&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;fyr&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;tält&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;fängelse&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/4_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/4_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 5&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;groda&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;hund&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;apa&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;katt&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;mus&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;björn&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;spindel&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/5_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/5_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 6&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;läsa&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;diska&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;måla&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;baka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;sticka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;bygga&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;sy&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/6_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/6_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ],&lt;br /&gt;
    // Flick 7&lt;br /&gt;
    [&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;prata&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_1.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_1.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;tälva&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_2.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_2.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;titta&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_3.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_3.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;pussas&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_4.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_4.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;spela&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_5.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_5.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;dansa&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_6.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_6.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
        {&lt;br /&gt;
            textLeft:  &amp;quot;bråka&amp;quot;,&lt;br /&gt;
            videoUrl:  &amp;quot;/images/finssl_flipflop/7_7.mp4&amp;quot;,&lt;br /&gt;
            videoType: &amp;quot;video/mp4&amp;quot;,&lt;br /&gt;
            imageLeft: &amp;quot;/images/finssl_flipflop/7_7.png&amp;quot;,&lt;br /&gt;
        },&lt;br /&gt;
    ]&lt;br /&gt;
]&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Initializes the state of the books, state holds e.g. current page&lt;br /&gt;
 * @param {Array} books &lt;br /&gt;
 * @param {Array} bookState &lt;br /&gt;
 */&lt;br /&gt;
function initState(books, bookState) {&lt;br /&gt;
    books.forEach((el, i) =&amp;gt; bookState.push({ bookIndex: i, currentPageIndex: 0, currentPageEl: el[0] }))&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// Root element used to append other elements to&lt;br /&gt;
const rootElement = document.querySelector(&amp;quot;div#flipflopapp&amp;quot;)&lt;br /&gt;
&lt;br /&gt;
var bookState = [];&lt;br /&gt;
// Initialize book state to start from zero for each book in the flipflopBook array.&lt;br /&gt;
initState(flipflopBooks, bookState)&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Gives the next possible index in book.&lt;br /&gt;
 * If the index is below zero, give the highest index (indicating going backwards).&lt;br /&gt;
 * If the index is past length of book, give zero (indicating going forwards).&lt;br /&gt;
 * @param {Integer} desiredIndex The index to switch to, if possible&lt;br /&gt;
 * @param {Object} book The book object of pages&lt;br /&gt;
 */&lt;br /&gt;
function getNextOrPrevPageIndex(desiredIndex, book) {&lt;br /&gt;
    if (book[desiredIndex]) return desiredIndex&lt;br /&gt;
    if (desiredIndex &amp;lt; 0) return book.length - 1&lt;br /&gt;
    if (desiredIndex &amp;gt;= book.length) return 0&lt;br /&gt;
    return 0&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Switches the page within the book the page belongs to&lt;br /&gt;
 * @param {Integer} direction Indicate the direction to switch pages, 1 or -1&lt;br /&gt;
 * @param {Object} page Page object that holds indexes and element of book&lt;br /&gt;
 */&lt;br /&gt;
function switchPage(direction = 1, page) {&lt;br /&gt;
    const book = flipflopBooks[page.bookIndex]&lt;br /&gt;
    const desiredPageIndex = page.currentPageIndex + direction&lt;br /&gt;
    const newCurrentPageIndex = getNextOrPrevPageIndex(desiredPageIndex, book)&lt;br /&gt;
    bookState[page.bookIndex].currentPageIndex = newCurrentPageIndex&lt;br /&gt;
    const newCurrentPageEl = book[newCurrentPageIndex]&lt;br /&gt;
    bookState[page.bookIndex].currentPageEl = newCurrentPageEl&lt;br /&gt;
    return bookState[page.bookIndex]&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Replaces an article DOM Element with a new one&lt;br /&gt;
 * @param {Object} newPage &lt;br /&gt;
 * @param {Element} oldArticle &lt;br /&gt;
 */&lt;br /&gt;
function replacePageArticleDOM(newPage, oldArticle) {&lt;br /&gt;
    const newArticle = getBookPageDOM(newPage)&lt;br /&gt;
    oldArticle.parentNode.replaceChild(newArticle, oldArticle)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Set the first video in the DOM Video Element&lt;br /&gt;
 */&lt;br /&gt;
function setVideo(video, bookId) {&lt;br /&gt;
    const currentBookEl = bookState[bookId].currentPageEl&lt;br /&gt;
    video.setAttribute(&amp;quot;src&amp;quot;, currentBookEl.videoUrl)&lt;br /&gt;
    video.setAttribute(&amp;quot;type&amp;quot;, currentBookEl.videoType)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Creates the DOM for a book.&lt;br /&gt;
 * Used to initialize and to update the book page.&lt;br /&gt;
 * @param {Object} page &lt;br /&gt;
 */&lt;br /&gt;
function getBookPageDOM(page) {&lt;br /&gt;
    const article = document.createElement(&amp;quot;article&amp;quot;)&lt;br /&gt;
    article.id = `flipflop-book-${page.bookIndex}`&lt;br /&gt;
    article.classList.add(&amp;quot;flipflop-book-instance&amp;quot;)&lt;br /&gt;
    const leftBtn = document.createElement(&amp;quot;button&amp;quot;)&lt;br /&gt;
    leftBtn.textContent = &amp;quot;←&amp;quot;&lt;br /&gt;
    leftBtn.style.cssText = &amp;quot;height:100%;&amp;quot;&lt;br /&gt;
    const rightBtn = document.createElement(&amp;quot;button&amp;quot;)&lt;br /&gt;
    rightBtn.textContent = &amp;quot;→&amp;quot;&lt;br /&gt;
    rightBtn.style.cssText = &amp;quot;height:100%;&amp;quot;&lt;br /&gt;
    const leftImg = document.createElement(&amp;quot;img&amp;quot;)&lt;br /&gt;
    leftImg.src = page.currentPageEl.imageLeft&lt;br /&gt;
    leftImg.style.cssText = &amp;quot;height:100%; width:auto; max-height:150px;&amp;quot;&lt;br /&gt;
    const leftText = document.createElement(&amp;quot;span&amp;quot;)&lt;br /&gt;
    leftText.textContent = page.currentPageEl.textLeft&lt;br /&gt;
    const playBtn = document.createElement(&amp;quot;button&amp;quot;)&lt;br /&gt;
    playBtn.textContent = &amp;quot;▶ Spela video&amp;quot;&lt;br /&gt;
    playBtn.style.cssText = &amp;quot;height:100%; width:auto; max-height:150px;&amp;quot;&lt;br /&gt;
    playBtn.className = &amp;quot;playBtn&amp;quot;&lt;br /&gt;
    playBtn.onclick = function () {&lt;br /&gt;
        setVideo(video, page.bookIndex)&lt;br /&gt;
        modal.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    article.appendChild(leftBtn)&lt;br /&gt;
    article.appendChild(leftImg)&lt;br /&gt;
    article.appendChild(leftText)&lt;br /&gt;
    article.appendChild(playBtn)&lt;br /&gt;
    article.appendChild(rightBtn)&lt;br /&gt;
    leftBtn.addEventListener(&amp;quot;click&amp;quot;, () =&amp;gt; {&lt;br /&gt;
        // Switch page backwards in state&lt;br /&gt;
        const newPage = switchPage(-1, page)&lt;br /&gt;
        // Replace old DOM element with new&lt;br /&gt;
        replacePageArticleDOM(newPage, article)&lt;br /&gt;
    })&lt;br /&gt;
    rightBtn.addEventListener(&amp;quot;click&amp;quot;, () =&amp;gt; {&lt;br /&gt;
        console.log(page)&lt;br /&gt;
        // Switch page forwards in state&lt;br /&gt;
        const newPage = switchPage(1, page)&lt;br /&gt;
        // Replace old DOM element with new&lt;br /&gt;
        replacePageArticleDOM(newPage, article)&lt;br /&gt;
    })&lt;br /&gt;
    return article&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Appends the DOM Elements to the root DOM Element&lt;br /&gt;
 * @param {Array} bookState &lt;br /&gt;
 * @param {Element} rootElement &lt;br /&gt;
 * @param {Element} video Video Element &lt;br /&gt;
 */&lt;br /&gt;
function initializeElements(bookState, rootElement, video) {&lt;br /&gt;
    bookState.forEach((page) =&amp;gt; {&lt;br /&gt;
        const article = getBookPageDOM(page)&lt;br /&gt;
        rootElement.appendChild(article)&lt;br /&gt;
    })&lt;br /&gt;
}&lt;br /&gt;
// Get the video player element from DOM&lt;br /&gt;
const video = document.querySelector(&amp;quot;video#flipflop&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
// Fill in the DOM Elements for the App&lt;br /&gt;
initializeElements(bookState, rootElement, video)&lt;br /&gt;
&lt;br /&gt;
// Event listener on when video starts playing&lt;br /&gt;
video.onplay = (video) =&amp;gt; {&lt;br /&gt;
    console.log(&amp;quot;Playing a video:&amp;quot;, video)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// Get the modal&lt;br /&gt;
var modal = document.getElementById(&amp;quot;playModal&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
// Get the &amp;lt;span&amp;gt; element that closes the modal&lt;br /&gt;
var span = document.getElementsByClassName(&amp;quot;close&amp;quot;)[0];&lt;br /&gt;
&lt;br /&gt;
// When the user clicks on &amp;lt;span&amp;gt; (x), close the modal&lt;br /&gt;
span.onclick = function () {&lt;br /&gt;
    modal.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// When the user clicks anywhere outside of the modal, close it&lt;br /&gt;
window.onclick = function (event) {&lt;br /&gt;
    if (event.target == modal) {&lt;br /&gt;
        modal.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Huvudsida&amp;diff=8632</id>
		<title>Huvudsida</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Huvudsida&amp;diff=8632"/>
		<updated>2020-11-26T07:33:38Z</updated>

		<summary type="html">&lt;p&gt;Harri: Kategori:För barn och familjer&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;table id=&amp;quot;frontTable&amp;quot; border=&amp;quot;0&amp;quot; cellspacing=&amp;quot;5&amp;quot; cellpadding=&amp;quot;1&amp;quot; width=&amp;quot;100%&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
        &amp;lt;div style=&amp;quot;background-color:#cde03e;&amp;quot;&amp;gt;[[Image:Icons_dictionary.png|75px|link=:Category:Ordbok A-Ö]]&amp;lt;p&amp;gt;[[:Category:Ordbok A-Ö|&#039;&#039;&#039;Ordbok&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt; &lt;br /&gt;
        &amp;lt;div style=&amp;quot;background-color:#CCCCCC;&amp;quot;&amp;gt;   &lt;br /&gt;
        [[File:Icon categories.png|75px|link=:Kategori:Ordbok]]&amp;lt;p&amp;gt;[[:Kategori:Ordbok|&#039;&#039;&#039;Kategorier&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
        &amp;lt;div style=&amp;quot;background-color:#FFCC00;&amp;quot;&amp;gt;   &lt;br /&gt;
        [[Image:Icon quiz.png|75px|link=Category:Frågesporter]]&amp;lt;p&amp;gt;[[:Category:Frågesporter|&#039;&#039;&#039;Frågesporter&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;/div&amp;gt;  &lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
        &amp;lt;div style=&amp;quot;background-color:#739cc3;&amp;quot;&amp;gt;&lt;br /&gt;
        [[Image:Icon resources.png|75px|link=Category:Artiklar]]&amp;lt;p&amp;gt;[[:Category:Artiklar|&#039;&#039;&#039;Artiklar&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;/div&amp;gt;  &lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
        &amp;lt;div style=&amp;quot;background-color:#df5247;&amp;quot;&amp;gt; &lt;br /&gt;
        [[Image:Info icon.png|75px|link=Help:Innehåll]]&amp;lt;p&amp;gt;[[Help:Innehåll|&#039;&#039;&#039;Anvisningar&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;/div&amp;gt;  &lt;br /&gt;
    &amp;lt;/td&amp;gt; &lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
        &amp;lt;div style=&amp;quot;background-color:#da91f2;&amp;quot;&amp;gt; &lt;br /&gt;
        [[Image:People_icon.svg|75px|link=Category:Berättelser_och_samtal]]&amp;lt;p&amp;gt;[[:Category:Berättelser och samtal|&#039;&#039;&#039;Berättelser och samtal&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr align=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;td&amp;gt;&lt;br /&gt;
        &amp;lt;div style=&amp;quot;background-color:#e48437;&amp;quot;&amp;gt; &lt;br /&gt;
        [[Image:Icon kids.png|75px|link=Category:För_barn_och_familjer]]&amp;lt;p&amp;gt;[[:Category:För_barn_och_familjer|&#039;&#039;&#039;För barn och familjer&#039;&#039;&#039;]]&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;/div&amp;gt;  &lt;br /&gt;
    &amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;center&amp;quot;&amp;gt;&lt;br /&gt;
{{Currentsigns}}&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
 &lt;br /&gt;
&amp;lt;div&amp;gt;[[Image:Flag of Finland with border.svg|centre|250px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;text-align:center;font-family:Trebuchet MS;  font-size: 14px;color:##915B51&amp;quot;&amp;gt;&#039;&#039;&#039;Wikiordbok i finlandssvenskt teckenspråk - information och material på nätet.&#039;&#039;&#039;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;text-align:center;font-family:Trebuchet MS;  font-size: 12px;color:##915B51&amp;quot;&amp;gt;[[New Signs|&#039;&#039;&#039;SignWiki i finlandssvenskt teckenspråk innehåller nu {{PAGESINCATEGORY:Ordbok A-Ö|R}} tecken.]]&#039;&#039;&#039;&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
	<entry>
		<id>https://finssl.signwiki.mediapalo.fi/index.php?title=Kategori:F%C3%B6r_barn_och_familjer&amp;diff=8631</id>
		<title>Kategori:För barn och familjer</title>
		<link rel="alternate" type="text/html" href="https://finssl.signwiki.mediapalo.fi/index.php?title=Kategori:F%C3%B6r_barn_och_familjer&amp;diff=8631"/>
		<updated>2020-11-26T07:32:35Z</updated>

		<summary type="html">&lt;p&gt;Harri: Skapade tom sida&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Harri</name></author>
	</entry>
</feed>