{"componentChunkName":"component---node-modules-gatsby-theme-blog-core-src-templates-post-query-js","path":"/blog/notemark-webextension/","result":{"data":{"site":{"siteMetadata":{"title":"Geekynut","social":[{"name":"twitter","url":"https://twitter.com/geekynut"},{"name":"github","url":"https://github.com/geekynut"}]}},"blogPost":{"__typename":"MdxBlogPost","id":"9091119a-fbaa-5157-acd1-0af39c7c4566","excerpt":"You can install the extension from the chrome webstore   Notemark A webextension that helps your research I created a small extension for…","body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Notemark\",\n  \"path\": \"/blog/notemark-webextension\",\n  \"tags\": [\"webextension\", \"gather information\", \"research\"],\n  \"date\": \"2021-01-27T00:00:00.000Z\",\n  \"topic\": \"Webextension\",\n  \"level\": \"beginner\",\n  \"description\": \"A small chrome extension that helps you gather content from websites and save them in pdf.\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"hr\", null), mdx(\"p\", null, \"You can install the extension from the chrome webstore \", mdx(\"a\", {\n    href: \"https://chrome.google.com/webstore/detail/vue-notemark/nklhjpaegmiemdpdfmiadcmghnffdojh\"\n  }, \" Notemark\")), mdx(\"hr\", null), mdx(\"h4\", {\n    \"id\": \"a-webextension-that-helps-your-research\"\n  }, \"A webextension that helps your research\"), mdx(\"p\", null, \"I created a small extension for Chromium based browsers, that helps you gather information from one or more websites.\\nThis extension allows you to copy text from different webpages and gather them up in useful notes. I named it Notemark, it is a tool designed for people that need to research or organize content and have reference to the source.\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"947px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"64.05797101449275%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAABJzAAAScwGMIrkHAAACIElEQVQoz32Ry2oUQRSG+71cKLgQxMvKnW+g4E5c6AOoq6hJMAQFQVy4UVDwlmgiSUaJTMIkJJl7MtOT6emuOnXt6lvVsScxIajk8HEWf3Hq/PzHCwk7hoCgwAll0REnX4/F4SgaBkHf3/ey/E8laTqKot6IBiCBC3oACCliLbTmWtEjMaTQrfuEEC/JLKgszV3ETHt3t9octgNJOBsBCyisb3ZWfu5UVutrG90hgVIsCRn3fWKStNxslSmHrYpTJiXjwBgAE0IqLhUBHoR0FEFISk0eilxKoWTp1EMsEO1BL2IlBoMehdCEyhUOT60syzypkUvkCoFbELbn8/5AlOz1oeeL3mAcoVKlES5EuVWUOXDBlDHWWm+5iv0AO33s+mV3Ww291Yzr7XSnnTQ65lct2aprLTXQWLCEgWE0ppHSo8jawmvujj24Ex5tbopM2lwjagppo+mMdJw4AY5TB6FjkUt7w/Hwlyp2GTZCbBHXilwXsNbXqy1WUt1TP7bjjj/+2P6TQFEU3tmHePEZXnjsrj5xl0om3eUpd2Uarz1116f5uUe4uJE5GwtlVGyUidvbanM1btR4kibemQd4fsbeuV3cv8leTMH8Z/bxHfs6pxbe5rMT+/c+uMU1KRUNyPhaESfzb4avJ8P3r3yllXdjFm+9dHcn8uczybdP6cpStvQ9qyxnC3NFpYI7LRwEf4Vij0Dvvzd0hziXF6ed+jc+wMic8feMlAAAAABJRU5ErkJggg==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"notemark screenshot\",\n    \"title\": \"notemark screenshot\",\n    \"src\": \"/static/33bf3151ea7b16455e4c4aa53c50042f/78597/notemark.png\",\n    \"srcSet\": [\"/static/33bf3151ea7b16455e4c4aa53c50042f/e4d6b/notemark.png 345w\", \"/static/33bf3151ea7b16455e4c4aa53c50042f/1e043/notemark.png 690w\", \"/static/33bf3151ea7b16455e4c4aa53c50042f/78597/notemark.png 947w\"],\n    \"sizes\": \"(max-width: 947px) 100vw, 947px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n    \")), mdx(\"p\", null, \"Once enabled, Notemar emits an event that stays idle till a text is selected. Once a text is selected, a popup menu is created where the user can choose if copy(to the clipboard) or store the selected text.\\nThe text will be saved under a todo like structure. You can give a title and gather similar content under the same leaf/note or create a new note/leaf with a different name.\\nThe saved notes can be viewed once the notemark icon is clicked. From the menu you can delete one or all the notes and print them using the print button.\"), mdx(\"p\", null, \"The app uses the browser storage to save the data, so the data is volatile. You Should print it if you wish to secure the content.\"), mdx(\"p\", null, \"Here is a small video that shows how it works.\"), mdx(\"iframe\", {\n    src: \"https://www.youtube.com/embed/HvEPM_lGWRs\",\n    title: \"test\",\n    allow: \"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\",\n    frameBorder: \"0\",\n    className: \"youtubeVideo\",\n    webkitallowfullscreen: \"true\",\n    mozallowfullscreen: \"true\",\n    allowFullScreen: true\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","slug":"/blog/notemark-webextension/","title":"Notemark","tags":["webextension","gather information","research"],"keywords":[],"date":"January 27, 2021"},"previous":{"__typename":"MdxBlogPost","id":"1154b7c2-0034-53a3-a86e-45101a10de6d","excerpt":"Gatsby's hello-world starter with tailwind and sass preprocessor This starter ships with the main Gatsby configuration files, sass and…","slug":"/blog/gatsby-tailwind/","title":"Tailwind and gatsby","date":"September 02, 2020"},"next":null},"pageContext":{"id":"9091119a-fbaa-5157-acd1-0af39c7c4566","previousId":"1154b7c2-0034-53a3-a86e-45101a10de6d"}}}