#!/usr/bin/perl

use strict;
use utf8::all;


my @word;
my @translation;

my $json;

my %funcoes = lertemplates();
my $string = join("", <>);

while ($string =~ /(.*?)\s*=\s*(.*?)\n/g) {
    push(@word, $1);
    push(@translation, $2);
}

for (0..(@word-1)) {
	$json .= "" . mkblock (
		id => ($_+1),
		word => $word[$_],
		translation => $translation[$_]
	);
}

my $result = mkexer(
	json_words => $json
);

print $result;

# ---------------------
sub aplicafuncao {
    my $nome = shift;
    my %params = @_;
    my $result = $funcoes{$nome};
    for (keys %params) {
       $result =~ s/§$_\b/$params{$_}/g;
    }
    return $result;
}

sub lertemplates {
    my $text = join("", <DATA>);
    my %funcoes;
    while ($text =~ /__(\w+)__(.*?)(?=\n__|$)/gs) {
        $funcoes{$1} = $2;
        eval "sub $1 {aplicafuncao('$1', \@_)}";
    }
    return %funcoes;
}

__DATA__

__mkexer__


<!-- saved from url=(0054)https://www.internetpolyglot.com/tagalog/matching_game -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">		

    




<meta http-equiv="Content-Language" content="TL">

<meta name="layout" content="main">
<meta name="robots" content="noindex">

<script type="text/javascript">

    var WORD_LANGUAGE_ID = 'en';
    var TRANSLATION_LANGUAGE_ID = 'tl';

    var GAME_TYPE = 'matchingGame.title';
	var GAME_WORD_TRANSLATIONS = [ §json_words ];

</script>


<link href="./out1_files/Vd6QVe4gOixXssHVqARU7dLa5aeMly6B6qBLoyTGaKu.css" type="text/css" rel="stylesheet" media="screen, projection">


<script type="text/javascript">

    var GLOBAL = {
        // Needed for ajax requests
        baseUrl: '',
        userLoggedIn: false,
        pingFile: "/static/uDj9kUhGnITLrUGTcBWKGHx6RZSVguHs56TFdUxzov9.txt",
        spinSrc: "<img src='/static/5lP69deV51rP5sH2ShZ9rVfXfdFjT2hJEFZj46kWc75.gif'/>"
    };

</script>

</head>
<body>
    




	<script type="text/javascript">
	
	var docURL = document.URL;
	var url = "";
	var list;
	// Detect mobile browser and redirect to mobile verion if run from mobile
	// First determine wheter we are on stage or production server
	if (docURL.indexOf("stagepolyglot.com:8080") > 0 ) {
	    url = 'https://m.stagepolyglot.com/#';
	    list = document.URL.split('stagepolyglot.com:8080/ipolyglot/');
	} else if (docURL.indexOf("internetpolyglot.com") > 0 ) {
	    url = 'https://m.internetpolyglot.com/#';
	    list = document.URL.split('internetpolyglot.com/');
	}

	if (list && list[1]) {
		// Mobile version doesn't support interface localization (only English is
		// available), so skip interface names from URIs
		// E.g. russian/lessons-pl-ru -> lessons-pl-ru
		if (list[1].indexOf("/") > 0) {
		    url = url + list[1].substring(list[1].indexOf("/") + 1);
		} else {
		    url = url + list[1];
		}
		var isMobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
		var browser = (/Opera|Firefox/i.test(navigator.userAgent.toLowerCase()));

		if(!browser) {
		    if(isMobile) {
	           location.replace(url);
		    } else {
	            (function(a,b){if(/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,url);
		    }
		}
	}

	</script>
 


    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1" height="1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" id="playa" style="position:absolute">
		
	<param name="movie" value="playa.swf">
	<param name="flashvars" value="autoplay=false&amp;urlfile=">
	
	<embed name="playa" src="/static/odC1a6zXV86TqiYdecIJc6rPK8OonolDUfwk8Yed99p.swf" width="1" height="1" swliveconnect="true" flashvars="autoplay=false&amp;urlfile=&#39;&#39;" pluginspage="https://www.macromedia.com/go/flashplayer/">
	
	
</object>
    



    









 
<div class="header">

    <div class="navbar bb-navbar">
        <div class="navbar-inner bb-navbar-inner">

            
        </div>
    </div>
</div>

    <div class="container">
        

    






    
<center>
	<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
	<!-- ipoly2LessonListMiddleLeaderboard -->
	<ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-1916473047728390" data-ad-slot="1673106304"></ins>
	<script>
		(adsbygoogle = window.adsbygoogle || []).push({});
	</script>    
</center>



<style>
	.blinkLoginMsg {
	    color: #FFF !important;
	    background: #46a4d8;
	    !important;
	}
</style>

<span id="resultsNotSaved" style="display:none;">
	<center><div class="row" style="border-radius:15px 50px;border: 2px solid #73AD21;padding: 20px;width: 500px;height: 200px;font-size:20px;display:table-cell;vertical-align:middle;">
		
	Keep up the good work
: 

	</div></center><br>
</span>

<div class="row">

    <div class="span3 text-right">
        <span class="badge badge-success" title="Tama"><span id="hit-count">0</span></span>
        <span class="badge badge-important" title="Mali"><span id="miss-count">0</span></span>
    </div>

    <div class="span6">
        <div class="progress" title="Unused words">
            <div id="game-score-hit-bar" class="bar bar-success" style="width: 0%;" title="Tama"></div>
            <div id="game-score-miss-bar" class="bar bar-danger" style="width: 0%;" title="Mali"></div>
        </div>
    </div>

    <div class="span3 text-left">
        <span class="badge">
            <span id="used-word-count">0</span> / 52 words
        </span>
    </div>

</div>


	

    <div class="row">

    <div class="span1 offset1">

        

    </div>

    <div class="span4">
        <a class="btn btn-large btn-block disabled" id="word0">a rabbit</a>
        <a class="btn btn-large btn-block disabled" id="word1">a seagull</a>
        <a class="btn btn-large btn-block disabled" id="word2">a duck</a>
        <a class="btn btn-large btn-block disabled" id="word3">a wing</a>
        <a class="btn btn-large btn-block disabled" id="word4">a calf</a>
        <a class="btn btn-large btn-block disabled" id="word5">a dog</a>
    </div>

    <div class="span4" id="drag-container">
        <a class="btn btn-large btn-block draggable ui-draggable" id="draggable0" style="position: relative; top: 0px;" aria-disabled="false" wtid="-2104751010170">isang bibe</a>
        <a class="btn btn-large btn-block draggable ui-draggable" id="draggable1" style="position: relative; top: 0px;" aria-disabled="false" wtid="-2104751010200">isang guya</a>
        <a class="btn btn-large btn-block draggable ui-draggable" id="draggable2" style="position: relative; top: 0px;" aria-disabled="false" wtid="-2104751010520">isang kuneho</a>
        <a class="btn btn-large btn-block draggable ui-draggable" id="draggable3" style="position: relative; top: 0px;" aria-disabled="false" wtid="-2104751010160">isang pakpak</a>
        <a class="btn btn-large btn-block draggable ui-draggable" id="draggable4" style="position: relative; top: 0px;" aria-disabled="false" wtid="-2104751010130">isang aso</a>
        <a class="btn btn-large btn-block draggable ui-draggable" id="draggable5" style="position: relative; top: 0px;" aria-disabled="false" wtid="-2104751010570">isang tagak</a>
    </div>

    <div class="span1">

        <div class="game-button-block" style="margin-top: 11px;">
            <a class="btn btn-mini" id="translation-audio-button0" style="display: none;"><i class="icon-volume-up"></i>&nbsp;</a>
            <a class="btn btn-mini" id="tooltip0" style="display: none;"><i class="icon-info-sign"></i>&nbsp;</a>
        </div>

        <div class="game-button-block">
            <a class="btn btn-mini" id="translation-audio-button1" style="display: none;"><i class="icon-volume-up"></i>&nbsp;</a>
            <a class="btn btn-mini" id="tooltip1" style="display: none;"><i class="icon-info-sign"></i>&nbsp;</a>
        </div>

        <div class="game-button-block">
            <a class="btn btn-mini" id="translation-audio-button2" style="display: none;"><i class="icon-volume-up"></i>&nbsp;</a>
            <a class="btn btn-mini" id="tooltip2" style="display: none;"><i class="icon-info-sign"></i>&nbsp;</a>
        </div>

        <div class="game-button-block">
            <a class="btn btn-mini" id="translation-audio-button3" style="display: none;"><i class="icon-volume-up"></i>&nbsp;</a>
            <a class="btn btn-mini" id="tooltip3" style="display: none;"><i class="icon-info-sign"></i>&nbsp;</a>
        </div>

        <div class="game-button-block">
            <a class="btn btn-mini" id="translation-audio-button4" style="display: none;"><i class="icon-volume-up"></i>&nbsp;</a>
            <a class="btn btn-mini" id="tooltip4" style="display: none;"><i class="icon-info-sign"></i>&nbsp;</a>
        </div>

        <div class="game-button-block">
            <a class="btn btn-mini" id="translation-audio-button5" style="display: none;"><i class="icon-volume-up"></i>&nbsp;</a>
            <a class="btn btn-mini" id="tooltip5" style="display: none;"><i class="icon-info-sign"></i>&nbsp;</a>
        </div>

    </div>
</div>

<div class="text-center" style="min-height: 100px;">
    <button class="btn btn-large long-button" id="nextButton" onclick="ip.game.matching.MatchingGame.process()"><i class="icon-play"></i></button>

    <div id="modal-box" class="modal hide">
	<div class="modal-header">
    	<button type="button" class="close" data-dismiss="modal">×</button>
    	<h3 id="modal-box-title"></h3>
	</div>
	<div id="modal-box-body" class="modal-body"></div>
	<div class="modal-footer">
        <button class="btn btn-primary hidden" id="modal-box-ok-button">OK</button>
		<button class="btn" data-dismiss="modal">Isara</button>
	</div>
</div>

    <script src="./out1_files/s4LMKDOIQBIBFrZkPauIpWm8Yqbmvz39qQ8UkCl87qV.js" type="text/javascript"></script>



</body></html>



__mkblock__
{
    "id": §id,
    "word": "§word",
    "translation": "§translation",
    "wordTransliteration": "",
    "translationTransliteration": "",
    "hits": 0,
    "misses": 0
},
