{"version":3,"sources":["webpack:///./src/views/Livsmiljoer.vue?20c5","webpack:///./src/views/Livsmiljoer.vue?4520","webpack:///src/views/Livsmiljoer.vue","webpack:///./src/views/Livsmiljoer.vue?00f0","webpack:///./src/views/Livsmiljoer.vue?6893"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","$vuetify","breakpoint","mdAndUp","_l","section","key","id","on","$event","$router","push","name","url","_s","heading","$_getImage","image","text","staticRenderFns","metaInfo","title","mixins","Setup","computed","methods","data","sections","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VContainer","VIcon","VImg","VRow","VSpacer"],"mappings":"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","file":"js/Livsmiljoer.892ea870.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Livsmiljoer.vue?vue&type=style&index=0&id=2499ae90&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-100 pb-5\"},[_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('h1',[_vm._v(\" Livsmiljöer \")]),_c('v-row',[_c('v-col',{attrs:{\"cols\":_vm.$vuetify.breakpoint.mdAndUp ? 9 : 12}},[_c('p',{staticClass:\"body-3\"},[_vm._v(\" Livsmiljön för en växt eller ett djur är den miljö där den kan leva. Sjögräsets livsmiljö utgörs exempelvis av grunda mjukbottnar där ljuset når ner. Många rörliga arter, som fisk, utnyttjar olika livsmiljöer under olika delar av livet. För att bevara havslevande arter måste vi skydda deras livsmiljöer. Men miljöer som är livsviktiga för många havslevande arter är också attraktiva för oss människor. \")])])],1)],1)],1),_c('v-row',{staticClass:\"justify-center\"},[_c('v-col',{staticClass:\"d-flex justify-space-around flex-wrap\",attrs:{\"cols\":\"12\"}},_vm._l((_vm.sections),function(section){return _c('v-btn',{key:section.id,staticClass:\"mt-4\",attrs:{\"rounded\":\"\",\"color\":\"primary\",\"dark\":\"\"},on:{\"click\":function($event){return _vm.$router.push({\n              name: section.url\n            })}}},[_vm._v(\" \"+_vm._s(section.heading)+\" \")])}),1)],1),_c('v-row',_vm._l((_vm.sections),function(section){return _c('v-col',{key:section.id,attrs:{\"cols\":_vm.$vuetify.breakpoint.mdAndUp ? 6 : 12}},[_c('v-card',{attrs:{\"id\":section.url}},[_c('v-img',{attrs:{\"min-height\":\"300\",\"src\":_vm.$_getImage(section.image),\"height\":\"200px\"}}),_c('v-card-title',[_vm._v(\" \"+_vm._s(section.heading)+\" \")]),_c('v-card-text',{staticClass:\"subtitle-1\"},[_vm._v(\" \"+_vm._s(section.text)+\" \")]),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary darken-2\",\"ripple\":\"\",\"text\":\"\"},on:{\"click\":function($event){return _vm.$router.push({\n                  name: section.url\n                })}}},[_vm._v(\" Läs \"),_c('v-icon',{attrs:{\"right\":\"\"}},[_vm._v(\" mdi-arrow-right \")])],1)],1)],1)],1)}),1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"w-100 pb-5\">\n    <v-container>\n      <v-row>\n        <v-col cols=\"12\">\n          <h1>\n            Livsmiljöer\n          </h1>\n          <v-row>\n            <v-col :cols=\"$vuetify.breakpoint.mdAndUp ? 9 : 12\">\n              <p class=\"body-3\">\n                Livsmiljön för en växt eller ett djur är den miljö där den kan\n                leva. Sjögräsets livsmiljö utgörs exempelvis av grunda\n                mjukbottnar där ljuset når ner. Många rörliga arter, som fisk,\n                utnyttjar olika livsmiljöer under olika delar av livet. För att\n                bevara havslevande arter måste vi skydda deras livsmiljöer. Men\n                miljöer som är livsviktiga för många havslevande arter är också\n                attraktiva för oss människor.\n              </p>\n            </v-col>\n          </v-row>\n        </v-col>\n      </v-row>\n\n      <v-row class=\"justify-center\">\n        <v-col cols=\"12\" class=\"d-flex justify-space-around flex-wrap\">\n          <v-btn\n            class=\"mt-4\"\n            rounded\n            color=\"primary\"\n            dark\n            v-for=\"section in sections\"\n            :key=\"section.id\"\n            @click=\"\n              $router.push({\n                name: section.url\n              })\n            \"\n          >\n            {{ section.heading }}\n          </v-btn>\n        </v-col>\n      </v-row>\n\n      <v-row>\n        <v-col\n          :cols=\"$vuetify.breakpoint.mdAndUp ? 6 : 12\"\n          v-for=\"section in sections\"\n          :key=\"section.id\"\n        >\n          <v-card :id=\"section.url\">\n            <v-img\n              min-height=\"300\"\n              :src=\"$_getImage(section.image)\"\n              height=\"200px\"\n            ></v-img>\n\n            <v-card-title>\n              {{ section.heading }}\n            </v-card-title>\n\n            <v-card-text class=\"subtitle-1\">\n              {{ section.text }}\n            </v-card-text>\n\n            <v-card-actions>\n              <v-spacer></v-spacer>\n              <v-btn\n                color=\"primary darken-2\"\n                ripple\n                text\n                @click=\"\n                  $router.push({\n                    name: section.url\n                  })\n                \"\n              >\n                Läs\n                <v-icon right>\n                  mdi-arrow-right\n                </v-icon>\n              </v-btn>\n            </v-card-actions>\n          </v-card>\n        </v-col>\n      </v-row>\n    </v-container>\n  </div>\n</template>\n\n<script>\nimport Setup from '@/mixins/Setup.js'\nimport Misc from '@/mixins/Misc.js'\n\nexport default {\n  name: 'Livsmiljoer',\n  metaInfo: {\n    title: 'Livsmiljöer'\n  },\n  mixins: [Setup, Misc],\n  computed: {},\n  methods: {\n    // selectSection(window, selectedEnv) {\n    //   this.sampleSize = 4\n    //   this.window = window\n    //   this.selectedEnv = selectedEnv\n    // }\n  },\n  data() {\n    return {\n      sections: [\n        {\n          id: 5,\n          heading: 'Grunda klipp- och stenbottnar',\n          text:\n            'Från ytan ner till ungefär en meters djup växer fintrådiga grönalger på sommaren. Djupare finns ett bälte av flerårig tång som når ned till mer än tio meters djup i ytterskärgården. I Bottenviken saknas tången, där breder grönalgerna ut sig nedåt istället.',\n          url: 'grunda-klipp-och-stenbottnar',\n          image: '2442'\n        },\n        {\n          id: 2,\n          heading: 'Djupa klipp- och stenbottnar',\n          text:\n            'Djupare ned på klippbottnarna, under grön- och brunalgsbältena, breder rödalgerna ut sig. Det är inte mycket ljus som når hit men rödalgerna kan utnyttja det lilla som finns. Ännu djupare ned, dit ljuset inte når, tar djuren över.',\n          url: 'djupa-klipp-och-stenbottnar',\n          image: '2010'\n        },\n        {\n          id: 1,\n          heading: 'Grunda mjuka bottnar',\n          text:\n            'Vid de grunda mjuka bottnarna är vattnet ofta mer stillastående än ute i fjärdar och öppet hav. Öar, uddar och trösklar gör vattenutbytet och vågrörelserna mindre, vilket ger varmare vatten. Här breder vattenväxter och snärjtång ut sig i täta ängar. Längst in i viken står ofta vassen tät. ',\n          url: 'grunda-mjuka-bottnar',\n          image: '6530'\n        },\n        {\n          id: 4,\n          heading: 'Djupa mjuka bottnar',\n          text:\n            'Från drygt 20 meters djup och ända ned i de djupaste mörka hålorna, ligger ett tjockt lager av slam som en slöja över botten och suddar ut konturen av berg och stenar. På dessa väldiga lerslätter lever ett unikt mjukbottensamhälle bestående av olika smådjur. ',\n          url: 'djupa-mjuka-bottnar',\n          image: '2557'\n        },\n        {\n          id: 3,\n          heading: 'Det fria vattnet',\n          text:\n            'Ute till havs, i det fria vattnet, är miljöförhållandena ganska lika överallt. Därför är mångfalden av större växter och djur lägre här än den är på mjuk- och hårdbottnar. I vattnet närmast ytan lever mängder av olika arter växt- och djurplankton. ',\n          url: 'det-fria-vattnet',\n          image: '4288'\n        }\n      ]\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\nh1 {\n  font-size: 2.125rem !important;\n  font-weight: 400;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Livsmiljoer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Livsmiljoer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Livsmiljoer.vue?vue&type=template&id=2499ae90&scoped=true&\"\nimport script from \"./Livsmiljoer.vue?vue&type=script&lang=js&\"\nexport * from \"./Livsmiljoer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Livsmiljoer.vue?vue&type=style&index=0&id=2499ae90&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2499ae90\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VContainer,VIcon,VImg,VRow,VSpacer})\n"],"sourceRoot":""}