Changes to afterdb.scroll.pub

root

8 days ago

Initial commit

concepts.scroll

Changed around line 1
+ measures.parsers
+ 
+ id DigitalArtist
+ careerName Digital Artist / Illustrator
+ incomeRange 40,000 - 120,000
+ skillTransfer Data visualization, attention to detail, systematic thinking
+ timeToProficiency 2-3 years
+ workLifeBalance 8
+ 
+ id ContentCreator
+ careerName Social Media Content Creator
+ incomeRange 30,000 - 500,000+
+ skillTransfer Data analytics, optimization, systematic content planning
+ timeToProficiency 6-12 months
+ workLifeBalance 6
+ 
+ id MusicProducer
+ careerName Electronic Music Producer
+ incomeRange 35,000 - 150,000
+ skillTransfer Pattern recognition, technical proficiency, logical thinking
+ timeToProficiency 2-4 years
+ workLifeBalance 7
+ 
+ id GameDev
+ careerName Indie Game Developer
+ incomeRange 40,000 - 200,000
+ skillTransfer Programming logic, database design, system architecture
+ timeToProficiency 1-2 years
+ workLifeBalance 7
+ 
+ id TechWriter
+ careerName Technical Writer/Blogger
+ incomeRange 45,000 - 120,000
+ skillTransfer Documentation skills, technical knowledge, structured thinking
+ timeToProficiency 6-12 months
+ workLifeBalance 9

footer.scroll

Changed around line 1

+ importOnly

+ center

+ scrollVersionLink

header.scroll

Changed around line 1
+ importOnly
+ buildHtml
+ homeButton
+ metaTags
+ editButton
+ editBaseUrl /edit.html?folderName=afterdb.scroll.pub&fileName=
+ metaTags
+ style.css
+ script.js

index.scroll

Changed around line 1
+ title Life After Database Engineering
+ header.scroll
+ 
+ section Introduction
+  A curated collection of creative and fulfilling alternative career paths for former database engineers. Leverage your existing skills in new and exciting ways.
+ 
+ section Career Paths
+ concepts.scroll
+ concepts
+  printTable
+ 
+ footer.scroll

measures.parsers

Changed around line 1
+ idParser
+  extends abstractIdParser
+ careerNameParser
+  extends abstractStringMeasureParser
+  description The name of the alternative career path
+ incomeRangeParser
+  extends abstractStringMeasureParser
+  description Typical annual income range in USD
+ skillTransferParser
+  extends abstractStringMeasureParser
+  description Database skills that transfer well to this career
+ timeToProficiencyParser
+  extends abstractStringMeasureParser
+  description Estimated time to become proficient in this new career
+ workLifeBalanceParser
+  extends abstractIntegerMeasureParser
+  description Work-life balance rating from 1-10

prompt.json

Changed around line 1
+ {
+   "id": "msg_018jBLUX5z3QArn3N96RHQib",
+   "type": "message",
+   "role": "assistant",
+   "model": "claude-3-5-sonnet-20241022",
+   "content": [
+     {
+       "type": "text",
+       "text": "I'll help create a knowledge base for alternative careers for former database engineers.\n\n---domain---\nafterdb.scroll.pub\n\n---measures.parsers---\nidParser\n extends abstractIdParser\ncareerNameParser\n extends abstractStringMeasureParser\n description The name of the alternative career path\nincomeRangeParser\n extends abstractStringMeasureParser\n description Typical annual income range in USD\nskillTransferParser\n extends abstractStringMeasureParser\n description Database skills that transfer well to this career\ntimeToProficiencyParser\n extends abstractStringMeasureParser\n description Estimated time to become proficient in this new career\nworkLifeBalanceParser\n extends abstractIntegerMeasureParser\n description Work-life balance rating from 1-10\n\n---concepts.scroll---\nmeasures.parsers\n\nid DigitalArtist\ncareerName Digital Artist / Illustrator\nincomeRange 40,000 - 120,000\nskillTransfer Data visualization, attention to detail, systematic thinking\ntimeToProficiency 2-3 years\nworkLifeBalance 8\n\nid ContentCreator\ncareerName Social Media Content Creator\nincomeRange 30,000 - 500,000+\nskillTransfer Data analytics, optimization, systematic content planning\ntimeToProficiency 6-12 months\nworkLifeBalance 6\n\nid MusicProducer\ncareerName Electronic Music Producer\nincomeRange 35,000 - 150,000\nskillTransfer Pattern recognition, technical proficiency, logical thinking\ntimeToProficiency 2-4 years\nworkLifeBalance 7\n\nid GameDev\ncareerName Indie Game Developer\nincomeRange 40,000 - 200,000\nskillTransfer Programming logic, database design, system architecture\ntimeToProficiency 1-2 years\nworkLifeBalance 7\n\nid TechWriter\ncareerName Technical Writer/Blogger\nincomeRange 45,000 - 120,000\nskillTransfer Documentation skills, technical knowledge, structured thinking\ntimeToProficiency 6-12 months\nworkLifeBalance 9\n\n---index.scroll---\ntitle Life After Database Engineering\nheader.scroll\n\nsection Introduction\n A curated collection of creative and fulfilling alternative career paths for former database engineers. Leverage your existing skills in new and exciting ways.\n\nsection Career Paths\nconcepts.scroll\nconcepts\n printTable\n\nfooter.scroll\n\n---header.scroll---\nimportOnly\nbuildHtml\nhomeButton\nmetaTags\neditButton\neditBaseUrl /edit.html?folderName=afterdb.scroll.pub&fileName=\nmetaTags\nstyle.css\nscript.js\n\n---footer.scroll---\nimportOnly\ncenter\nscrollVersionLink\n\n---style.css---\n:root {\n  --primary-color: #2a9d8f;\n  --secondary-color: #264653;\n  --accent-color: #e76f51;\n  --background-color: #f8f9fa;\n  --text-color: #2b2d42;\n}\n\nbody {\n  font-family: 'Segoe UI', system-ui, sans-serif;\n  line-height: 1.6;\n  color: var(--text-color);\n  background: var(--background-color);\n  margin: 0;\n  padding: 0;\n}\n\n.container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\nh1 {\n  color: var(--secondary-color);\n  font-size: 2.5rem;\n  text-align: center;\n  margin: 2rem 0;\n  font-weight: 700;\n}\n\nsection {\n  background: white;\n  border-radius: 10px;\n  padding: 2rem;\n  margin: 2rem 0;\n  box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\ntable {\n  width: 100%;\n  border-collapse: collapse;\n  margin: 2rem 0;\n  background: white;\n  border-radius: 10px;\n  overflow: hidden;\n}\n\nth {\n  background: var(--primary-color);\n  color: white;\n  padding: 1rem;\n  text-align: left;\n}\n\ntd {\n  padding: 1rem;\n  border-bottom: 1px solid #eee;\n}\n\ntr:hover {\n  background: #f5f5f5;\n}\n\n@media (max-width: 768px) {\n  table {\n    display: block;\n    overflow-x: auto;\n  }\n  \n  h1 {\n    font-size: 2rem;\n  }\n  \n  section {\n    padding: 1rem;\n  }\n}\n\n.intro {\n  font-size: 1.2rem;\n  text-align: center;\n  max-width: 800px;\n  margin: 0 auto;\n  color: var(--secondary-color);\n}\n\n.highlight {\n  color: var(--accent-color);\n  font-weight: 600;\n}\n\n---script.js---\ndocument.addEventListener('DOMContentLoaded', () => {\n  // Add smooth scrolling\n  document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n    anchor.addEventListener('click', function (e) {\n      e.preventDefault();\n      document.querySelector(this.getAttribute('href')).scrollIntoView({\n        behavior: 'smooth'\n      });\n    });\n  });\n\n  // Add table row hover effects\n  const tableRows = document.querySelectorAll('tr');\n  tableRows.forEach(row => {\n    row.addEventListener('mouseenter', () => {\n      row.style.transform = 'scale(1.01)';\n      row.style.transition = 'transform 0.2s ease';\n    });\n    row.addEventListener('mouseleave', () => {\n      row.style.transform = 'scale(1)';\n    });\n  });\n\n  // Add responsive navigation\n  const nav = document.createElement('nav');\n  nav.innerHTML = `\n    \n      \n        Introduction
\n        Career Paths
\n      \n    
\n  `;\n  document.body.insertBefore(nav, document.body.firstChild);\n});\n\n---end---"
+     }
+   ],
+   "stop_reason": "end_turn",
+   "stop_sequence": null,
+   "usage": {
+     "input_tokens": 724,
+     "cache_creation_input_tokens": 0,
+     "cache_read_input_tokens": 0,
+     "output_tokens": 1565
+   }
+ }

readme.scroll

Changed around line 1

+ # afterdb.scroll.pub

+ database generated by Claude from prompt: a database of alnterative career paths, such as painter, musician, onlyfans star, etc, for perople who were previously database engineers

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', () => {
+   // Add smooth scrolling
+   document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+     anchor.addEventListener('click', function (e) {
+       e.preventDefault();
+       document.querySelector(this.getAttribute('href')).scrollIntoView({
+         behavior: 'smooth'
+       });
+     });
+   });
+ 
+   // Add table row hover effects
+   const tableRows = document.querySelectorAll('tr');
+   tableRows.forEach(row => {
+     row.addEventListener('mouseenter', () => {
+       row.style.transform = 'scale(1.01)';
+       row.style.transition = 'transform 0.2s ease';
+     });
+     row.addEventListener('mouseleave', () => {
+       row.style.transform = 'scale(1)';
+     });
+   });
+ 
+   // Add responsive navigation
+   const nav = document.createElement('nav');
+   nav.innerHTML = `
+     
+       
+         Introduction
+         Career Paths
+       
+     
+   `;
+   document.body.insertBefore(nav, document.body.firstChild);
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #2a9d8f;
+   --secondary-color: #264653;
+   --accent-color: #e76f51;
+   --background-color: #f8f9fa;
+   --text-color: #2b2d42;
+ }
+ 
+ body {
+   font-family: 'Segoe UI', system-ui, sans-serif;
+   line-height: 1.6;
+   color: var(--text-color);
+   background: var(--background-color);
+   margin: 0;
+   padding: 0;
+ }
+ 
+ .container {
+   max-width: 1200px;
+   margin: 0 auto;
+   padding: 0 20px;
+ }
+ 
+ h1 {
+   color: var(--secondary-color);
+   font-size: 2.5rem;
+   text-align: center;
+   margin: 2rem 0;
+   font-weight: 700;
+ }
+ 
+ section {
+   background: white;
+   border-radius: 10px;
+   padding: 2rem;
+   margin: 2rem 0;
+   box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+ }
+ 
+ table {
+   width: 100%;
+   border-collapse: collapse;
+   margin: 2rem 0;
+   background: white;
+   border-radius: 10px;
+   overflow: hidden;
+ }
+ 
+ th {
+   background: var(--primary-color);
+   color: white;
+   padding: 1rem;
+   text-align: left;
+ }
+ 
+ td {
+   padding: 1rem;
+   border-bottom: 1px solid #eee;
+ }
+ 
+ tr:hover {
+   background: #f5f5f5;
+ }
+ 
+ @media (max-width: 768px) {
+   table {
+     display: block;
+     overflow-x: auto;
+   }
+ 
+   h1 {
+     font-size: 2rem;
+   }
+ 
+   section {
+     padding: 1rem;
+   }
+ }
+ 
+ .intro {
+   font-size: 1.2rem;
+   text-align: center;
+   max-width: 800px;
+   margin: 0 auto;
+   color: var(--secondary-color);
+ }
+ 
+ .highlight {
+   color: var(--accent-color);
+   font-weight: 600;
+ }