{"version":3,"sources":["webpack:///./src/components/InfoCallout.vue","webpack:///./src/components/InfoCallout.vue?07a8","webpack:///./src/components/InfoCallout.vue?1aee","webpack:///./src/views/Letters.vue","webpack:///./src/views/Letters.vue?d2eb","webpack:///./src/views/Letters.vue?c409"],"names":["class","title","subhead","source","text","name","props","String","__exports__","render","letters","letter","key","id","letterBody","contributor","setup","siteData","description","meta","content","property","components","LetterItem","InfoCallout","data","methods","loadLetters","jsonData","i","length","thisLetter","attributes","console","log","this","push","mounted"],"mappings":"qIACOA,MAAM,gB,GACJA,MAAM,W,gHADb,gCAMM,MANN,EAMM,CALJ,gCAIM,MAJN,EAIM,CAHJ,gCAAoB,uCAAb,EAAAC,OAAK,GACY,EAAAC,S,yBAAxB,yBAAqE,G,MAAnCC,OAAQ,EAAAD,QAASF,MAAM,W,2DACjC,EAAAI,M,yBAAxB,yBAA4D,G,MAA7BD,OAAQ,EAAAC,KAAMJ,MAAM,Q,+DAM1C,OACbK,KAAM,cACNC,MAAO,CACLL,MAAOM,OACPL,QAASK,OACTH,KAAMG,S,iCCTV,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,U,oCCTf,W,kKCCOT,MAAM,gB,4uCAuCJA,MAAM,kB,uBACT,gCAAyC,UAArC,oCAAgC,M,yJAxCxC,gCAiDM,MAjDN,EAiDM,CAhDJ,EA+BA,yBAKE,GAJAC,MAAM,kBACNC,QAAQ,qFACRE,KAAK,yGAIP,gCASM,MATN,EASM,CARJ,G,2BACA,gCAME,2CALiB,EAAAM,SAAO,SAAjBC,G,gCADT,yBAME,GAJCC,IAAG,SAAaD,EAAOE,GACvBA,GAAIF,EAAOE,GACXC,WAAYH,EAAOG,WACnBC,YAAaJ,EAAOI,a,+HAcd,GACbC,MADa,WAEX,IAAMC,EAAW,sBAAS,CACxBhB,MAAO,wBACPiB,YAAa,qCAGf,eAAQ,CAENjB,MAAO,uBAAS,kBAAMgB,EAAShB,SAC/BkB,KAAM,CACJ,CACEd,KAAM,cACNe,QAAS,uBAAS,kBAAMH,EAASC,gBAEnC,CACEG,SAAU,WACVD,QAAS,uBAAS,kBAAMH,EAAShB,UAEnC,CACEoB,SAAU,iBACVD,QAAS,kKAEX,CACEC,SAAU,eACVD,QAAS,uBAAS,kBAAMH,EAAShB,UAEnC,CACEoB,SAAU,YACVD,QAAS,SAEX,CACEC,SAAU,UACVD,QAAS,WAEX,CACEC,SAAU,SACVD,QAAS,8BAEX,CACEC,SAAU,WACVD,QAAS,sDAEX,CACEf,KAAM,eACNe,QAAS,uBAEX,CACEf,KAAM,cACNe,QAAS,sCAEX,CACEf,KAAM,gBACNe,QAAS,uBAAS,kBAAMH,EAAShB,UAEnC,CACEI,KAAM,sBACNe,QAAS,uBAAS,kBAAMH,EAASC,gBAEnC,CACEb,KAAM,gBACNe,QAAS,kEAKjBf,KAAM,MACNiB,WAAY,CACVC,aAAA,KACAC,cAAA,MAEFC,KAAM,WACJ,MAAO,CACLf,QAAS,KAGbgB,QAAS,CACPC,YADO,SACKC,GACV,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAASH,KAAKK,OAAQD,IAAK,CAC7C,IAAIE,EAAa,GACjBA,EAAWlB,GAAKe,EAASH,KAAKI,GAAGhB,GAC7Be,EAASH,KAAKI,GAAGG,WAAWjB,YAC9BgB,EAAWhB,YAAca,EAASH,KAAKI,GAAGG,WAAWjB,YAErDgB,EAAWhB,YAAc,KAG3BgB,EAAWjB,WAAac,EAASH,KAAKI,GAAGG,WAAWrB,OACpDsB,QAAQC,MACRC,KAAKzB,QAAQ0B,KAAKL,GAEpBE,QAAQC,IAAR,gCAAqCC,KAAKzB,QAAQoB,OAAlD,gBAGJO,QA9Fa,WA+FXF,KAAKR,YAAYjB,K,iCCrJrB,MAAMF,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,kFCTf,W","file":"js/chunk-580d7b6e.3e5a290e.js","sourcesContent":["<template>\n  <div class=\"info-callout\">\n    <div class=\"content\">\n      <h2>{{ title }}</h2>\n      <vue3-markdown-it v-if=\"subhead\" :source=\"subhead\" class=\"subhead\" />\n      <vue3-markdown-it v-if=\"text\" :source=\"text\" class=\"text\" />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"InfoCallout\",\n  props: {\n    title: String,\n    subhead: String,\n    text: String,\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../assets/style-vars.scss\";\n.info-callout {\n  border-width: 1px 0;\n  border-style: solid;\n  border-color: $light-gray;\n  padding: 6rem 2rem;\n  margin: 6rem 4rem;\n  .content {\n    max-width: 420px;\n    margin: 0 auto;\n    h2 {\n      font-family: \"Torque\", \"HelveticaNeue\", \"Helvetica Neue\", Helvetica, Arial,\n        sans-serif;\n      font-weight: 500;\n      font-size: 2.2rem;\n    }\n    .subhead {\n      font-size: 1.8rem;\n    }\n    .text {\n      font-size: 1.4rem;\n    }\n  }\n}\n\n/* Larger than mobile */\n@media (min-width: 400px) {\n}\n\n/* Larger than phablet (also point when grid becomes active) */\n@media (min-width: 550px) {\n}\n\n/* Larger than tablet */\n@media (min-width: 750px) {\n  .info-callout {\n    .content {\n      .subhead {\n        font-size: 2.2rem;\n      }\n      .text {\n        font-size: 2rem;\n      }\n    }\n  }\n}\n\n/* Larger than desktop */\n@media (min-width: 1000px) {\n}\n\n/* Larger than Desktop HD */\n@media (min-width: 1200px) {\n}\n</style>\n","import { render } from \"./InfoCallout.vue?vue&type=template&id=51c984bf&scoped=true\"\nimport script from \"./InfoCallout.vue?vue&type=script&lang=js\"\nexport * from \"./InfoCallout.vue?vue&type=script&lang=js\"\n\nimport \"./InfoCallout.vue?vue&type=style&index=0&id=51c984bf&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/rhizomedesign/Dropbox/2021/09-Dear Climate Site/Dear Climate Web/dear-climate/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-51c984bf\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./InfoCallout.vue?vue&type=style&index=0&id=51c984bf&lang=scss&scoped=true\"","<template>\n  <div class=\"page letters\">\n    <div class=\"section-header\">\n      <h1>Letters</h1>\n      <h2 class=\"section-tagline\">What would other earthlings say?</h2>\n      <div class=\"letters-section-intro\">\n        <div class=\"letter-frame rot-2\">\n          <p class=\"salutations\">Dear human</p>\n          <p>\n            Please join us in our efforts to address the climate in new\n            ways—literally: write a letter to the climate and send it to us.\n          </p>\n          <p>\n            Write from anyone or anything: yourself, our species, another\n            species of animal or plant, a place, a thing, an atmospheric\n            phenomenon, your electric guitar, your favorite massage oil,\n            Nietzsche, Al Gore, The CEO of BP, the Dalai Lama...\n          </p>\n          <p>\n            Use any form you want: prose, verse, blank verse, a list, a memo, a\n            txt. msg., a tweet, a short story, a monologue, a jeremiad, a song,\n            a love letter, an official complaint...\n          </p>\n          <p>Any length, any language. No holds barred. No trigger warnings.</p>\n          <p>The climate looks forward to hearing from you, and so do we.</p>\n          <p class=\"valediction\">\n            Love and thanks,<br />\n            Marina, Una, Fritz, and Oliver\n          </p>\n        </div>\n      </div>\n    </div>\n    <!-- CALL TO SUBMIT LETTERS -->\n    <InfoCallout\n      title=\"Submit a Letter\"\n      subhead=\"Send your contributions to [dearclimate@gmail.com](mailto:dearclimate@mgmail.com).\"\n      text=\"If we feature your contribution on this website, we’ll be in touch\n        with you for permission.\"\n    />\n    <!-- LETTERS GALLERY -->\n    <div class=\"letter-gallery\">\n      <h1>Some responses to our invitation</h1>\n      <LetterItem\n        v-for=\"letter in letters\"\n        :key=\"'letter' + letter.id\"\n        :id=\"letter.id\"\n        :letterBody=\"letter.letterBody\"\n        :contributor=\"letter.contributor\"\n      />\n    </div>\n  </div>\n</template>\n<script>\nimport LetterItem from \"@/components/LetterItem.vue\";\nimport InfoCallout from \"@/components/InfoCallout.vue\";\n\nimport lettersJSON from \"@/page-contents/letters.json\";\n\nimport { computed, reactive } from \"vue\";\nimport { useHead } from \"@vueuse/head\";\n\nexport default {\n  setup() {\n    const siteData = reactive({\n      title: `DEAR CLIMATE: Letters`,\n      description: `WHAT WOULD OTHER EARTHLINGS SAY?`,\n    });\n\n    useHead({\n      // Can be static or computed\n      title: computed(() => siteData.title),\n      meta: [\n        {\n          name: `description`,\n          content: computed(() => siteData.description),\n        },\n        {\n          property: `og:title`,\n          content: computed(() => siteData.title),\n        },\n        {\n          property: `og:description`,\n          content: `DEAR CLIMATE is a creative-research project working for a better relationship to the more-than-human world, including geo-physical forces, and others species.`,\n        },\n        {\n          property: `og:site_name`,\n          content: computed(() => siteData.title),\n        },\n        {\n          property: `og:locale`,\n          content: `en_US`,\n        },\n        {\n          property: `og:type`,\n          content: `website`,\n        },\n        {\n          property: `og:url`,\n          content: `http://www.dearclimate.net`,\n        },\n        {\n          property: `og:image`,\n          content: `http://www.dearclimate.net/dear-climate-og-img.jpg`,\n        },\n        {\n          name: `twitter:card`,\n          content: `summary_large_image`,\n        },\n        {\n          name: `twitter:url`,\n          content: `http://www.dearclimate.net/letters`,\n        },\n        {\n          name: `twitter:title`,\n          content: computed(() => siteData.title),\n        },\n        {\n          name: `twitter:description`,\n          content: computed(() => siteData.description),\n        },\n        {\n          name: `twitter:image`,\n          content: `http://www.dearclimate.net/dear-climate-og-twitter-img.jpg`,\n        },\n      ],\n    });\n  },\n  name: \"App\",\n  components: {\n    LetterItem,\n    InfoCallout,\n  },\n  data: function () {\n    return {\n      letters: [],\n    };\n  },\n  methods: {\n    loadLetters(jsonData) {\n      for (let i = 0; i < jsonData.data.length; i++) {\n        let thisLetter = {};\n        thisLetter.id = jsonData.data[i].id;\n        if (jsonData.data[i].attributes.contributor) {\n          thisLetter.contributor = jsonData.data[i].attributes.contributor;\n        } else {\n          thisLetter.contributor = null;\n        }\n\n        thisLetter.letterBody = jsonData.data[i].attributes.letter;\n        console.log();\n        this.letters.push(thisLetter);\n      }\n      console.log(`Letters loaded. Total ${this.letters.length} letters.`);\n    },\n  },\n  mounted() {\n    this.loadLetters(lettersJSON);\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.section-header {\n  margin-left: 0;\n  margin-right: 0;\n}\n.letters-section-intro {\n  max-width: 760px;\n  margin: 0 auto 14rem auto;\n  padding: 4rem 2rem;\n  text-align: left;\n  overflow: hidden;\n  .letter-frame {\n    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);\n    padding: 7rem 1rem 7rem 4rem;\n    background-color: rgb(247, 247, 239);\n    background-image: linear-gradient(\n        90deg,\n        transparent 29px,\n        #abced4 29px,\n        #abced4 31px,\n        transparent 31px\n      ),\n      linear-gradient(#eee 0.1em, transparent 0.1em);\n    background-size: 100% 1.2em;\n  }\n  .salutations {\n    font-size: 2.2rem;\n  }\n  p {\n    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter,\n      monospace;\n    font-size: 1.6rem;\n    font-weight: 600;\n    color: rgb(32, 32, 45);\n  }\n  .valediction {\n  }\n}\n\n.letter-gallery {\n  padding: 2rem;\n  h1 {\n    font-size: 2.8rem;\n  }\n}\n\n/* Larger than mobile */\n@media (min-width: 400px) {\n}\n\n/* Larger than phablet (also point when grid becomes active) */\n@media (min-width: 550px) {\n}\n\n/* Larger than tablet */\n@media (min-width: 750px) {\n  .letters-section-intro {\n    max-width: 760px;\n    margin: 0 auto 14rem auto;\n    overflow: visible;\n    .letter-frame {\n      padding: 7rem 4rem 7rem 12rem;\n      background-image: linear-gradient(\n          90deg,\n          transparent 79px,\n          #abced4 79px,\n          #abced4 81px,\n          transparent 81px\n        ),\n        linear-gradient(#eee 0.1em, transparent 0.1em);\n      background-size: 100% 1.2em;\n    }\n    p {\n      font-size: 1.8rem;\n    }\n  }\n  .letter-gallery {\n    padding: 2rem;\n    h1 {\n      font-size: 3.6rem;\n    }\n  }\n}\n\n/* Larger than desktop */\n@media (min-width: 1000px) {\n}\n\n/* Larger than Desktop HD */\n@media (min-width: 1200px) {\n}\n</style>\n","import { render } from \"./Letters.vue?vue&type=template&id=2fbd1b79&scoped=true\"\nimport script from \"./Letters.vue?vue&type=script&lang=js\"\nexport * from \"./Letters.vue?vue&type=script&lang=js\"\n\nimport \"./Letters.vue?vue&type=style&index=0&id=2fbd1b79&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/rhizomedesign/Dropbox/2021/09-Dear Climate Site/Dear Climate Web/dear-climate/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2fbd1b79\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Letters.vue?vue&type=style&index=0&id=2fbd1b79&lang=scss&scoped=true\""],"sourceRoot":""}