Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
        "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Random names</title>
    <meta name="description" content="A do it yourself name generator from online-generators.com" />


    <!-- The Generator script. You can move the script to an external file for better overview -->
    <script type="text/javascript">
    /*  Online Name Generators v.1.0 script is  made by Niels Gamborg webmaster at online-generator.com.
    *    The script is  free (as in "free speech" and also as in "free beer") in anyway. Use it after you own likings.
    *    Peace and love. :)
    */
        function generator(){
            // Add your own words to the wordlist. Be carefull to obey the showed syntax

            var wordlist1 = ["Talentine","Tommy","Quiche","Lucifer","Sammy","Rupert","Damien","Cern",
                            "Blue","Esmé | Gigi | Geniveve","Kiran","Fae",
                            "Tarenar","Cybele","Cordelia","Hamlet","Renado","Adaigo",
                            "Akimbo","Ash","Aspen","Athena","Avalon","Bunny","Calypso",
                            "Cole","Dawn","Devan","Dew","Dolly","Dove","Dusty","Eddy",
                "Emrys","Finley","Gilly","Glade","Glory","Grace","Harmony","Harp","Hemlock","Hero",
                            "Hollow","Juniper","Knox","Kona","Laurel","Lenox","Liberty","Lion","Lotus","Love",
                            "Lucia","Maple","Newt","Nova",
                            "Peony","Phoenix","Poppy","River","Rogue","Rory","Rowan",
                            "Salem",
                            "Serenity","Snow","Star",
                            "Sunny","Treasure",
                            "Wolf","Cephei","Cygni","Persei",
                            "Carinae","Venus","Antares","Epsilon","Aldebaran","Orion","Draco","Casper",
                            "Caspian","Ishtar","Tiamat","Abel","Aberdeen","Acacia","Adeline",
                            "Ainsley","Alva","Amity","Anais","Ara","Ariadne","Arielle","Artemis",
                            "Azalea","Behati","Bellamy","Blair","Blake","Callum","Camden","Celine",
                            "Chloe","Clemence","Cleo","Constance","Daria","Delta","Edith","Eloise",
                            "Elsa","Estelle","Fleur","Geneva","Gisele","Glenn","Harriette","Hunter",
                            "Ines","Iris","Isobel","Isolde","Ivy","Jerome","Juliette","Lavender",
                            "London","Lune","Medea","Noir","Octavia","Odessa","Olympia","Peach",
                            "Pietra","Remy","Rosie","Sera","Starr","Suki","Tilley","Willa","Wren",
                            "Wylie","Ysabel","Yvonne","Abbot","Angus","Clement","Dorian","Ferdinand",
                            "Graham","Imogen","Louie","Marigold","Mordecai","Otto","Piper","Poe",
                            "Porter","Presley","Primrose","Quigley","Quincy","Reuben","Rudy",
                            "Sunday","Theodore","Vernon","Wendell","Windy","Wren", "Europa", "Kokari", "Folke", "Einar", "Kurt", "Rolf", "Konrad", "Signe", "Hannah", "Ingegerd", "Brita", "Frida", "Ingeborg", "Viola", "Abel", "Aina", "Alf", "Amalia", "Anita", "Astrid", "Bengt", "Bernt", "Bertil", "Dagmar", "Dorothea", "Elsa", "Erik", "Gertrud", "Gunnar", "Harald", "Helmer", "Hillevi", "Jarl", "Judit", "Karl", "Knut", "Lennart", "Majlis", "Märta", "Ragnar", "Rune", "Sigurd", "Sigvard", "Solveig", "Stig", "Sven", "Agreus", "Azazel", "Uriel"]


            // Random numbers are made
            var randomNumber1 = parseInt(Math.random() * wordlist1.length);
            var name = wordlist1[randomNumber1];

            //alert(name); //Remove first to slashes to alert the name

            //If there's already a name it is removed
            if(document.getElementById("result")){
                document.getElementById("placeholder").removeChild(document.getElementById("result"));
            }
            // A div element is created to show the generated name. The Name is added as a textnode. Textnode is added to the placeholder.
            var element = document.createElement("div");
            element.setAttribute("id", "result");
            element.appendChild(document.createTextNode(name));
            document.getElementById("placeholder").appendChild(element);
        }
    </script>


    <!-- Stylesheet. Change styles here. You can move the stylesheet to a extern file for better overview -->
<style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}.tmblr-iframe--amp-cta-button{visibility:hidden;position:fixed;bottom:10px;left:50%;transform:translateX(-50%);z-index:100}.tmblr-iframe--amp-cta-button.tmblr-iframe--loaded{visibility:visible;animation:iframe-app-cta-transition .2s ease-out}</style><link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Raleway:400,500,600,700,800|Roboto:300i,400,400i,500,500i,700,700i|Muli:400|Source+Sans+Pro:400,600,700|" rel="stylesheet"><!-- Stylesheet. Change styles here. You can move the stylesheet to a extern file for better overview --><style type="text/css">


        body{font-family: arial, serif; font-size: 15px; text-align: center; color: #999; background-color: #f6f6f6; font-family: 'muli', sans-serif;}

        #wrapper{border-left:1px solid #cccccc;border:1px solid #eaeaea;margin:0 auto;padding: 0 20px;width: 300px; margin-top: 50px; background-color: #ffffff; border-radius: 5px;}

        #generator{background:#f6f6f6;border:1px solid #f6f6f6;margin:30px 0;font-size:36px;font-weight:bold;padding:20px 0 20px;text-align:center;-moz-border-radius: 5px;-webkit-border-radius: 5px; color: #ffffff; color: #ca9e9e; font-family: 'muli', sans-serif;}

        #generator input{ font-family: 'muli', sans-serif;font-size:10px;font-weight:normal;margin-top: 20px}

        #footer{font-size: 10px; color: #999; margin: 30px 0 0 0;}

        #footer a{color:#999}

        h1 {font-size:15px;
text-align:center;
font-family: 'muli', sans-serif;
letter-spacing:0px;
margin-left:7px;
text-transform:uppercase;
font-weight:700;
line-height:12px;
color:;
padding:10px;
padding-top:15px;
border-bottom: 2px solid #ededed;
}

        input[type=button] {
    color:#bababa; background-color: #ffffff; border: none; font-family: 'muli', sans-serif;}
    </style>


</head>
<body onload="generator()">
    <div id="wrapper">

        <!-- Change the text to your needs -->
        <p>Just a ton of names I like and have gathered all over.</p>

        <!-- The generator result and button. Change text on the button by changing button value. Be carefull changing ID's in this part -->
        <div id="generator" >
            <div id="placeholder"></div>
            <input type="button" value="GO!" onclick="generator()" />
        </div>

        <!--  Change the text to your needs -->
        <p></p>

        <!-- The footer. Place any contact info ect here.-->
        <div id="footer">
        <p>This generator is developed with help from the <a href="http://online-generator.com">online name generators</a>.
        </p>
        </div>
    </div>
</body>
</html>