Public Posts

{
  "fileStructure": {
    "css": [],
    "js": [],
    "name": "slides-03-apps"
  },
  "isHtmlMainPage": true,
  "html_page": "<section class=\"slide\" data-title=\"2. Apps for your AI Computer in the Cloud\">\n  <div class=\"slide__glow\"></div>\n\n  <div class=\"split split--even\">\n    <div class=\"split__col\">\n      <div class=\"slide-head\">\n        <h2 class=\"slide-title\" data-reveal>2. <em>Apps</em> for your AI Computer in the Cloud</h2>\n      </div>\n\n      <ol class=\"points numbered\">\n        <li class=\"point is-faded\" data-reveal>\n          <span class=\"point__dot\"></span>\n          <div class=\"point__body\">freezr manages access to your resources.</div>\n        </li>\n        <li class=\"point\" data-reveal>\n          <span class=\"point__dot\"></span>\n          <div class=\"point__body\">\n            <strong>Your apps are just some files on <em>your</em> storage</strong>\n            <ul class=\"subs\">\n              <li>Each app is a bundle of css, javascript, and html files sitting \n                  on your “computer” (plus any resources like images)</li>\n              <li>You don't need to <em>create</em> a whole backend web service just \n                to have an app. The basics - storage, compute, llm's, connections to \n                Slack - are all just an API call away. Just build the front end.</li>\n              <li>You don't need to <em>sign up</em> for a web service \n                  just to run an app. Just download a zip file from github or as an email attachment and \"install\" it.</li>\n            </ul>\n          </div>\n        </li>\n      </ol>\n    <h2 class=\"slide-title\" data-reveal style=\"margin-left:45px; margin-top:40px\">Sharing an app is as easy as <em>sending a zip file.</em></h2>\n\n      \n    </div>\n\n\n    <div class=\"split__col split__col--center\">\n      <!-- Same arc diagram as slide 03, one ring further out.\n           Upper-left arm:  your data (r 78)  ->  apps (r 112, the ring slide 03\n                            leaves empty, so this reads as the mark growing).\n           Lower-right arm: the resources, unchanged but receded.\n           max-width is pinned to 62cqh — the ring radii in orbit-arc.css assume\n           an xl mark (34cqh) inside a box this size. -->\n      <figure class=\"arc\" style=\"max-width: 62cqh;\" data-reveal>\n        <span class=\"arc__halo\"></span>\n        <span class=\"arc__spine\"></span>\n\n        <i class=\"arc__ring arc__ring--1\"></i>\n        <i class=\"arc__ring arc__ring--2\"></i>\n        <i class=\"arc__ring arc__ring--3\"></i>\n        <i class=\"arc__ring arc__ring--4\"></i>\n        <i class=\"arc__ring arc__ring--5\"></i>\n\n        <div class=\"freezr-logo freezr-logo--xl arc__mark\" aria-hidden=\"true\"></div>\n\n        <!-- ---- upper-left arm: your data, then the apps built on it ---- -->\n\n        <span class=\"arc__label arc__label--app\" style=\"--a:225; --r:138\">apps</span>\n\n        <span class=\"arc__item arc__item--app\" style=\"--a:186; --r:112; --w:20\">\n          Blogging<em>Poster</em>\n        </span>\n        <span class=\"arc__item arc__item--app\" style=\"--a:212; --r:112; --w:20\">\n          Bookmarks<em>Hipercards</em>\n        </span>\n        <span class=\"arc__item arc__item--app\" style=\"--a:238; --r:112; --w:20\">\n          Email backup<em>Mail Cabinet</em>\n        </span>\n        <span class=\"arc__item arc__item--app\" style=\"--a:264; --r:112; --w:20\">\n          Web pages<em>Orbit</em>\n        </span>\n\n        <span class=\"arc__item arc__item--data\" style=\"--a:200; --r:78; --w:22\">\n          Your files\n        </span>\n        <span class=\"arc__item arc__item--data\" style=\"--a:250; --r:78; --w:22\">\n          Your database\n        </span>\n\n        <!-- ---- lower-right arm: the resources, pushed back ---- -->\n\n        <span class=\"arc__label arc__label--res\" style=\"--a:45; --r:134\">resources</span>\n\n        <div class=\"arc__item arc__item--res\" style=\"--a:18; --r:78\">\n          Compute<em>Processing capacity</em>\n        </div>\n        <div class=\"arc__item arc__item--res\" style=\"--a:72; --r:78\">\n          LLMs<em>chatGpt, Claude...</em>\n        </div>\n        <div class=\"arc__item arc__item--res\" style=\"--a:28; --r:112\">\n          Mail<em>Connector</em>\n        </div>\n        <div class=\"arc__item arc__item--res\" style=\"--a:62; --r:112\">\n          etc<em>anything else</em>\n        </div>\n\n\n      </figure>\n    </div>\n  </div>\n</section>"
}

{
  "fileStructure": {
    "css": [],
    "js": [],
    "name": "04-safety"
  },
  "html_page": "<section class=\"slide\" data-title=\"2. Apps for your AI Computer in the Cloud\">\n  <div class=\"slide__glow\"></div>\n\n  <div class=\"split split--even\">\n    <div class=\"split__col\">\n      <div class=\"slide-head\">\n        <h2 class=\"slide-title\" data-reveal>3. <em>Safely Use Apps</em> on your AI Computer in the Cloud</h2>\n      </div>\n\n      <ol class=\"points numbered\">\n        <li class=\"point is-faded\" data-reveal>\n          <span class=\"point__dot\"></span>\n          <div class=\"point__body\">freezr manages access to your resources.</div>\n        </li>\n        <li class=\"point is-faded\" data-reveal>\n          <span class=\"point__dot\"></span>\n          <div class=\"point__body\">Your apps are just some files on <em>your</em> storage</div>\n        </li>\n        <li class=\"point\" data-reveal>\n          <span class=\"point__dot\"></span>\n          <div class=\"point__body\">\n            <strong>freezr coordinates permissions</strong>\n            <ul class=\"subs\">\n              <li>Each app asks for permissions to use your resources - eg access files, share a post, \n                  use the LLM. Similar to smart phone apps, users need to go to the \n                  o/s level to grant permissions. </li>\n              <li>Apps are front-end only by default. Apps can run untrusted backend code by asking \n                  for serverless permission (& send their work load to a cloud server)\n                  or have an admin okay it (like a node module).</li>\n            </ul>\n          </div>\n        </li>\n      </ol>\n    <h2 class=\"slide-title\" data-reveal style=\"margin-left:45px; margin-top:40px\">Apps are <em>structurally safe</em> to use and share</h2>\n\n      \n    </div>\n\n\n    <div class=\"split__col split__col--center\">\n      <!-- Same arc diagram as slide 03, one ring further out.\n           Upper-left arm:  your data (r 78)  ->  apps (r 112, the ring slide 03\n                            leaves empty, so this reads as the mark growing).\n           Lower-right arm: the resources, unchanged but receded.\n           max-width is pinned to 62cqh — the ring radii in orbit-arc.css assume\n           an xl mark (34cqh) inside a box this size. -->\n      <figure class=\"arc\" style=\"max-width: 62cqh;\" data-reveal>\n        <span class=\"arc__halo\"></span>\n        <span class=\"arc__spine\"></span>\n\n        <i class=\"arc__ring arc__ring--1\"></i>\n        <i class=\"arc__ring arc__ring--2\"></i>\n        <i class=\"arc__ring arc__ring--3\"></i>\n        <i class=\"arc__ring arc__ring--4\"></i>\n        <i class=\"arc__ring arc__ring--5\"></i>\n\n        <div class=\"freezr-logo freezr-logo--xl arc__mark\" aria-hidden=\"true\"></div>\n\n        <!-- ---- upper-left arm: your data, then the apps built on it ---- -->\n\n        <span class=\"arc__label arc__label--app\" style=\"--a:225; --r:138\">apps</span>\n\n        <span class=\"arc__item arc__item--app\" style=\"--a:186; --r:112; --w:20\">\n          Blogging<em>Poster</em>\n        </span>\n        <span class=\"arc__item arc__item--app\" style=\"--a:212; --r:112; --w:20\">\n          Bookmarks<em>Hipercards</em>\n        </span>\n        <span class=\"arc__item arc__item--app\" style=\"--a:238; --r:112; --w:20\">\n          Email backup<em>Mail Cabinet</em>\n        </span>\n        <span class=\"arc__item arc__item--app\" style=\"--a:264; --r:112; --w:20\">\n          Web pages<em>Orbit</em>\n        </span>\n\n        <span class=\"arc__item arc__item--data\" style=\"--a:200; --r:78; --w:22\">\n          Your files\n        </span>\n        <span class=\"arc__item arc__item--data\" style=\"--a:250; --r:78; --w:22\">\n          Your database\n        </span>\n\n        <!-- ---- lower-right arm: the resources, pushed back ---- -->\n\n        <span class=\"arc__label arc__label--res\" style=\"--a:45; --r:134\">resources</span>\n\n        <div class=\"arc__item arc__item--res\" style=\"--a:18; --r:78\">\n          Compute<em>Processing capacity</em>\n        </div>\n        <div class=\"arc__item arc__item--res\" style=\"--a:72; --r:78\">\n          LLMs<em>chatGpt, Claude...</em>\n        </div>\n        <div class=\"arc__item arc__item--res\" style=\"--a:28; --r:112\">\n          Mail<em>Connector</em>\n        </div>\n        <div class=\"arc__item arc__item--res\" style=\"--a:62; --r:112\">\n          etc<em>anything else</em>\n        </div>\n\n\n      </figure>\n    </div>\n  </div>\n</section>"
}

{
  "fileStructure": {
    "css": [],
    "js": [],
    "name": "02-build"
  },
  "isHtmlMainPage": true,
  "html_page": "<section class=\"slide slide--dense\" data-title=\"A permission gateway to your own resources\">\n  <div class=\"slide__glow\"></div>\n\n  <div class=\"split split--wide\">\n\n    <div class=\"split__col\">\n      <div class=\"slide-head\">\n        <h2 class=\"slide-title\" data-reveal>freezr lets you build <em>your</em> own <em>Computer in the Cloud</em></h2>\n      </div>\n\n      <!-- Deliberately a single numbered point. .numbered resets its counter per\n           list, so this renders as 1 and slide 04 carries the 2. -->\n      <ul class=\"points points--wide numbered\">\n        <li class=\"point\" data-reveal>\n          <span class=\"point__dot\"></span>\n          <div class=\"point__body\">\n            <strong>freezr manages access to your computing resources.</strong>\n            <ul class=\"subs\">\n              <li>It acts as an API key manager, keeping your credentials and connecting you to your (file storage, database and other) resources</li>\n              <li>\n                All your resources are under your control - they are your API keys.\n              </li>\n              <li>\n                You can choose among multiple providers of file storage (AWS, BackBlaze, Wasabi, Azure etc),\n                database access (Mongo, Azure, AWS, your file storage), LLMs (Anthropic, OpenAl) etc\n              </li>\n            </ul>\n          </div>\n        </li>\n      </ul>\n\n      <h2 class=\"slide-title\" data-reveal style=\"margin-left:10px; margin-top:20px\">Having a <em>choice</em> is having <em>control</em></h2>\n \n    </div>\n\n    <!-- The diagram IS the freezr mark, extended outward. Radii and angles are\n         documented in shared/orbit-arc.css. The 62cqh cap is deliberate: the\n         guide rings (arc__ring--1/2/3) are sized to trace a 34cqh logo--xl\n         inside a box exactly this wide. Change one, retune the other.\n\n         Reading of the arms on this slide:\n           upper-left  = what an app asks for (your data), and the app itself\n           lower-right = the resources the grant unlocks -->\n    <div class=\"split__col split__col--center\">\n      <div class=\"arc\" style=\"max-width: 62cqh;\">\n        <span class=\"arc__halo\"></span>\n        <span class=\"arc__spine\"></span>\n\n        <i class=\"arc__ring arc__ring--1\"></i>\n        <i class=\"arc__ring arc__ring--2\"></i>\n        <i class=\"arc__ring arc__ring--3\"></i>\n        <i class=\"arc__ring arc__ring--4\"></i>\n        <i class=\"arc__ring arc__ring--5\"></i>\n\n        <div class=\"freezr-logo freezr-logo--xl arc__mark\" aria-hidden=\"true\"></div>\n\n        <!-- upper-left arm: what gets asked for -->\n        <span class=\"arc__label arc__label--data\" style=\"--a:225; --r:140\">Storage</span>\n        <div class=\"arc__item arc__item--data\" style=\"--a:200; --r:78\">\n          <em>File System</em>\n        </div>\n        <div class=\"arc__item arc__item--data\" style=\"--a:250; --r:78\">\n          <em>Database records</em>\n        </div>\n\n\n        <!-- lower-right arm: the resources a grant unlocks -->\n        <span class=\"arc__label arc__label--res\" style=\"--a:45; --r:134\">resources</span>\n        <div class=\"arc__item arc__item--res\" style=\"--a:18; --r:78\">\n          Compute<em>Processing capacity</em>\n        </div>\n        <div class=\"arc__item arc__item--res\" style=\"--a:72; --r:78\">\n          LLMs<em>chatGpt, Claude...</em>\n        </div>\n        <div class=\"arc__item arc__item--res\" style=\"--a:28; --r:112\">\n          Mail<em>Connector</em>\n        </div>\n        <div class=\"arc__item arc__item--res\" style=\"--a:62; --r:112\">\n          etc<em>anything else</em>\n        </div>\n\n\n      </div>\n    </div>\n\n  </div>\n</section>"
}