New tickets (#406)

* Initial commit * Add inDemand style * Restyle tickets block
gdg-x · ozasadnyy · Jul 12, 2018 · Mar 3, 2017 · Mar 5, 2017 · Mar 5, 2017
commit 93b5c1cbf1f19c4a8f0236ca09ed29d2673c5929
diff --git a/data/resources.json b/data/resources.json
@@ -132,7 +132,10 @@
   "ticketsBlock": {
     "title": "Tickets",
     "ticketsDetails": "Tickets grant access to all conference sections, coffee breaks, lunch and party. Accommodation is NOT included in the ticket price.",
-    "soldOut": "Sold out"
+    "soldOut": "You missed it!",
+    "notAvailableYet": "Not available yet",
+    "save": "Save",
+    "today": "today"
   },
   "partnersBlock": {
     "title": "Partners",

diff --git a/data/settings.json b/data/settings.json
@@ -181,15 +181,18 @@
       "https://twitter.com"
     ]
   },
-    "contentLoaders": {
-        "schedule": {
-            "itemsCount": 3
-        },
-        "blog": {
-            "itemsCount": 3
-        },
-        "speakers": {
-            "itemsCount": 4
-        }
+  "contentLoaders": {
+    "schedule": {
+      "itemsCount": 3
+    },
+    "blog": {
+      "itemsCount": 3
+    },
+    "speakers": {
+      "itemsCount": 4
+    },
+    "tickets": {
+      "itemsCount": 5
     }
+  }
 }
diff --git a/src/elements/content-loader.html b/src/elements/content-loader.html
@@ -129,8 +129,14 @@
           cardWidth: String,
           borderRadius: String,
           horizontalPosition: String,
-          avatarSize: String,
-          avatarCircle: String,
+          avatarSize: {
+            type: String,
+            value: '0px',
+          },
+          avatarCircle: {
+            type: String,
+            value: '0px',
+          },
           titleTopPosition: String,
           titleHeight: String,
           titleWidth: String,

diff --git a/src/elements/hoverboard-icons.html b/src/elements/hoverboard-icons.html
@@ -68,22 +68,6 @@
         <path
           d="M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M17,12L12,7V10H8V14H12V17L17,12Z"></path>
       </g>
-      <g id="tickets">
-        <path
-          d="M17.586 4.633l-1.314-0.91c-0.176-0.122-0.417-0.078-0.539 0.098s-0.078 0.417 0.098 0.539l1.314 0.91c0.174 0.12 0.418 0.076 0.539-0.098 0.122-0.176 0.078-0.417-0.098-0.539z"></path>
-        <path
-          d="M20.215 6.453l-1.314-0.91c-0.176-0.122-0.417-0.078-0.539 0.098s-0.078 0.417 0.098 0.539c0 0 1.312 0.908 1.314 0.91 0.167 0.116 0.416 0.079 0.539-0.098 0.122-0.176 0.078-0.417-0.098-0.539z"></path>
-        <path
-          d="M7.781 6.037l-1.556-0.365c-0.208-0.049-0.416 0.080-0.465 0.288s0.080 0.416 0.288 0.465l1.556 0.365c0.030 0.007 0.059 0.010 0.089 0.010 0.176 0 0.335-0.12 0.376-0.299 0.049-0.208-0.080-0.417-0.288-0.465z"></path>
-        <path
-          d="M10.894 6.767l-1.556-0.365c-0.208-0.049-0.416 0.080-0.465 0.288s0.080 0.416 0.288 0.465l1.556 0.365c0.030 0.007 0.059 0.010 0.089 0.010 0.176 0 0.335-0.12 0.376-0.299 0.049-0.208-0.080-0.417-0.288-0.465z"></path>
-        <path
-          d="M11.501 8.601l-3.526-0.827c-0.208-0.049-0.416 0.080-0.465 0.288s0.080 0.416 0.288 0.465l3.149 0.739-2.541 10.829-5.882-1.38 2.541-10.829 1.197 0.281c0.208 0.049 0.416-0.080 0.465-0.288s-0.080-0.416-0.288-0.465l-1.574-0.369c-0.208-0.049-0.416 0.080-0.465 0.288l-2.718 11.582c-0.049 0.208 0.080 0.416 0.288 0.465l6.635 1.557c0.029 0.007 0.059 0.010 0.088 0.010 0.072 0 0.142-0.020 0.204-0.058 0.087-0.054 0.149-0.141 0.173-0.24l2.718-11.582c0.049-0.208-0.080-0.416-0.288-0.465z"></path>
-        <path
-          d="M9.515 12.968c-0.065-0.155-0.222-0.25-0.389-0.236l-1.448 0.121-0.563-1.34c-0.065-0.155-0.222-0.25-0.389-0.236s-0.306 0.134-0.344 0.297l-0.332 1.415-1.448 0.122c-0.167 0.014-0.306 0.134-0.344 0.297s0.033 0.333 0.176 0.419l1.243 0.753-0.332 1.415c-0.038 0.163 0.033 0.333 0.176 0.419 0.062 0.038 0.131 0.056 0.2 0.056 0.091 0 0.181-0.032 0.253-0.094l1.1-0.949 1.243 0.753c0.143 0.087 0.326 0.072 0.453-0.038s0.169-0.288 0.104-0.443l-0.563-1.34 1.1-0.949c0.127-0.11 0.169-0.289 0.104-0.443zM7.489 14.401l0.211 0.501c0 0-0.465-0.281-0.465-0.281-0.321-0.195-0.644 0.203-0.865 0.393l0.124-0.529c0.038-0.163-0.033-0.333-0.176-0.419l-0.465-0.281c0 0 0.541-0.045 0.541-0.045 0.376-0.032 0.402-0.544 0.469-0.826 0 0 0.21 0.5 0.21 0.501 0.146 0.348 0.641 0.215 0.93 0.19-0.223 0.193-0.665 0.44-0.515 0.798z"></path>
-        <path
-          d="M23.61 5.717c-0.33-0.228-0.442-0.67-0.26-1.027 0.088-0.173 0.035-0.384-0.125-0.494l-1.98-1.37c-0.159-0.11-0.375-0.086-0.506 0.057-0.152 0.166-0.369 0.261-0.595 0.261-0.164 0-0.322-0.049-0.457-0.143-0.33-0.228-0.442-0.67-0.26-1.027 0.088-0.173 0.035-0.384-0.125-0.494l-1.98-1.37c-0.159-0.11-0.375-0.086-0.506 0.057-0.152 0.166-0.369 0.261-0.595 0.261-0.164 0-0.322-0.049-0.457-0.143-0.176-0.122-0.417-0.078-0.539 0.098l-2.238 3.232c-0.036-0.023-0.076-0.041-0.12-0.051l-2.344-0.55c-0.189-0.044-0.381 0.058-0.45 0.239-0.141 0.37-0.551 0.586-0.936 0.495-0.39-0.092-0.656-0.461-0.618-0.86 0.018-0.193-0.108-0.37-0.297-0.414l-2.344-0.55c-0.188-0.044-0.381 0.058-0.45 0.239-0.141 0.37-0.551 0.586-0.936 0.495-0.208-0.049-0.416 0.080-0.465 0.288 0 0-0.58 2.47-0.58 2.472l-3.401 14.493c-0.049 0.208 0.080 0.416 0.288 0.465 0.391 0.092 0.656 0.461 0.618 0.86-0.018 0.193 0.108 0.37 0.297 0.414l2.344 0.55c0.189 0.044 0.381-0.058 0.45-0.239 0.326-0.852 1.641-0.541 1.554 0.365-0.019 0.193 0.108 0.37 0.297 0.414l2.344 0.55c0.186 0.044 0.382-0.060 0.45-0.239 0.118-0.309 0.42-0.517 0.751-0.517 0.171 0 0.317 0.073 0.477-0.026 0.087-0.054 0.149-0.141 0.173-0.241l0.509-2.169c0 0 1.091 0.756 1.092 0.756 0.154 0.107 0.376 0.085 0.506-0.057 0.152-0.166 0.369-0.261 0.595-0.261 0.164 0 0.322 0.050 0.457 0.143 0.176 0.122 0.417 0.078 0.539-0.098l9.919-14.328c0.122-0.176 0.078-0.417-0.098-0.539zM10.559 16.884c0 0-0.583 2.486-0.583 2.486l-0.561 2.392c-0.523 0.009-1.006 0.281-1.289 0.708l-1.761-0.413c-0.081-0.642-0.555-1.189-1.206-1.342-0.636-0.149-1.315 0.122-1.677 0.666l-1.76-0.413c-0.065-0.514-0.382-0.968-0.841-1.207l3.235-13.788 0.377 0.088c0.030 0.007 0.059 0.010 0.089 0.010 0.176 0 0.335-0.12 0.376-0.299 0.049-0.208-0.080-0.416-0.288-0.465l-0.377-0.088 0.414-1.764c0.523-0.009 1.006-0.281 1.289-0.708l1.761 0.413c0.081 0.642 0.555 1.19 1.206 1.342 0.636 0.149 1.315-0.122 1.677-0.666l1.761 0.413c0.005 0.001 0.016 0.102 0.018 0.113 0.023 0.114 0.060 0.229 0.108 0.336 0.146 0.322 0.399 0.595 0.714 0.758l-0.414 1.764-0.377-0.088c-0.208-0.049-0.416 0.080-0.465 0.288s0.080 0.416 0.288 0.465l0.377 0.088-0.616 2.623c0 0-0.067 0.287-0.067 0.287l-0.452 1.926c-0-0-0.956 4.073-0.956 4.074zM21.847 7.583l-0.318-0.22c-0.176-0.122-0.417-0.078-0.539 0.098s-0.078 0.417 0.098 0.539l0.318 0.22-8.061 11.644c-0.176-0.066-0.362-0.1-0.552-0.1-0.327 0-0.644 0.102-0.907 0.286l-1.096-0.759 0.393-1.676 1.712 1.185c0.174 0.12 0.418 0.076 0.539-0.098l4.977-7.189c0.122-0.176 0.078-0.417-0.098-0.539s-0.417-0.078-0.539 0.098l-4.757 6.871-1.644-1.138 0.755-3.216 1.359-0.476 0.881 1.156c0.075 0.098 0.189 0.153 0.308 0.153 0.043 0 0.086-0.007 0.128-0.022 0.158-0.055 0.263-0.206 0.259-0.374l-0.033-1.453 1.371-0.48c0.158-0.055 0.263-0.206 0.259-0.374s-0.115-0.314-0.276-0.362l-1.392-0.418-0.033-1.453c-0.004-0.168-0.115-0.314-0.276-0.362s-0.334 0.013-0.429 0.15l-0.827 1.195-0.53-0.159 0.996-4.246 0.488-0.705 4.967 3.439-0.674 0.973c-0.122 0.176-0.078 0.417 0.098 0.539s0.417 0.078 0.539-0.098c0 0 0.891-1.287 0.894-1.291 0.12-0.173 0.074-0.419-0.098-0.539 0 0-5.594-3.873-5.604-3.88-0.174-0.12-0.418-0.076-0.539 0.098l-0.168 0.243c-0.005-0.001-0.009-0.003-0.014-0.004-0.191-0.045-0.36-0.16-0.473-0.32-0.001-0.001-0.002-0.002-0.002-0.004l0.89-1.286c0 0 0.318 0.22 0.318 0.22 0.169 0.117 0.417 0.078 0.539-0.098s0.078-0.417-0.098-0.539l-0.318-0.22 1.031-1.49c0.176 0.066 0.362 0.1 0.552 0.1 0.327 0 0.644-0.102 0.907-0.286l1.487 1.029c-0.16 0.627 0.081 1.31 0.631 1.691 0.538 0.372 1.269 0.37 1.805-0.005l1.487 1.029c-0.128 0.502 0.001 1.041 0.34 1.431l-1.032 1.49zM14.262 12.851c0 0-0.329-0.432-0.329-0.432-0.1-0.132-0.28-0.185-0.436-0.131l-0.513 0.18c0.169-0.244 0.535-0.592 0.299-0.902l-0.329-0.432c0 0 0.52 0.156 0.52 0.156 0.363 0.109 0.572-0.356 0.739-0.597 0 0 0.012 0.542 0.012 0.543 0.009 0.378 0.518 0.434 0.796 0.518l-0.513 0.18c-0.158 0.055-0.263 0.207-0.259 0.374l0.012 0.543z"></path>
-      </g>
       <g id="play">
         <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"/>
       </g>

diff --git a/src/elements/shared-styles.html b/src/elements/shared-styles.html
@@ -23,7 +23,7 @@
         --twitter-color: #4099FF;
         --facebook-color: #3B5998;
         --border-light-color: #E2E2E2;
-        --error-color:  #e64a19;
+        --error-color: #e64a19;
 
         /* Custom */
         --default-background-color: #FFFFFF;
@@ -35,6 +35,8 @@
         --slideAnimation: 0.4s cubic-bezier(0, 0, 0.2, 1);
         --border-radius: 5px;
         --box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
+        --box-shadow-primary-color: 0 3px 3px -2px rgba(103, 58, 183, 0.3), 0 3px 4px 0 rgba(103, 58, 183, 0.3), 0 1px 8px 0 rgba(103, 58, 183, 0.3);
+        --box-shadow-primary-color-hover: 0 1px 3px -2px rgba(103, 58, 183, 0.4), 0 4px 5px 0 rgba(103, 58, 183, 0.4), 0 2px 9px 0 rgba(103, 58, 183, 0.4);
         --font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; /*TODO Change to Open Sans*/
         --max-container-width: 1280px;
 
@@ -162,8 +164,9 @@
 
       .card {
         background-color: #fff;
-        box-shadow: 0 0 2px 0 rgba(0,0,0,0.07), 0 2px 2px 0 rgba(0,0,0,0.15);
+        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.15);
         transition: box-shadow var(--animation);
+        cursor: pointer;
       }
 
       .tag {