{"id":109,"date":"2016-04-09T02:31:16","date_gmt":"2016-04-09T09:31:16","guid":{"rendered":"http:\/\/ryanmjames.com\/wordpress\/?page_id=109"},"modified":"2016-04-11T23:03:20","modified_gmt":"2016-04-12T06:03:20","slug":"narrative-mobile","status":"publish","type":"page","link":"https:\/\/ryanmjames.com\/wordpress\/narrative-mobile\/","title":{"rendered":"NARRATIVE"},"content":{"rendered":"<section id=\"thumbwrapper7\" class=\"gallery-video-content\"\r\n         data-gallery-video-perpage=\"5\" data-gallery-video-id=\"7\">\r\n\r\n    <input type=\"hidden\" class=\"pagenum\" value=\"1\"\/>\r\n    <ul id=\"huge_it_videogallery\" class=\"huge_it_videogallery view-thumbnails\">\r\n        <li id=\"fullPreview\"><\/li>\r\n        <input type=\"hidden\" id=\"total\" value=\"3\"\/>\r\n                    <li class=\"huge_it_big_li\" data-id=\"91\">\r\n                                    <a class=\"vyoutube huge_it_videogallery_item group7\"\r\n                       href=\"\/\/www.youtube.com\/embed\/R-YPEs_HvW8\"\r\n                       title=\"\"\r\n                       data-description=\"\"\r\n                       data-id=\"91\"><\/a>\r\n                    <img src=\"\/\/img.youtube.com\/vi\/R-YPEs_HvW8\/mqdefault.jpg\"\r\n                         alt=\"\"\/>\r\n                                    <div class=\"overLayer\"><\/div>\r\n                <div class=\"infoLayer\">\r\n                    <ul>\r\n                        <li>\r\n                            <h2>\r\n                                                            <\/h2>\r\n                        <\/li>\r\n                        <li>\r\n                            <p>\r\n                                Watch Video                            <\/p>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n                    <li class=\"huge_it_big_li\" data-id=\"89\">\r\n                                    <a class=\"vyoutube huge_it_videogallery_item group7\"\r\n                       href=\"\/\/www.youtube.com\/embed\/E6IOOWnOXlw\"\r\n                       title=\"\"\r\n                       data-description=\"\"\r\n                       data-id=\"89\"><\/a>\r\n                    <img src=\"\/\/img.youtube.com\/vi\/E6IOOWnOXlw\/mqdefault.jpg\"\r\n                         alt=\"\"\/>\r\n                                    <div class=\"overLayer\"><\/div>\r\n                <div class=\"infoLayer\">\r\n                    <ul>\r\n                        <li>\r\n                            <h2>\r\n                                                            <\/h2>\r\n                        <\/li>\r\n                        <li>\r\n                            <p>\r\n                                Watch Video                            <\/p>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n                    <li class=\"huge_it_big_li\" data-id=\"78\">\r\n                                    <a class=\"vyoutube huge_it_videogallery_item group7\"\r\n                       href=\"\/\/www.youtube.com\/embed\/zL46dpNEPPA\"\r\n                       title=\"\"\r\n                       data-description=\"\"\r\n                       data-id=\"78\"><\/a>\r\n                    <img src=\"\/\/img.youtube.com\/vi\/zL46dpNEPPA\/mqdefault.jpg\"\r\n                         alt=\"\"\/>\r\n                                    <div class=\"overLayer\"><\/div>\r\n                <div class=\"infoLayer\">\r\n                    <ul>\r\n                        <li>\r\n                            <h2>\r\n                                                            <\/h2>\r\n                        <\/li>\r\n                        <li>\r\n                            <p>\r\n                                Watch Video                            <\/p>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n                    <li class=\"huge_it_big_li\" data-id=\"75\">\r\n                                    <a class=\"vyoutube huge_it_videogallery_item group7\"\r\n                       href=\"\/\/www.youtube.com\/embed\/jAbnBOeKXdg\"\r\n                       title=\"\"\r\n                       data-description=\"\"\r\n                       data-id=\"75\"><\/a>\r\n                    <img src=\"\/\/img.youtube.com\/vi\/jAbnBOeKXdg\/mqdefault.jpg\"\r\n                         alt=\"\"\/>\r\n                                    <div class=\"overLayer\"><\/div>\r\n                <div class=\"infoLayer\">\r\n                    <ul>\r\n                        <li>\r\n                            <h2>\r\n                                                            <\/h2>\r\n                        <\/li>\r\n                        <li>\r\n                            <p>\r\n                                Watch Video                            <\/p>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n                    <li class=\"huge_it_big_li\" data-id=\"76\">\r\n                                    <a class=\"vyoutube huge_it_videogallery_item group7\"\r\n                       href=\"\/\/www.youtube.com\/embed\/0aK24lAYIVg\"\r\n                       title=\"\"\r\n                       data-description=\"\"\r\n                       data-id=\"76\"><\/a>\r\n                    <img src=\"\/\/img.youtube.com\/vi\/0aK24lAYIVg\/mqdefault.jpg\"\r\n                         alt=\"\"\/>\r\n                                    <div class=\"overLayer\"><\/div>\r\n                <div class=\"infoLayer\">\r\n                    <ul>\r\n                        <li>\r\n                            <h2>\r\n                                                            <\/h2>\r\n                        <\/li>\r\n                        <li>\r\n                            <p>\r\n                                Watch Video                            <\/p>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n                    <li class=\"huge_it_big_li\" data-id=\"77\">\r\n                                    <a class=\"vyoutube huge_it_videogallery_item group7\"\r\n                       href=\"\/\/www.youtube.com\/embed\/goqrsplg7fY\"\r\n                       title=\"\"\r\n                       data-description=\"\"\r\n                       data-id=\"77\"><\/a>\r\n                    <img src=\"\/\/img.youtube.com\/vi\/goqrsplg7fY\/mqdefault.jpg\"\r\n                         alt=\"\"\/>\r\n                                    <div class=\"overLayer\"><\/div>\r\n                <div class=\"infoLayer\">\r\n                    <ul>\r\n                        <li>\r\n                            <h2>\r\n                                                            <\/h2>\r\n                        <\/li>\r\n                        <li>\r\n                            <p>\r\n                                Watch Video                            <\/p>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n                    <li class=\"huge_it_big_li\" data-id=\"79\">\r\n                                    <a class=\"vyoutube huge_it_videogallery_item group7\"\r\n                       href=\"\/\/www.youtube.com\/embed\/8ZYkj0glnqs\"\r\n                       title=\"\"\r\n                       data-description=\"\"\r\n                       data-id=\"79\"><\/a>\r\n                    <img src=\"\/\/img.youtube.com\/vi\/8ZYkj0glnqs\/mqdefault.jpg\"\r\n                         alt=\"\"\/>\r\n                                    <div class=\"overLayer\"><\/div>\r\n                <div class=\"infoLayer\">\r\n                    <ul>\r\n                        <li>\r\n                            <h2>\r\n                                                            <\/h2>\r\n                        <\/li>\r\n                        <li>\r\n                            <p>\r\n                                Watch Video                            <\/p>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n                    <li class=\"huge_it_big_li\" data-id=\"80\">\r\n                                    <a class=\"vyoutube huge_it_videogallery_item group7\"\r\n                       href=\"\/\/www.youtube.com\/embed\/s9nApNpYMuk\"\r\n                       title=\"\"\r\n                       data-description=\"\"\r\n                       data-id=\"80\"><\/a>\r\n                    <img src=\"\/\/img.youtube.com\/vi\/s9nApNpYMuk\/mqdefault.jpg\"\r\n                         alt=\"\"\/>\r\n                                    <div class=\"overLayer\"><\/div>\r\n                <div class=\"infoLayer\">\r\n                    <ul>\r\n                        <li>\r\n                            <h2>\r\n                                                            <\/h2>\r\n                        <\/li>\r\n                        <li>\r\n                            <p>\r\n                                Watch Video                            <\/p>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n                    <li class=\"huge_it_big_li\" data-id=\"73\">\r\n                                    <a class=\"vyoutube huge_it_videogallery_item group7\"\r\n                       href=\"\/\/www.youtube.com\/embed\/7_mjLSzW13g\"\r\n                       title=\"\"\r\n                       data-description=\"\"\r\n                       data-id=\"73\"><\/a>\r\n                    <img src=\"\/\/img.youtube.com\/vi\/7_mjLSzW13g\/mqdefault.jpg\"\r\n                         alt=\"\"\/>\r\n                                    <div class=\"overLayer\"><\/div>\r\n                <div class=\"infoLayer\">\r\n                    <ul>\r\n                        <li>\r\n                            <h2>\r\n                                                            <\/h2>\r\n                        <\/li>\r\n                        <li>\r\n                            <p>\r\n                                Watch Video                            <\/p>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n                    <li class=\"huge_it_big_li\" data-id=\"74\">\r\n                                    <a class=\"vyoutube huge_it_videogallery_item group7\"\r\n                       href=\"\/\/www.youtube.com\/embed\/d5nfXqffvyc\"\r\n                       title=\"\"\r\n                       data-description=\"\"\r\n                       data-id=\"74\"><\/a>\r\n                    <img src=\"\/\/img.youtube.com\/vi\/d5nfXqffvyc\/mqdefault.jpg\"\r\n                         alt=\"\"\/>\r\n                                    <div class=\"overLayer\"><\/div>\r\n                <div class=\"infoLayer\">\r\n                    <ul>\r\n                        <li>\r\n                            <h2>\r\n                                                            <\/h2>\r\n                        <\/li>\r\n                        <li>\r\n                            <p>\r\n                                Watch Video                            <\/p>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n                    <li class=\"huge_it_big_li\" data-id=\"81\">\r\n                                    <a class=\"vyoutube huge_it_videogallery_item group7\"\r\n                       href=\"\/\/www.youtube.com\/embed\/1qOfzOtuAek\"\r\n                       title=\"\"\r\n                       data-description=\"\"\r\n                       data-id=\"81\"><\/a>\r\n                    <img src=\"\/\/img.youtube.com\/vi\/1qOfzOtuAek\/mqdefault.jpg\"\r\n                         alt=\"\"\/>\r\n                                    <div class=\"overLayer\"><\/div>\r\n                <div class=\"infoLayer\">\r\n                    <ul>\r\n                        <li>\r\n                            <h2>\r\n                                                            <\/h2>\r\n                        <\/li>\r\n                        <li>\r\n                            <p>\r\n                                Watch Video                            <\/p>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n                    <li class=\"huge_it_big_li\" data-id=\"83\">\r\n                                    <a class=\"vyoutube huge_it_videogallery_item group7\"\r\n                       href=\"\/\/www.youtube.com\/embed\/qQHp4t9GRwA\"\r\n                       title=\"\"\r\n                       data-description=\"\"\r\n                       data-id=\"83\"><\/a>\r\n                    <img src=\"\/\/img.youtube.com\/vi\/qQHp4t9GRwA\/mqdefault.jpg\"\r\n                         alt=\"\"\/>\r\n                                    <div class=\"overLayer\"><\/div>\r\n                <div class=\"infoLayer\">\r\n                    <ul>\r\n                        <li>\r\n                            <h2>\r\n                                                            <\/h2>\r\n                        <\/li>\r\n                        <li>\r\n                            <p>\r\n                                Watch Video                            <\/p>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n                    <li class=\"huge_it_big_li\" data-id=\"84\">\r\n                                    <a class=\"vyoutube huge_it_videogallery_item group7\"\r\n                       href=\"\/\/www.youtube.com\/embed\/LOvku0PDLqI\"\r\n                       title=\"\"\r\n                       data-description=\"\"\r\n                       data-id=\"84\"><\/a>\r\n                    <img src=\"\/\/img.youtube.com\/vi\/LOvku0PDLqI\/mqdefault.jpg\"\r\n                         alt=\"\"\/>\r\n                                    <div class=\"overLayer\"><\/div>\r\n                <div class=\"infoLayer\">\r\n                    <ul>\r\n                        <li>\r\n                            <h2>\r\n                                                            <\/h2>\r\n                        <\/li>\r\n                        <li>\r\n                            <p>\r\n                                Watch Video                            <\/p>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n                    <li class=\"huge_it_big_li\" data-id=\"85\">\r\n                                    <a class=\"vyoutube huge_it_videogallery_item group7\"\r\n                       href=\"\/\/www.youtube.com\/embed\/YR46cytQ-z0\"\r\n                       title=\"\"\r\n                       data-description=\"\"\r\n                       data-id=\"85\"><\/a>\r\n                    <img src=\"\/\/img.youtube.com\/vi\/YR46cytQ-z0\/mqdefault.jpg\"\r\n                         alt=\"\"\/>\r\n                                    <div class=\"overLayer\"><\/div>\r\n                <div class=\"infoLayer\">\r\n                    <ul>\r\n                        <li>\r\n                            <h2>\r\n                                                            <\/h2>\r\n                        <\/li>\r\n                        <li>\r\n                            <p>\r\n                                Watch Video                            <\/p>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n                    <li class=\"huge_it_big_li\" data-id=\"87\">\r\n                                    <a class=\"vyoutube huge_it_videogallery_item group7\"\r\n                       href=\"\/\/www.youtube.com\/embed\/3t3waHYhnPs\"\r\n                       title=\"\"\r\n                       data-description=\"\"\r\n                       data-id=\"87\"><\/a>\r\n                    <img src=\"\/\/img.youtube.com\/vi\/3t3waHYhnPs\/mqdefault.jpg\"\r\n                         alt=\"\"\/>\r\n                                    <div class=\"overLayer\"><\/div>\r\n                <div class=\"infoLayer\">\r\n                    <ul>\r\n                        <li>\r\n                            <h2>\r\n                                                            <\/h2>\r\n                        <\/li>\r\n                        <li>\r\n                            <p>\r\n                                Watch Video                            <\/p>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n        \r\n    <\/ul>\r\n    <\/section><style>\r\nsection #huge_it_videogallery a{\r\n\tborder:none;\r\n}\r\nsection #huge_it_videogallery {\r\n\tpadding: 28px;\r\n\tdisplay: block;\r\n\tmin-height: 100%;\r\n\ttext-align: center;\r\n\tmargin-bottom: 30px;\r\n  background-color: #333333; box-shadow: 0 0 10px;}\r\n\r\n\r\n#huge_it_videogallery .huge_it_big_li {\r\n\twidth: 100%;\r\n\tmax-width: 240px;\r\n\toverflow:hidden;\r\n\theight: 150px;\r\n\tmargin: 1px !important;\r\n\tpadding:0 !important;\r\n\tborder: 1px solid #444444;\r\n\tborder-radius: 5px;\r\n}\r\n\r\nsection #huge_it_videogallery li .infoLayer ul li {\r\n\tmax-height:80px;\r\n\toverflow:hidden;\r\n}\r\n\r\nsection #huge_it_videogallery li .overLayer ul li h2,\r\nsection #huge_it_videogallery li .infoLayer ul li h2 {\r\n\tfont-size: 16px;\r\n\tcolor: #FFFFFF;\r\n\tmargin:0 !important;\r\n}\r\n\r\nsection #huge_it_videogallery li .infoLayer ul li p {\r\n\tcolor: #FFFFFF;\r\n\tmargin:0 !important;\r\n}\r\n\r\nsection #huge_it_videogallery li .overLayer,\r\nsection #huge_it_videogallery li .infoLayer {\r\n\t-webkit-transition: opacity 0.3s linear;\r\n\t-moz-transition: opacity 0.3s linear;\r\n\t-ms-transition: opacity 0.3s linear;\r\n\t-o-transition: opacity 0.3s linear;\r\n\ttransition: opacity 0.3s linear;\r\n\twidth: 100%;\r\n\tmax-width: 240px;\r\n\theight: 150px;\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\topacity: 0;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 4;\r\n\tborder-radius: 5px;\r\n}\r\n\r\n\r\n\r\nsection #huge_it_videogallery li a {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 240px;\r\n\theight: 150px;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 6;\r\n\tborder-radius: 5px;\r\n}\r\n.load_more3 {\r\n\tmargin: 10px 0;\r\n\tposition:relative;\r\n\ttext-align:center;\r\n\twidth:100%;\r\n}\r\n\r\n.load_more_button3 {\r\n\tborder-radius: 10px;\r\n\tdisplay:inline-block;\r\n\tpadding:5px 15px;\r\n\tfont-size:19px !important;;\r\n\tcolor:#CCCCCC !important;;\r\n\tbackground:#333333 !important;\r\n\tcursor:pointer;\r\n\r\n}\r\n.load_more_button3:hover{\r\n\tcolor:#D9D9D9 !important;\r\n\tbackground:#8F827C !important;\r\n}\r\n.loading3 {\r\n\tdisplay:none;\r\n}\r\n.paginate3{\r\n\tfont-size:22px !important;\r\n\tcolor:#0A0202 !important;\r\n\ttext-align: center;\r\n}\r\n.paginate3 a{\r\n\tborder-bottom: none !important;\r\n\tbox-shadow: none !important;\r\n}\r\n.icon-style3{\r\n\tfont-size: 22px !important;\r\n\tcolor:#333333 !important;\r\n}\r\n.clear{\r\n\tclear:both;\r\n}\r\n\r\n#huge_it_videogallery li img {\r\n\twidth: 100%;\r\n\tmax-width: 238px;\r\n\theight: 148px;\r\n\tmin-height: 100%;\r\n\tmargin:0 !important;\r\n}\r\n\r\nsection #huge_it_videogallery li:hover .overLayer {\r\n\t-webkit-transition: opacity 0.3s linear;\r\n\t-moz-transition: opacity 0.3s linear;\r\n\t-ms-transition: opacity 0.3s linear;\r\n\t-o-transition: opacity 0.3s linear;\r\n\ttransition: opacity 0.3s linear;\r\n\topacity: 0.801;\r\n\tdisplay: block;\r\n\tbackground: #CCCCCC;\r\n}\r\nsection #huge_it_videogallery li:hover .infoLayer {\r\n\t-webkit-transition: opacity 0.3s linear;\r\n\t-moz-transition: opacity 0.3s linear;\r\n\tms-transition: opacity 0.3s linear;\r\n\t-o-transition: opacity 0.3s linear;\r\n\ttransition: opacity 0.3s linear;\r\n\topacity: 1;\r\n\tdisplay: block;\r\n}\r\nsection #huge_it_videogallery p {text-align:center;}\r\n<\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/ryanmjames.com\/wordpress\/wp-json\/wp\/v2\/pages\/109"}],"collection":[{"href":"https:\/\/ryanmjames.com\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ryanmjames.com\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ryanmjames.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ryanmjames.com\/wordpress\/wp-json\/wp\/v2\/comments?post=109"}],"version-history":[{"count":3,"href":"https:\/\/ryanmjames.com\/wordpress\/wp-json\/wp\/v2\/pages\/109\/revisions"}],"predecessor-version":[{"id":126,"href":"https:\/\/ryanmjames.com\/wordpress\/wp-json\/wp\/v2\/pages\/109\/revisions\/126"}],"wp:attachment":[{"href":"https:\/\/ryanmjames.com\/wordpress\/wp-json\/wp\/v2\/media?parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}