{"version":3,"sources":["webpack:///src/css/responsive.css","webpack:///src/views/program/src/views/program/panel.vue"],"names":[],"mappings":"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","file":"chunk-701da3d4.56c55855.css","sourcesContent":["\r\n.icon {\r\n    margin-top: .8rem;\r\n    margin-right: 1rem;\r\n    width: 3.4rem;\r\n}\r\n\r\np {\r\n    margin: 0;\r\n}\r\n\r\n.primaryTitle {\r\n    margin: 3rem 0 1rem;\r\n}\r\n\r\n.title-admin {\r\n    font-size: 3.5rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: bold;\r\n    color: #0054B0;\r\n    margin-top: 1rem;\r\n    /*margin-bottom: 3rem;*/\r\n}\r\n\r\n.secondaryTitle p {\r\n    margin: 0 0 0px;\r\n}\r\n\r\n.secondaryTitle {\r\n    font-size: 2rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: bold;\r\n    color: #0054B0;\r\n    margin-top: 1rem;\r\n}\r\n\r\n.secondaryTitle2 p {\r\n    margin: 0 0 0px;\r\n}\r\n\r\n.secondaryTitle2 {\r\n    font-size: 2.2rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    /*font-weight: bold;*/\r\n    color: #0054B0;\r\n    /*color: black;*/\r\n    margin-top: 1rem;\r\n}\r\n\r\n.secondaryTitle3 p {\r\n    margin: 0 0 0px;\r\n}\r\n\r\n.secondaryTitle3 {\r\n    font-size: 2.5rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    /*font-weight: bold;*/\r\n    color: #0054B0;\r\n    margin-top: 1rem;\r\n}\r\n\r\n.paperTitle p {\r\n    margin: 0 0 0px;\r\n}\r\n\r\n.paperTitle {\r\n    font-size: 1.8rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    /* font-weight: bold; */\r\n    color: #0054B0;\r\n    margin-top: 1rem;\r\n}\r\n\r\n.paperAuthor p {\r\n    margin: 0 0 0px;\r\n}\r\n\r\n.paperAuthor {\r\n    font-size: 1.6rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    /* font-weight: bold; */\r\n    color: #5b5b5b;\r\n    margin-top: 1rem;\r\n}\r\n\r\n.dateText p {\r\n    margin: 0 0 5px;\r\n}\r\n\r\n.dateText {\r\n    font-size: 1.8rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: bold;\r\n    color: black;\r\n    margin-top: 1rem;\r\n}\r\n\r\n.secondaryBlack{\r\n    color: black;\r\n}\r\n.noList {\r\n    margin-top: 1rem;\r\n    text-align: justify;\r\n}\r\n\r\n.black-text {\r\n    color: #333333 !important;\r\n    font-weight: 500 !important;\r\n}\r\n\r\n.title {\r\n    margin-left: -1.8rem !important;\r\n    text-align: left;\r\n    font-size: 3.5rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: 500;\r\n    color: #202020;\r\n}\r\n\r\n.title2 {\r\n    margin-left: -1.8rem !important;\r\n    text-align: left;\r\n    font-size: 3rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: 500;\r\n    color: #0054B0;\r\n}\r\n\r\n\r\n.content-text {\r\n    font-size: 1.7rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: 500;\r\n    color: #202020;\r\n}\r\n\r\n.demo-text {\r\n    font-size: 1.7rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    font-weight: 500;\r\n    color: #5b5b5b;\r\n    margin-top: 1rem;\r\n    text-align: justify;\r\n}\r\n\r\n.demo-text2 {\r\n    font-size: 1.9rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    font-weight: 500;\r\n    color: #5b5b5b;\r\n    margin-top: 1rem;\r\n    text-align: justify;\r\n}\r\n\r\n.author-text {\r\n    font-size: 1.7rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    font-weight: 500;\r\n    color: #5b5b5b;\r\n    /*margin-top: .2rem;*/\r\n    text-align: justify;\r\n}\r\n\r\n.author-text2 {\r\n    font-size: 2.3rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    font-weight: 500;\r\n    color: #5b5b5b;\r\n    /*margin-top: .2rem;*/\r\n    text-align: justify;\r\n}\r\n\r\n.el-rows {\r\n    margin-top: 2rem;\r\n    margin-bottom: 2rem;\r\n}\r\n\r\n.headset {\r\n    font-size: 1.7rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: 500;\r\n    margin-bottom: .4rem;\r\n    color: #0054B0;\r\n\r\n}\r\n\r\n.noList {\r\n    font-size: 1.7rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: 500;\r\n    list-style-position: outside;\r\n    color: #0054B0;\r\n}\r\n\r\n.noList::marker {\r\n    float: left;\r\n}\r\n\r\n.noList > div {\r\n    float: right;\r\n    width: 97%;\r\n}\r\n\r\n.retract {\r\n    padding-left: 2.5rem;\r\n}\r\n.retract2 {\r\n    padding-left: 5rem;\r\n    list-style: circle;\r\n}\r\n\r\n@media screen and (max-width: 750px) {\r\n\r\n    .noList > div {\r\n        width: 95%;\r\n    }\r\n}\r\n\r\n.demo-link {\r\n    color: blue;\r\n    border-bottom: blue dotted 1px;\r\n}\r\n\r\n.demo-link:hover {\r\n    color: #0054B0;\r\n    border-bottom: #0054B0 dotted 1px;\r\n    text-decoration: none;\r\n}\r\n\r\n.text-color {\r\n    color: blue;\r\n}\r\n\r\n.textBlue {\r\n    margin-top: 1rem;\r\n    font-size: 1.7rem;\r\n    font-family: \"Roboto\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-weight: 500;\r\n    color: #0054B0;\r\n}\r\n\r\n@media screen  and (max-width: 750px) {\r\n    .title {\r\n        margin-left: 1rem !important;\r\n    }\r\n\r\n    .icon {\r\n        margin-top: .4rem;\r\n    }\r\n\r\n\r\n}\r\n","<template>\r\n  <div>\r\n    <el-row>\r\n      <el-col class=\"title-admin\">\r\n        {{ mainTitle }}\r\n      </el-col>\r\n    </el-row>\r\n\r\n    <div v-for=\"(item,index) in Keynote\" :key=\"index\" :id=\"item.id\">\r\n      <div v-for=\"(content,index) in item.contents\" :key=\"index\">\r\n      <el-row class=\"primaryTitle\" v-if=\"content.type === 'primaryTitle'\">\r\n        <!--熊猫图标-->\r\n        <el-col :span=\"2\">\r\n          <img class=\"icon\" :src=\"iconImage\" alt=\"\">\r\n        </el-col>\r\n        <!--title-->\r\n        <el-col :span=\"22\">\r\n          <p class=\"title\">{{ content.text }}</p>\r\n        </el-col>\r\n      </el-row>\r\n\r\n      <el-row v-else-if=\"content.type === 'text'\">\r\n        <el-col>\r\n          <p class=\"demo-text\" v-html=\"content.text\"></p>\r\n        </el-col>\r\n      </el-row>\r\n\r\n      <el-row v-else-if=\"content.type === 't_author'\">\r\n        <el-col>\r\n          <p class=\"author-text\" v-html=\"content.text\"></p>\r\n        </el-col>\r\n      </el-row>\r\n\r\n      <el-row v-else-if=\"content.type === 'secondaryBlack'\">\r\n        <el-col class=\"secondaryTitle\">\r\n          <p class=\"secondaryBlack\" v-html=\"content.text\"></p>\r\n        </el-col>\r\n      </el-row>\r\n\r\n      <el-row v-else-if=\"content.type === 'secondaryTitle'\">\r\n        <el-col class=\"secondaryTitle\">\r\n          <p v-html=\"content.text\"></p>\r\n        </el-col>\r\n      </el-row>\r\n\r\n      <el-row v-else-if=\"content.type === 'noList'\">\r\n        <el-col>\r\n          <li class=\"noList\">\r\n            <div v-html=\"content.text\"></div>\r\n          </li>\r\n        </el-col>\r\n      </el-row>\r\n\r\n      <el-row v-else-if=\"content.type === 'retract'\">\r\n        <el-col class=\"retract\">\r\n          <li class=\"noList\">\r\n            <div v-html=\"content.text\"></div>\r\n          </li>\r\n        </el-col>\r\n      </el-row>\r\n      <el-row v-else-if=\"content.type === 'noListBlack'\">\r\n        <el-col>\r\n          <li class=\"noList black-text\">\r\n            <div v-html=\"content.text\"></div>\r\n          </li>\r\n        </el-col>\r\n      </el-row>\r\n\r\n      <el-row v-else-if=\"content.type === 'retractBlack'\">\r\n        <el-col class=\"retract\">\r\n          <li class=\"noList black-text\">\r\n            <div v-html=\"content.text\"></div>\r\n          </li>\r\n        </el-col>\r\n      </el-row>\r\n\r\n      <el-row v-else-if=\"content.type === 'retract2'\">\r\n        <el-col class=\"retract2\">\r\n          <li class=\"noList\">\r\n            <div v-html=\"content.text\"></div>\r\n          </li>\r\n        </el-col>\r\n      </el-row>\r\n\r\n      <el-row v-else-if=\"content.type === 'retract2Black'\">\r\n        <el-col class=\"retract2\">\r\n          <li class=\"noList black-text\">\r\n            <div v-html=\"content.text\"></div>\r\n          </li>\r\n        </el-col>\r\n      </el-row>\r\n\r\n      <el-row v-else-if=\"content.type === 'textBlue'\">\r\n        <el-col>\r\n          <p class=\"textBlue\" v-html=\"content.text\"></p>\r\n        </el-col>\r\n      </el-row>\r\n\r\n    </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"panel\",\r\n  data() {\r\n    return {\r\n      iconImage: require(\"@/assets/content/sy_icon_xm.png\"),\r\n      mainTitle: 'Conference Panels',\r\n      \r\n      Keynote: [\r\n        {\r\n          // 定位id\r\n          id: \"1\",\r\n          contents: [\r\n            {\r\n              type: 'primaryTitle',\r\n              text: 'Panel 1',\r\n            },\r\n            {\r\n              type: 'textBlue',\r\n              text: '<b>Title: Social Signals and Multimedia: Past, Present, Future</b>'\r\n            },\r\n            {\r\n              type: 'text',\r\n              text: '<b>Panel Moderator: </b>'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Martha Larson, Radboud University'\r\n            },\r\n            {\r\n              type: 'text',\r\n              text: '<b>Panelists/Authors: </b>'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Hayley Hung, Delft University of Technology'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Cathal Gurrin, Dublin City University'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Martha Larson, Radboud University'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Hatice Gunes, University of Cambridge'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Fabien Ringeval, Université Grenoble Alpes'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Elisabeth Andre, University of Augsburg'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Louis-Philippe Morency, Carnegie Mellon University'\r\n            },\r\n            {\r\n              type: 'text',\r\n              text: '<b>Date: </b> 21 October, 2021 14:00-15:00 (GMT+8 time zone)'\r\n            },\r\n            {\r\n              type: 'text',\r\n              text: '<b>Abstract: </b>The rising popularity of Artificial Intelligence (AI) has brought considerable public interest as well faster and more direct transfer of research ideas into practice. One of the aspects of AI that still trails behind considerably is the role of machines in interpreting, enhancing, modeling, generating, and influencing social behavior. Such behavior is captured as social signals, usually by sensors recording multiple modalities, making it classic multimedia data. Such behavior can also be generated by an AI system when interacting with humans. Using AI techniques in combination with multimedia data can be used to pursue multiple goals, two of which are highlighted here. First, supporting people during social interactions and helping them to fulfil their social needs either actively or passively. Second, improving our understanding of how people collaborate, build relationships, and process self identity. Despite the rise of fields such as Social Signal Processing, a similar panel organised at ACM Multimedia 2014, and an area on social and emotional signals at the ACM MM since 2014, we argue that we have yet to truly fulfil the potential of the combining social signals and multimedia. This panel asks where we have come far enough and what remaining challenges there are in light of recent global events.'\r\n            },\r\n          ]\r\n        },\r\n        {\r\n          // 定位id\r\n          id: \"2\",\r\n          contents: [\r\n            {\r\n              type: 'primaryTitle',\r\n              text: 'Panel 2',\r\n            },\r\n            {\r\n              type: 'textBlue',\r\n              text: '<b>Title: The Next Generation of Multimodal Conversational Search and Recommendation</b>'\r\n            },\r\n            {\r\n              type: 'text',\r\n              text: '<b>Panel Moderator: </b>'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Alan Smeaton, Dublin City University'\r\n            },\r\n            {\r\n              type: 'text',\r\n              text: '<b>Panelists/Authors: </b>'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Alan Smeaton, Dublin City University'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Alex Hauptmann, Carnegie Mellon University'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Joao Magalhaes, Universidade Nova de Lisboa'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Tat-Seng Chua, National University of Singapore'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Claudia Hauff, Delft University of Technology'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Tao Mei, JD AI Research'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: 'Verena Rieser, Alana.AI and Heriot-Watt University'\r\n            },\r\n            {\r\n              type: 't_author',\r\n              text: ''\r\n            },\r\n            {\r\n              type: 'text',\r\n              text: '<b>Date: </b> 22 October, 2021 16:00-17:00 (GMT+8 time zone)'\r\n            },\r\n            {\r\n              type: 'text',\r\n              text: '<b>Abstract: </b>The world has become multimodal. In addition to text, we have been sharing a huge amount of multimedia information in the form of images and videos on the Internet. The wide spread use of smart mobile devices has also changed the way we interact with the Internet. It is now natural for us to capture images and videos freely and use as part of a query, in addition to the traditional text and voices. These, along with the rapid advancements in multimedia, natural language processing, information retrieval, and conversation technologies, mean that it is time for us to explore multimodal conversation and its roles in search and recommendation. Multimodal conversation has the potential to help us to uncover and digest the huge amount of multimedia information and knowledge hidden within many systems. It also enables a natural 2-way interactions between humans and machines, with mutual benefits in enriching their respective knowledge. Finally, it opens up the possibilities of disrupting many existing applications and launching new innovative applications. This panel is timely and aims to explore this emerging trend, and discuss its potential benefits and pitfalls to society. The panel will also explore the limitations of current technologies and highlight future research directions towards developing a multimedia conversational system.'\r\n            },\r\n          ]\r\n        },\r\n          \r\n      ],\r\n\r\n\r\n    //   // //已经无效\r\n    //   // contents: [\r\n\r\n    //   ],\r\n    }\r\n  },\r\n  mounted() {\r\n    document.title = 'ACM Multimedia 2021 Conference Panels'\r\n  }\r\n  ,\r\n  methods: {\r\n    goAnchor(id) {\r\n      var anchor = document.getElementById(id);\r\n      // chrome\r\n      document.body.scrollTop = anchor.offsetTop;\r\n      // firefox\r\n      document.documentElement.scrollTop = anchor.offsetTop;\r\n      // safari\r\n      window.pageYOffset = anchor.offsetTop;\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<style scoped>\r\n@import \"../../css/responsive.css\";\r\n\r\n.photo {\r\n  width: 28%;\r\n  margin-top: 1.8rem;\r\n  vertical-align: top;\r\n  /*display: inline-block;*/\r\n}\r\n\r\n.parent {\r\n  display: inline-block;\r\n  margin-top: 1rem;\r\n  margin-bottom: -3rem;\r\n}\r\n\r\n.personnel {\r\n  float: left;\r\n  width: 22rem;\r\n  height: 36rem;\r\n  background: #FFFFFF;\r\n  border-radius: 1.8rem;\r\n  border: 2px solid #EEEEEE;\r\n  margin-right: 2rem;\r\n  margin-left: 2rem;\r\n  text-align: center;\r\n  /*margin-bottom: -4rem;*/\r\n\r\n}\r\n\r\n.personnel:hover {\r\n  box-shadow: 0 0.2rem 0.5rem 0 #B3B3B3;\r\n}\r\n\r\n.personnels {\r\n  text-align: center;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.pre-header > div {\r\n  width: 19rem;\r\n  height: 19rem;\r\n  /*background-color: red;*/\r\n  margin: 1rem auto 1rem;\r\n  border-radius: 1rem;\r\n}\r\n\r\n.pre-header > div > img {\r\n  width: 100%;\r\n}\r\n\r\n.pre-title > p {\r\n  font-size: 1.6rem;\r\n  font-family: \"Roboto\", sans-serif;\r\n  font-weight: bold;\r\n  color: #0054B0;\r\n  margin-top: 0.6rem;\r\n  /*line-height: 19px;*/\r\n}\r\n\r\n.pre-middle > p {\r\n  font-size: 1.6rem;\r\n  font-family: \"Roboto\", sans-serif;\r\n  font-weight: bold;\r\n  color: #272727;\r\n  margin-top: 0.6rem;\r\n  /*line-height: 19px;*/\r\n}\r\n\r\n.pre-button {\r\n  padding-left: .5rem;\r\n  padding-right: .5rem;\r\n  margin-top: 0.6rem;\r\n\r\n}\r\n\r\n.pre-button > p {\r\n  font-size: 1.4rem;\r\n  margin-right: 1rem;\r\n  margin-left: 1rem;\r\n  font-family: Roboto-Medium, Roboto, sans-serif;\r\n  font-weight: 500;\r\n\r\n  color: #272727;\r\n  /*line-height: 16px;*/\r\n}\r\n\r\n.pre {\r\n  margin-top: 2rem;\r\n}\r\n\r\n@media screen  and (max-width: 750px) {\r\n  .personnel p {\r\n    margin: 0 0 .8rem !important;\r\n  }\r\n\r\n  .parent .personnel:first-child {\r\n    margin-left: 2rem;\r\n  }\r\n\r\n  .personnel {\r\n    margin-right: 1.2rem;\r\n  }\r\n\r\n  .personnels {\r\n    width: 105%;\r\n  }\r\n}\r\n\r\n.parent > div:first-child {\r\n  margin-left: 2rem !important;\r\n}\r\n\r\n\r\n</style>\r\n"]}