{
  "graphics": [
    {
      "name": "Nidurteljari",
      "engine": "countdown",
      "settings": {
        "html": "<%- text %><br><span id=\"Nidurteljari-countdown-timer\">countdown appears here</span>",
        "main": "text",
        "text": "Sunnudagssamkoman hefst klukkan 11:00",
        "countdown": "2018-07-01 11:00",
        "finished": "Skamma stund",
        "css": "#Nidurteljari {\n  position: absolute;\n  font: 2em \"Berthold Akzidenz Grotesk BE\";\n  top: 830px;\n  left: 230px;\n  width: 1450px;\n  padding-top: 20px;\n  border-top: 1px solid #095376;\n  text-align: center;\n  color: #095376;\n  font-size: 60pt;\n  line-height: 70pt;\n  font-weight: bold;\n}\n#Nidurteljari-countdown-timer {\n  font-size: 80pt;\n}"
      },
      "id": 1586112780891
    },
    {
      "name": "Nafn",
      "engine": "text",
      "settings": {
        "properties": [
          "nafn",
          "titill"
        ],
        "main": "<%- nafn %>",
        "html": "<div class=\"outer\">\n<div class=\"inside\">\n<h2><%- nafn %></h2>\n<h4><%- titill %></h4>\n</div>\n</div>",
        "css": "#Nafn {\nposition: absolute;\nbottom: 50px;\nleft: 0px;\nwidth: 100%;\nright: 0;\nbackground: transparent;\ncolor: black;\nfont-family: Raleway;\ndisplay: flex;\njustify-content: center;\n}\n\n#Nafn .outer {\nborder: 4px solid white;\npadding: 6px;\n}\n\n#Nafn .inside {\npadding: 8px 24px;\nbackground: white;\ndisplay: flex;\nflex-direction: column;\n}\n\n#Nafn .inside h2 {\nfont-weight: bold;\nfont-size: 40px;\ntext-align: center;\ntext-transform: uppercase;\npadding: 0;\nmargin: 0;\nline-height: 120%;\n}\n\n#Nafn .inside h4 {\nfont-weight: normal;\nfont-size: 18px;\npadding: 0;\nmargin: 0;\ntext-align: center;\nline-height: 125%;\ntext-transform: uppercase;\n}"
      },
      "id": 1586112780892
    },
    {
      "name": "Minnisvers",
      "engine": "text",
      "settings": {
        "properties": [
          "bok",
          "vers"
        ],
        "main": "bok",
        "css": "#Minnisvers {\n    position: absolute;\n    font: 2em \"Berthold Akzidenz Grotesk BE\";\n    top: 850px;\n    right: 0px;\n}\n.bok-holder {\n  background: rgba(0,68,105,0.6);\n  line-height: 60px;\n  font-size: 60px;\n  color: white;\n  padding: 10px 60px 0px 30px;\n}\n.vers-holder {\n    background: rgba(33,29,29,0.6);\n    font-size: 30px;\n    line-height: 30px;\n    color: white;\n    padding: 10px 60px 0px 40px;\n}",
        "html": "<div class=\"bok-holder\"><%- bok %></div>\n<div class=\"vers-holder\"><%- vers %></div>"
      },
      "id": 1586112780893
    },
    {
      "name": "Forn",
      "engine": "text",
      "settings": {
        "properties": [
          "Titill",
          "Text"
        ],
        "main": "<%- Titill %> - <%- Text %>",
        "css": "#Forn {\nposition: absolute;\ntop: 50px;\nleft: 95px;\nborder: 4px solid white;\npadding: 6px;\nbackground: transparent;\ncolor: black;\nfont-family: Raleway;\n}\n\n#Forn .inside {\npadding: 6px 24px;\nbackground: white;\ndisplay: flex;\nflex-direction: column;\n}\n\n#Forn .inside h2 {\nfont-weight: bold;\nfont-size: 24px;\ntext-align: center;\ntext-transform: uppercase;\npadding: 0;\nmargin: 0;\n}\n\n#Forn .inside h4 {\nfont-weight: normal;\nfont-size: 18px;\npadding: 0;\nmargin: 0;\ntext-align: center;\nline-height: 125%;\n}",
        "html": "<div class=\"inside\">\n<h2><%- Titill %></h2>\n<h4><%= Text.replace('\\n', '<br>') %></h4>\n</div>"
      },
      "id": 1586112780894
    },
    {
      "name": "Lög",
      "engine": "text",
      "settings": {
        "properties": [
          "nafn"
        ],
        "html": "<div class=\"box-before\"></div>\n<div class=\"box-logo\"></div>\n<div class=\"box-after\"></div>\n<div class=\"box-name\">\n  <div class=\"holder\">\n    <div class=\"name-holder\"><%- nafn %>\n        <div class=\"name-triangle\"></div><div class=\"titill-triangle\"></div>\n    </div>\n  </div>\n</div>",
        "css": ".box-before {\n  margin-bottom: 15px;\n  width: 160px;\n  height: 112px;\n  margin-right: -37px;\n  /* ---------- THEME COLOR ---------- */\n  background-image: -webkit-radial-gradient(200px 50%, circle, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 75px, rgba(0,68,105,1) 77px);\n  /* ---------- END THEME COLOR ---------- */\n}\n.box-after {\n  /* ---------- THEME COLOR ---------- */\n  background-image: -webkit-radial-gradient(-40px 50%, circle, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 75px, rgba(0,68,105,1) 77px);\n  /* ---------- END THEME COLOR ---------- */\n  margin-bottom: 15px;\n  width: 100px;\n  height: 112px;\n  margin-left: -37px;\n}\n\n#Lög {\n  position: absolute;\n  color: white;\n  font: 2em \"Berthold Akzidenz Grotesk BE\";\n  top: 100px;\n  left: 0px;\n}\n\n#Lög > div { display: inline-block; }\n\n.box-logo {\n  width: 141px;\n  height: 141px;\n  background: url('uploads/logo.png') 0px 0px no-repeat;\n  background-size: contain;\n}\n\n.box-name {\n  margin-bottom: 15px;\n  height: 112px;\n  position: relative;\n  margin-left: -6px;\n  width: 700px;\n}\n.holder { position: absolute; }\n.name-holder {\n  position: relative;\n  background: linear-gradient(to right, rgba(207,209,210,0.6) 0%,rgba(235,235,237,0.6) 50%,rgba(183,185,185,0.6) 100%);\n  line-height: 102px;\n  font-size: 60px;\n  color: rgba(0,68,105,1);\n  padding: 10px 30px 0px 20px;\n}\n.name-triangle {\n    position: absolute;\n    right: -112px;\n    border-width: 0 112px 112px 0px;\n    top: 0;\n    border-style: solid;\n    border-color: transparent transparent rgba(183,185,185,0.6) transparent;\n}",
        "main": "nafn"
      },
      "id": 1586112780895
    },
    {
      "name": "Dagskra",
      "engine": "schedule",
      "settings": {
        "properties": [
          "temp"
        ],
        "textfields": [
          "item1"
        ],
        "main": "temp"
      },
      "id": 1586112780896
    }
  ],
  "presets": [
    {
      "graphic_id": 1586112780892,
      "values": {
        "nafn": "Bla",
        "titill": "test"
      },
      "sort": 1,
      "id": 1586205588587
    },
    {
      "graphic_id": 1586112780892,
      "values": {
        "nafn": "Bla 2",
        "titill": "test 2"
      },
      "sort": 2,
      "id": 1586205644890
    }
  ],
  "playing": [
    {
      "graphic": {
        "name": "Nafn",
        "engine": "text",
        "settings": {
          "properties": [
            "nafn",
            "titill"
          ],
          "main": "<%- nafn %>",
          "html": "<div class=\"outer\">\n<div class=\"inside\">\n<h2><%- nafn %></h2>\n<h4><%- titill %></h4>\n</div>\n</div>",
          "css": "#Nafn {\nposition: absolute;\nbottom: 50px;\nleft: 0px;\nwidth: 100%;\nright: 0;\nbackground: transparent;\ncolor: black;\nfont-family: Raleway;\ndisplay: flex;\njustify-content: center;\n}\n\n#Nafn .outer {\nborder: 4px solid white;\npadding: 6px;\n}\n\n#Nafn .inside {\npadding: 8px 24px;\nbackground: white;\ndisplay: flex;\nflex-direction: column;\n}\n\n#Nafn .inside h2 {\nfont-weight: bold;\nfont-size: 40px;\ntext-align: center;\ntext-transform: uppercase;\npadding: 0;\nmargin: 0;\nline-height: 120%;\n}\n\n#Nafn .inside h4 {\nfont-weight: normal;\nfont-size: 18px;\npadding: 0;\nmargin: 0;\ntext-align: center;\nline-height: 125%;\ntext-transform: uppercase;\n}"
        },
        "id": 1586112780892
      },
      "name": "Nafn",
      "html": "<div class=\"outer\">\n<div class=\"inside\">\n<h2>Bla 2</h2>\n<h4>test 2</h4>\n</div>\n</div>",
      "css": "#Nafn {\nposition: absolute;\nbottom: 50px;\nleft: 0px;\nwidth: 100%;\nright: 0;\nbackground: transparent;\ncolor: black;\nfont-family: Raleway;\ndisplay: flex;\njustify-content: center;\n}\n\n#Nafn .outer {\nborder: 4px solid white;\npadding: 6px;\n}\n\n#Nafn .inside {\npadding: 8px 24px;\nbackground: white;\ndisplay: flex;\nflex-direction: column;\n}\n\n#Nafn .inside h2 {\nfont-weight: bold;\nfont-size: 40px;\ntext-align: center;\ntext-transform: uppercase;\npadding: 0;\nmargin: 0;\nline-height: 120%;\n}\n\n#Nafn .inside h4 {\nfont-weight: normal;\nfont-size: 18px;\npadding: 0;\nmargin: 0;\ntext-align: center;\nline-height: 125%;\ntext-transform: uppercase;\n}",
      "data": {
        "nafn": "Bla 2",
        "titill": "test 2"
      },
      "is_deleted": false,
      "id": 1586213076185
    }
  ],
  "schedule": [
    {
      "graphic_id": 1586112780892,
      "values": {
        "nafn": "Bla 2",
        "titill": "test 2"
      },
      "sort": 1,
      "id": 1586213073361,
      "graphic": {
        "name": "Nafn",
        "engine": "text",
        "settings": {
          "properties": [
            "nafn",
            "titill"
          ],
          "main": "<%- nafn %>",
          "html": "<div class=\"outer\">\n<div class=\"inside\">\n<h2><%- nafn %></h2>\n<h4><%- titill %></h4>\n</div>\n</div>",
          "css": "#Nafn {\nposition: absolute;\nbottom: 50px;\nleft: 0px;\nwidth: 100%;\nright: 0;\nbackground: transparent;\ncolor: black;\nfont-family: Raleway;\ndisplay: flex;\njustify-content: center;\n}\n\n#Nafn .outer {\nborder: 4px solid white;\npadding: 6px;\n}\n\n#Nafn .inside {\npadding: 8px 24px;\nbackground: white;\ndisplay: flex;\nflex-direction: column;\n}\n\n#Nafn .inside h2 {\nfont-weight: bold;\nfont-size: 40px;\ntext-align: center;\ntext-transform: uppercase;\npadding: 0;\nmargin: 0;\nline-height: 120%;\n}\n\n#Nafn .inside h4 {\nfont-weight: normal;\nfont-size: 18px;\npadding: 0;\nmargin: 0;\ntext-align: center;\nline-height: 125%;\ntext-transform: uppercase;\n}"
        },
        "id": 1586112780892
      }
    },
    {
      "graphic_id": 1586112780892,
      "values": {
        "nafn": "Bla",
        "titill": "test"
      },
      "sort": 2,
      "id": 1586213074043,
      "graphic": {
        "name": "Nafn",
        "engine": "text",
        "settings": {
          "properties": [
            "nafn",
            "titill"
          ],
          "main": "<%- nafn %>",
          "html": "<div class=\"outer\">\n<div class=\"inside\">\n<h2><%- nafn %></h2>\n<h4><%- titill %></h4>\n</div>\n</div>",
          "css": "#Nafn {\nposition: absolute;\nbottom: 50px;\nleft: 0px;\nwidth: 100%;\nright: 0;\nbackground: transparent;\ncolor: black;\nfont-family: Raleway;\ndisplay: flex;\njustify-content: center;\n}\n\n#Nafn .outer {\nborder: 4px solid white;\npadding: 6px;\n}\n\n#Nafn .inside {\npadding: 8px 24px;\nbackground: white;\ndisplay: flex;\nflex-direction: column;\n}\n\n#Nafn .inside h2 {\nfont-weight: bold;\nfont-size: 40px;\ntext-align: center;\ntext-transform: uppercase;\npadding: 0;\nmargin: 0;\nline-height: 120%;\n}\n\n#Nafn .inside h4 {\nfont-weight: normal;\nfont-size: 18px;\npadding: 0;\nmargin: 0;\ntext-align: center;\nline-height: 125%;\ntext-transform: uppercase;\n}"
        },
        "id": 1586112780892
      }
    }
  ],
  "settings": {
    "casparplayhost": "localhost:3000",
    "casparhost": "host.docker.internal"
  },
  "version": 1,
  "trash": []
}