archived archived selected part of the page using SingleFile Browser extension and uploaded the snarfed copy of the selected part of the page to IPFS using IPFS Desktop

with embed.js

archived archived selected part of the page using SingleFile Browser extension and uploaded the snarfed copy of the selected part of the page to IPFS using IPFS Desktop

<svg viewBox="100 100 1100 500" width="670" height="300" version="1.1" xmlns="http://www.w3.org/2000/svg"><rect width="1100" height="600" fill="#FFFFFF"></rect><g transform="translate(419,295)"><text text-anchor="middle" transform="translate(57, -102)" style="font-size: 70px; user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">web</text><text text-anchor="middle" transform="translate(-55, -10)" style="font-size: 37.6px; user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">save</text><text text-anchor="middle" transform="translate(-166, -27)" style="font-size: 37.6px; user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">pages</text><text text-anchor="middle" transform="translate(58, -64)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">folder</text><text text-anchor="middle" transform="translate(117, 49)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">saved</text><text text-anchor="middle" transform="translate(-110, -111)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">singlefile</text><text text-anchor="middle" transform="translate(-147, 91)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">page</text><text text-anchor="middle" transform="translate(-29, -86)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">gyuri's</text><text text-anchor="middle" transform="translate(-135, 30)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">snarf</text><text text-anchor="middle" transform="translate(-209, 56)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">week</text><text text-anchor="middle" transform="translate(-15, -56)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">october</text><text text-anchor="middle" transform="translate(-145, 55)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">links</text><text text-anchor="middle" transform="translate(29, 112)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">view</text><text text-anchor="middle" transform="translate(-7, 141)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">sandbox</text><text text-anchor="middle" transform="translate(117, 128)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">purpose</text><text text-anchor="middle" transform="translate(-20, -149)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">provide</text><text text-anchor="middle" transform="translate(48, -19)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">space</text><text text-anchor="middle" transform="translate(-158, -75)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">meta-reflective</text><text text-anchor="middle" transform="translate(140, -64)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">discussion</text><text text-anchor="middle" transform="translate(154, -87)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">dedicated</text><text text-anchor="middle" transform="translate(-92, 66)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">snarfed</text><text text-anchor="middle" transform="translate(-154, -140)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">copied</text><text text-anchor="middle" transform="translate(-79, -40)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">without</text><text text-anchor="middle" transform="translate(84, -164)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">explicit</text><text text-anchor="middle" transform="translate(-149, -3)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">permission</text><text text-anchor="middle" transform="translate(169, 108)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">private</text><text text-anchor="middle" transform="translate(-206, 95)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">study</text><text text-anchor="middle" transform="translate(134, 87)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">research</text><text text-anchor="middle" transform="translate(169, -113)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">attributed</text><text text-anchor="middle" transform="translate(56, -43)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">sharing</text><text text-anchor="middle" transform="translate(233, -93)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">claiming</text><text text-anchor="middle" transform="translate(4, 8)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">constitutin</text><text text-anchor="middle" transform="translate(-185, -99)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">fair</text><text text-anchor="middle" transform="translate(36, -152)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">use</text><text text-anchor="middle" transform="translate(166, 66)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">usin</text><text text-anchor="middle" transform="translate(-102, 136)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">browser</text><text text-anchor="middle" transform="translate(-65, 88)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">extension</text><text text-anchor="middle" transform="translate(-44, -169)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">designed</text><text text-anchor="middle" transform="translate(-226, -94)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">form</text><text text-anchor="middle" transform="translate(-62, 117)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">allows</text><text text-anchor="middle" transform="translate(-232, 2)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">failthful</text><text text-anchor="middle" transform="translate(54, -185)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">presentation</text><text text-anchor="middle" transform="translate(-203, 26)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">looked</text><text text-anchor="middle" transform="translate(-198, -122)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">time</text><text text-anchor="middle" transform="translate(184, 27)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">saving</text><text text-anchor="middle" transform="translate(196, 139)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">understand</text><text text-anchor="middle" transform="translate(-54, 28)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">correctly</text><text text-anchor="middle" transform="translate(219, 95)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">runs</text><text text-anchor="middle" transform="translate(149, -149)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">jaacript</text><text text-anchor="middle" transform="translate(208, 6)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">resultatnt</text></g></svg>

<svg viewBox="150 190 1100 160" width="770" height="240" version="1.1" xmlns="http://www.w3.org/2000/svg"><rect width="1100" height="600" fill="#FFFFFF"></rect><g transform="translate(419,295)"><text text-anchor="middle" transform="translate(161, -45)" style="font-size: 70px; user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">web</text><text text-anchor="middle" transform="translate(185, 47)" style="font-size: 37.6px; user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">save</text><text text-anchor="middle" transform="translate(136, -98)" style="font-size: 37.6px; user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">pages</text><text text-anchor="middle" transform="translate(27, -84)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">folder</text><text text-anchor="middle" transform="translate(154, -13)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">saved</text><text text-anchor="middle" transform="translate(-84, -128)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">singlefile</text><text text-anchor="middle" transform="translate(53, -117)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">page</text><text text-anchor="middle" transform="translate(-7, 15)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">gyuri's</text><text text-anchor="middle" transform="translate(70, -55)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">snarf</text><text text-anchor="middle" transform="translate(-137, 30)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 150, 210);">week</text><text text-anchor="middle" transform="translate(15, -28)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">october</text><text text-anchor="middle" transform="translate(227, 68)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">links</text><text text-anchor="middle" transform="translate(105, 37)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">view</text><text text-anchor="middle" transform="translate(160, -131)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">sandbox</text><text text-anchor="middle" transform="translate(-193, 34)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">purpose</text><text text-anchor="middle" transform="translate(-173, -130)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">provide</text><text text-anchor="middle" transform="translate(-22, 42)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">space</text><text text-anchor="middle" transform="translate(-123, -80)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">meta-reflective</text><text text-anchor="middle" transform="translate(0, -61)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">discussion</text><text text-anchor="middle" transform="translate(15, -7)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(76, 40, 130);">dedicated</text><text text-anchor="middle" transform="translate(-71, 25)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">snarfed</text><text text-anchor="middle" transform="translate(100, 9)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">copied</text><text text-anchor="middle" transform="translate(-64, -4)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">without</text><text text-anchor="middle" transform="translate(48, 32)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">explicit</text><text text-anchor="middle" transform="translate(124, 68)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">permission</text><text text-anchor="middle" transform="translate(-47, -103)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">private</text><text text-anchor="middle" transform="translate(-172, 59)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">study</text><text text-anchor="middle" transform="translate(-164, -154)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">research</text><text text-anchor="middle" transform="translate(78, -143)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">attributed</text><text text-anchor="middle" transform="translate(-49, -41)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(0, 236, 183);">sharing</text><text text-anchor="middle" transform="translate(-207, 14)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">claiming</text><text text-anchor="middle" transform="translate(-204, -98)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">constitutin</text><text text-anchor="middle" transform="translate(137, -157)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">fair</text><text text-anchor="middle" transform="translate(148, 18)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">use</text><text text-anchor="middle" transform="translate(-25, -151)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">usin</text><text text-anchor="middle" transform="translate(69, -175)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">browser</text><text text-anchor="middle" transform="translate(-151, -56)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">extension</text><text text-anchor="middle" transform="translate(41, 55)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">designed</text><text text-anchor="middle" transform="translate(-133, 6)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">form</text><text text-anchor="middle" transform="translate(88, 98)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(231, 33, 153);">allows</text><text text-anchor="middle" transform="translate(196, 11)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">failthful</text><text text-anchor="middle" transform="translate(30, 78)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">presentation</text><text text-anchor="middle" transform="translate(-121, -101)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">looked</text><text text-anchor="middle" transform="translate(216, -108)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">time</text><text text-anchor="middle" transform="translate(0, -175)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">saving</text><text text-anchor="middle" transform="translate(-143, -19)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">understand</text><text text-anchor="middle" transform="translate(231, -13)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">correctly</text><text text-anchor="middle" transform="translate(133, 124)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">runs</text><text text-anchor="middle" transform="translate(-225, -35)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">javacript</text><text text-anchor="middle" transform="translate(-231, -74)" style="user-select: none; cursor: default; font-family: Lato; fill: rgb(135, 105, 214);">resultatnt</text></g></svg>

<svg width="347" height="590"><g transform="translate(173.5,295)"><text text-anchor="middle" transform="translate(39, -9)" style="font-size: 70px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(0, 150, 210);">web</text><text text-anchor="middle" transform="translate(64, -103)" style="font-size: 34px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(0, 150, 210);">save</text><text text-anchor="middle" transform="translate(28, -136)" style="font-size: 34px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(0, 150, 210);">pages</text><text text-anchor="middle" transform="translate(38, 26)" style="font-size: 25px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(0, 150, 210);">snarf</text><text text-anchor="middle" transform="translate(18, -73)" style="font-size: 25px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(76, 40, 130);">folder</text><text text-anchor="middle" transform="translate(106, -72)" style="font-size: 25px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(76, 40, 130);">saved</text><text text-anchor="middle" transform="translate(4, -170)" style="font-size: 25px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(76, 40, 130);">singlefile</text><text text-anchor="middle" transform="translate(80, -170)" style="font-size: 25px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(0, 236, 183);">page</text><text text-anchor="middle" transform="translate(-73, -121)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(0, 236, 183);">hyperpost</text><text text-anchor="middle" transform="translate(-85, 53)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(0, 236, 183);">gyuri</text><text text-anchor="middle" transform="translate(-69, -150)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(231, 33, 153);">gyuri's</text><text text-anchor="middle" transform="translate(-52, -24)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(231, 33, 153);">week</text><text text-anchor="middle" transform="translate(-33, 52)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(231, 33, 153);">october</text><text text-anchor="middle" transform="translate(-63, 82)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(135, 105, 214);">links</text><text text-anchor="middle" transform="translate(68, 82)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(135, 105, 214);">view</text><text text-anchor="middle" transform="translate(-1, -106)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(135, 105, 214);">sandbox</text></g></svg><svg width="347" height="590"><g transform="translate(173.5,295)"><text text-anchor="middle" transform="translate(39, -9)" style="font-size: 70px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(0, 150, 210);">web</text><text text-anchor="middle" transform="translate(64, -103)" style="font-size: 34px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(0, 150, 210);">save</text><text text-anchor="middle" transform="translate(28, -136)" style="font-size: 34px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(0, 150, 210);">pages</text><text text-anchor="middle" transform="translate(38, 26)" style="font-size: 25px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(0, 150, 210);">snarf</text><text text-anchor="middle" transform="translate(18, -73)" style="font-size: 25px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(76, 40, 130);">folder</text><text text-anchor="middle" transform="translate(106, -72)" style="font-size: 25px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(76, 40, 130);">saved</text><text text-anchor="middle" transform="translate(4, -170)" style="font-size: 25px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(76, 40, 130);">singlefile</text><text text-anchor="middle" transform="translate(80, -170)" style="font-size: 25px; user-select: none; cursor: default; font-family: Oswald; fill: rgb(0, 236, 183);">page</text><text text-anchor="middle" transform="translate(-73, -121)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(0, 236, 183);">hyperpost</text><text text-anchor="middle" transform="translate(-85, 53)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(0, 236, 183);">gyuri</text><text text-anchor="middle" transform="translate(-69, -150)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(231, 33, 153);">gyuri's</text><text text-anchor="middle" transform="translate(-52, -24)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(231, 33, 153);">week</text><text text-anchor="middle" transform="translate(-33, 52)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(231, 33, 153);">october</text><text text-anchor="middle" transform="translate(-63, 82)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(135, 105, 214);">links</text><text text-anchor="middle" transform="translate(68, 82)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(135, 105, 214);">view</text><text text-anchor="middle" transform="translate(-1, -106)" style="user-select: none; cursor: default; font-family: Oswald; fill: rgb(135, 105, 214);">sandbox</text></g></svg>

<svg width="379" height="590"><g transform="translate(189.5,295)"><text text-anchor="middle" transform="translate(-5, -103)" style="font-size:70px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">web</text><text text-anchor="middle" transform="translate(69, -37)" style="font-size:34px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">save</text><text text-anchor="middle" transform="translate(-88, 16)" style="font-size:34px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">pages</text><text text-anchor="middle" transform="translate(28, 72)" style="font-size:25px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">snarf</text><text text-anchor="middle" transform="translate(5, 109)" style="font-size:25px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">folder</text><text text-anchor="middle" transform="translate(-50, 59)" style="font-size:25px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">saved</text><text text-anchor="middle" transform="translate(10, -74)" style="font-size:25px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">singlefile</text><text text-anchor="middle" transform="translate(80, -155)" style="font-size:25px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">page</text><text text-anchor="middle" transform="translate(-22, -48)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">hyperpost</text><text text-anchor="middle" transform="translate(-80, -82)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">gyuri</text><text text-anchor="middle" transform="translate(21, -16)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">gyuri's</text><text text-anchor="middle" transform="translate(58, 142)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">week</text><text text-anchor="middle" transform="translate(9, -176)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">october</text><text text-anchor="middle" transform="translate(30, 15)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">links</text><text text-anchor="middle" transform="translate(-59, -11)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">view</text><text text-anchor="middle" transform="translate(97, -15)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">sandbox</text><text text-anchor="middle" transform="translate(-107, 40)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">via</text><text text-anchor="middle" transform="translate(71, 38)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">hyp</text><text text-anchor="middle" transform="translate(109, -95)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">purpose</text><text text-anchor="middle" transform="translate(42, -204)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">provide</text><text text-anchor="middle" transform="translate(-82, -149)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">space</text><text text-anchor="middle" transform="translate(-69, 129)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">meta-reflective</text><text text-anchor="middle" transform="translate(-79, 157)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">discussion</text><text text-anchor="middle" transform="translate(103, 17)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">dedicated</text></g></svg>

.purpose - keep track of web snarfing

// Use singleFile extension to save/archive webpages in a form that takes the result of running javascript to render the page

so that it can be rendered ready for annutatons

.4 - web snarf via web.telegram.org

use Singlefile to save what is shown using web.telegram

to.do - need to use save selected and only select the main panel not the left tab with al the connections shown

Install SingleFile Chrome Extension

great comment by the author of SingleFile on WebComponents - why u should not use them

☑️. Install SingleFile Chrome Extension

[self](https://via.hypothes.is/https://hyperpost

SingleFile

Web Extension for saving a faithful copy of a complete web page in a single HTML file

.peergos.me/~/gyuri/do/install/Extensions/singleFile/)

SingleFile

Web Extension for saving a faithful copy of a complete web page in a single HTML file

install SingleFile Chrome extension

Peergos hyperpost

self

live-faceted-search

SingleFile rocks

install SingleFile Chrome extension

Peergos hyperpost

self

live-faceted-search

I wanted to be able to do this for a long time

1. Save Web Page of interest with SingleFile chrome extension
2. Pin it on IPFS 3.. get pink like this

https://via.hypothes.is/https://ipfs.io/ipfs/bafkreidleedus56ocbwhoatemgngoum4by3ajr2bqw6egelyy5z7edwjiu

that would load hypothes.is annotation onto the page

So people can se the annotation even if they do not have the extension instlled

https://hypothes.is/a/jQmtlJodEfCocaO9VbUzdA

/hyperpost/📅/📍/⛛/♖/hyperpost/do/web/search/via/google.com/SingleFile/index.html

https://bafybeicyhws72tr4xdgjcpyb4cflrkx5254gqqrakyjymvsbizi6jausma.ipfs.dweb.link?filename=Introducing%20Contextual%20Retrieval%20%EF%BC%BC%20Anthropic.html

for pages that are important I tend to save them with SingleFile Chrome extension

and Pin then using Pianata.cloud on IPFS and add them to my locally running IPFS Desktop too

Soeven if the page gets changd out of recognition or vanish, which does happen most of the time I still have the page i spent time with available in the future

dweb.link.self:

https://bafybeiakloz2335l4c6zqgmptezmfnddf4lijdwbali5znp5zommvsbxc4.ipfs.dweb.link?filename=Ivo%20Velitchkov%20%EF%BD%9C%20Substack%20(8_8_2025%201%EF%BC%9A31%EF%BC%9A52%20PM).html

I've scrolled back as fast as to 1. of April

liked a few posts that I certainly wish to annotate/comment on

Then used SingleFile Browser extension

to obtain a single file that faithfully reproduces all that I've scrolled through

with the intent of hosting that file on IPFS

so that I have a permanent address for future sharing

one that then I can annotate using hypothesis

so Now I can read/annotate and comment with confidence that I'll not loose all that in the future

It seems to work even though it all gets to 11Mb which is a fair trade for permanence

why.here

around 2002 I read the book Content Management Bible Masterred Web Tech including XSD, Xalan XSLT the works

Concluded that it was a conceptually broken Tech

All the fudgery around URI as Universal Resource Identifier) which metastized like cancer into UniformResource Identifier

associplex - syntactic sugar causes cancer of the semicolon

the very idea of making it as a matter of Syntax was clearly wrong headed

Now that with the use of SingleFile Chrome Extension and combining that with IPFS pinnin we have a way of realizing the original intent of WebSnarf at InterPlanetary Scale

and combine that with Hypothe.is annotations

as a gateway to 1's MEMEplEX

ipfs: https://bafybeibycec243pdix7n3kodscxsymeppx2rih7mbvwa7yyzxmfxi7h53m.ipfs.dweb.link/?filename=universal%20resource%20identifier%20tim%20berners%20lee%20-%20Google%20Search%20(8_6_2025%205%EF%BC%9A16%EF%BC%9A28%20PM).html

self.link: https://hyp.is/RtebrHLaEfCP0btAbufVQw/www.google.com/search?q=universal+resource+identifier+tim+berners+lee&sca_esv=3d9aa816210a3b66&ei=q3CTaKSeI5jk7_UPquLa0AQ&ved=0ahUKEwjkn9iPvPaOAxUY8rsIHSqxFkoQ4dUDCBA&uact=5&oq=universal+resource+identifier+tim+berners+lee&gs_lp=Egxnd3Mtd2l6LXNlcnAiLXVuaXZlcnNhbCByZXNvdXJjZSBpZGVudGlmaWVyIHRpbSBiZXJuZXJzIGxlZTIEEAAYRzIEEAAYRzIEEAAYRzIEEAAYRzIEEAAYRzIEEAAYRzIEEAAYRzIEEAAYR0jkF1CnEVinEXABeAKQAQCYAQCgAQCqAQC4AQPIAQD4AQGYAgKgAhLCAgoQABiwAxjWBBhHmAMA4gMFEgExIECIBgGQBgiSBwEyoAcAsgcAuAcAwgcFMi0xLjHIBw4&sclient=gws-wiz-serp

dweb.link:

http://bafybeieu2xwgtciwwnpddziafiz44j72l7wqm4nb5dzpyhb45ogwt64mju.ipfs.localhost:8080/?filename=SingleFile%20%E2%80%93%20Effortlessly%20Save%20and%20Preserve%20Web%20Pages%20(8_5_2025%2011%EF%BC%9A11%EF%BC%9A07%20AM).html

single file

pandora singlefile