designer

designer.html

<link rel="import" href="../topeka-elements/theme.html">
<link rel="import" href="../topeka-elements/topeka-resources.html">
<link rel="import" href="../topeka-elements/topeka-app.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      #topeka_app {
        width: 100%;
        height: 100%;
        min-height: 450px;
        left: 0px;
        top: 0px;
        position: absolute;
      }
    </style>
    <topeka-app id="topeka_app" categories='[{"name":"Food & Drink","id":"food","theme":"green","quizzes":[{"type":"four-quarter","question":"Name the Italian, semi-soft, rich cheese with blue veins through it.","options":["Ricotta","Blue Cheese","Gorgonzola","Parmesan"],"answer":[2]},{"type":"true-false","question":"Coffee beans contain more caffeine than tea leaves.","answer":false},{"type":"multi-select","question":"What are the three ingredients in mead (spices excluded)?","options":["Sugar","Honey","Cinnamon","Water","Brown Sugar","Yeast","Salt"],"answer":[1,3,5]},{"type":"four-quarter","question":"What crop does the Colorado Beetle attack?","options":["Corn","Garlic","Potato","Wheat"],"answer":[2]},{"type":"single-select-item","question":"What vegetable did Mark Twain describe as “cabbage with a college education”?","options":["Spinach","Broccoli","Cauliflower","Kale"],"answer":[2]},{"type":"fill-blank","question":"What name is given to a sugar syrup which is gently heated until it browns?","answer":"Caramel"},{"type":"single-select","question":"In Which city was chop suey invented?","options":["Hong Kong","Taipei","New York","San Francisco"],"answer":[3]},{"type":"picker","question":"One of the fattiest fishes is salmon. 4 ounces contains how many grams of fat?","min":1,"max":10,"answer":9},{"type":"fill-blank","question":"In which American State did chili con carne originate?","answer":"Texas"},{"type":"four-quarter","question":"What is the correct name for a cluster or bunch of bananas?","options":["Foot","Hand","Flock","Pod"],"answer":[1]}]},{"name":"General Knowledge","id":"knowledge","theme":"yellow","quizzes":[{"type":"fill-blank","question":"Mole is a popular paste in Mexico. Mole is a mixture of chili’s and what other tasty ingredient?","answer":"Chocolate"},{"type":"four-quarter","question":"What is the name of the famous art deco skyscraper in New York City?","options":["Trump Tower","Chrysler building","Empire State Building","The New York Times Building"],"answer":[1]},{"type":"multi-select","question":"Select the names of “The Three Musketeers”.","options":["Chevy","Topeka","Athos","Duke","Porthos","John Felton","Aramis"],"answer":[2,4,6]},{"type":"toggle-translate","question":"Which is the correct translation of Zorro?","options":,"answer":[2]},{"type":"single-select-item","question":"Which 1971 film, known for its violence, was the first to use Dolby sound?","options":["Straw Dogs","Dirty Harry","A Clockwork Orange","Play Misty for me"],"answer":[2]},{"type":"picker","question":"How many counters does a backgammon player have?","min":0,"max":30,"answer":15},{"type":"true-false","question":"There is a patron saint of The Internet.","answer":true},{"type":"alpha-picker","question":" Which letter other than X scores 8 in Scrabble?","answer":"J"},{"type":"four-quarter","question":"Four of the worst ten maritime disasters all took place in 1945. In which sea were all four ships sunk?","options":["Mediterranean sea","Baltic Sea","The Bermuda Triangle","Black Sea"],"answer":[1]},{"type":"single-select","question":"What nut is used to flavor marzipan?","options":["Walnut","Almond","Cashew","Pistachio"],"answer":[1]}]},{"name":"History","id":"history","theme":"blue","quizzes":[{"type":"fill-blank","question":"The first words spoken on the moon by Buzz Aldrin were these:","start":"Contact ","answer":"Light"},{"type":"single-select-item","question":"What U.S. President committed an unpardonable sin by kissing the Queen Mother on the lips?","options":["George W. Bush","Jimmy Carter","Barack Obama","Lyndon B. Johnson","Ronald Reagan"],"answer":[1]},{"type":"true-false","question":"Cleopatra was Egyptian.","answer":false},{"type":"true-false","question":"The Rosetta Stone is the name of the limestone slab that became the key for deciphering ancient Egyptian hieroglyphics.","answer":false},{"type":"fill-blank","question":"Prior to 1664 New York was called:","start":"New ","answer":"Amsterdam"},{"type":"multi-select","question":"What are the surnames of Bonnie and Clyde?","options":["Parson","Parker","Patterson","Barlow","Barret","Barrow"],"answer":[1,5]},{"type":"four-quarter","question":"Joan of Arc, in the 15th century, was the first female promoted to this rank in the French army:","options":["Lieutenant","Sergeant","General","Captain"],"answer":[2]},{"type":"picker","question":"In which year did William Shakespeare die?","min":1615,"max":1635,"answer":1616},{"type":"single-select","question":"On which island was Napoleon born?","options":["Sardinia","Corsica","Tahiti","Réunion","New Caledonia"],"answer":[1]},{"type":"multi-select","question":"Which states did the United States gain after the Mexican War?","options":["Arizona","New Mexico","Louisiana","California","Nevada","Utah","Texas"],"answer":[1,3,6]}]}]' vertical layout></topeka-app>
  </template>

  <script>

    Polymer('my-element', {
      
    });

  </script>

</polymer-element>