<!DOCTYPE html>
<html>
<head>
    <title>
        DEN SUNNMØRSKE NAMNEGENRATOREN
    </title>
    <meta charset="utf-8">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!--facebook-metatags-->
    <meta property="og:title" content="DEN SUNNMØRSKE NAMNEGENERATOREN" />
    <meta property="og:url" content="http://interaktiv.smp.no/2015/navnegenerator/" />
    <meta property="og:description" content="Finn ditt ekte sunnmørske namn i #namnegeneratoren" />
    <meta property="og:image" content="http://interaktiv.smp.no/2015/navnegenerator/images/fbimg.jpg" />
    <!--Diverse-->
    <meta content="Finn ditt sunnmørske namn i #namnegeneratoren" name="description">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <base href="http://interaktiv.smp.no/2015/navnegenerator/">
    <!--css-->
    <link href="styles/jquery.mobile-1.4.5.min.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Martel:400,900' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

    <link href="styles/main.css" rel="stylesheet">
    <!--favicon-->
    <link rel="shortcut icon" type="image/png" href="images/favicon.ico" />
    <link rel="shortcut icon" type="image/png" href="http://interaktiv.smp.no/images/favicon.png" />
    <!--JS-->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <!--tellescript-->
    <script type="text/javascript" src="http://static.polarismedia.no/resources/js/unispring.js"></script>
    <script type="text/javascript" src="http://static.polarismedia.no/resources/min-js/lib/unispring.js"></script>
    <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="js/jquery.mobile-1.4.5.min.js"></script>
    <script src="js/fastclick.js"></script>
</head>

   
<style>
.tekst{
     font-size: 2.4em;
    line-height: 1.2em;
    font-weight: bold;
    color: #15b5a2;
    font-family: 'Martel', serif;

}

.tekst2{
    font-size: 1em;
    color: #c4c4c4;
    font-family: 'Martel', serif;

}
.tekst3{
    font-size: 3em;
    font-weight: bold;
    color: #15b5a2;
    font-family: 'Martel', serif;

}

.tekst4{
    font-size: 1em;
    font-weight: normal;
    color: white;
    font-family: 'Martel', serif;

}

.tekst4 a{
        color: white;


}
.output{
    font-size: 3em;
    font-weight: bold;
    color: #15b5a2;
    font-family: 'Martel', serif;
}
.container{
    text-align: center;
    margin:0 auto;
}
input{
    height: 80px;
    width: 350px;
    font-size: 2em;
    color:#232323;
    padding-top: 15px;
    font-weight: bold;
    font-family: 'Martel', serif;
    text-align: center;
}

.btn {
   font-family: 'Martel', serif;
   font-weight: bold;
  color: #232323;
  font-size: 2em;
  background: #83e2d7;

  text-decoration: none;
}

.btn:hover {
  background: #15b5a2;
  text-decoration: none;
}
</style>
<?php
$k=$_GET['k'];

if($k=='g'){
    $txt1 = "Harald-Tom eller Tom-Harald";
}else{
    $txt1 = "Liv-Inger eller Inger-Liv";   
}


?>

<body style="background-color:#232323">
<div class="container" style="max-width:800px;">
  <div style="margin-top:15%">
    <p class="tekst">Finn ditt sunnmørske namn!<br></p>
    <p class="tekst2"><?php echo $txt1;?>? Dei fleste nordmenn set det kortaste namnet først i eit dobbeltnamn, men slik er det ikkje på Sunnmøre. Sunnmøringar er kjent for å ikkje gjer slik som alle andre, derfor har namna i generasjonar blitt snudd andre vegen.
    Kva ville namet ditt vore- dersom du hadde eit <b>ekte</b> sunnmørsnavn? <br><br>Finn det ut! Skriv namnet ditt her og sett #namnegeneratoren i arbeid: </p>
<form action="dittnavn_get.php" method="get"><br>
<input type="text" name="name" placeholder="Skriv ditt navn"><br>
<input type="hidden" name="k" value="<?php echo $k;?>">
<input type="submit" value="Finn navn!" class="btn btn-primary">
</form>
</div>
</div>
<div style="text-align:center;margin-top:30px"><p class="tekst4"><a href="http://www.smp.no/kultur/article11419326.ece">Tilbake til saka</a></p></div>
 <hr>
 <footer style="text-align:center;margin-top:30px">
    <p class="tekst4">Av: <a href="mailto:maria.mostrom@smp.no"> Maria Mostrøm</a>, <a href="mailto:ljho@smp.no">Liv-Jorunn Håker Ottesen</a> og <a href="mailto:dag-arne.alnes@smp.no">Dag-Arne Alnes. <br>
        Copyright 2015 © <a href="http://www.smp.no">Sunnmørsposten</a>. Ansvarlig redaktør: <a href="mailto:hrb@smp.no">Hanna Relling Berg.</a><br>
        Se flere saker fra <a href="http://interaktiv.smp.no">#SMPlab</a><p>
    </footer>

<!--START TELLESCRIPT-->
    <!-- Start TNS Universal -->
    <!--CHANGE URL-->
    <script type="text/javascript">
    /*<![CDATA[*/
    var measurement = {
        "s": "polaris",
        "cp": "polaris/smp/forsiden",
        "url": "http://interaktiv.smp.no"
    }
    unispring.c(measurement);
    /*]]>*/
    </script>
    <noscript>
        <img src="http://polaris.tns-cs.net/j0=,,,;+,cp=polaris/smp/forsiden+url=http://interaktiv.smp.no;;;" />
        <!--CHANGE URL-->
    </noscript>
    <!-- End TNS -->
    <!--Start GA-->
    <!--CHANGE ID-->
    <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-51586855-1', 'auto');
  ga('send', 'pageview');

</script>
    <!--end GA-->
<script>
    (function(f,b){
        var c;
        f.hj=f.hj||function(){(f.hj.q=f.hj.q||[]).push(arguments)};
        f._hjSettings={hjid:14941, hjsv:3};
        c=b.createElement("script");c.async=1;
        c.src="//static.hotjar.com/c/hotjar-14941.js?sv=3";
        b.getElementsByTagName("head")[0].appendChild(c); 
    })(window,document);
</script>
<!--Hotjar ends-->
    <!-- cXense script begin -->
    <div id="cX-root" style="display:none"></div>
    <script type="text/javascript">
    var cX = cX || {};
    cX.callQueue = cX.callQueue || [];
    cX.callQueue.push(['setAccountId', '9222304501162645932']);
    cX.callQueue.push(['setSiteId', '9222304501162645933']);
    cX.callQueue.push(['sendPageViewEvent']);
    </script>
    <script type="text/javascript">
    (function() {
        try {
            var scriptEl = document.createElement('script');
            scriptEl.type = 'text/javascript';
            scriptEl.async = 'async';
            scriptEl.src = ('https:' == document.location.protocol) ? 'https://scdn.cxense.com/cx.js' : 'http://cdn.cxense.com/cx.js';
            var targetEl = document.getElementsByTagName('script')[0];
            targetEl.parentNode.insertBefore(scriptEl, targetEl);
        } catch (e) {};
    }());
    </script>
    <!-- cXense script end -->
    
</body>
</html>

