Changes to phdecision1.scroll.pub

root
root
25 days ago
Initial commit
body.html
Changed around line 1
+
+

Academic Career Path Calculator

+

Make an informed decision about your future

+
+
+
+
+
+

Current Academic Situation

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Content Creation Potential

+
+
+
+
+
+
+
+ 5
+
+
+
+
+
+
+
+

Analysis Results

+
+
+

Academic Path

+
+
+
+

Content Creation Path

+
+
+
+
+

Recommendation

+

+
+
+
+
+
+

This tool provides estimations for educational purposes only. Please consult career counselors for professional advice.

+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://phdecision.scroll.pub
+ metaTags
+ description A professional decision-making tool to analyze career path options between academia and content creation
+ keywords PhD, career change, financial calculator, decision making, career analysis
+ editButton /edit.html
+ title PhD or OnlyFans Calculator - Career Path Analysis Tool
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "id": "msg_018LEY6qQH8LiWkxiXzUe8gz",
+ "type": "message",
+ "role": "assistant",
+ "model": "claude-3-5-sonnet-20241022",
+ "content": [
+ {
+ "type": "text",
+ "text": "Let me create this unique website that combines financial modeling with life decisions in a tasteful way.\n\n---domain---\nphdecision.scroll.pub\n\n---index.scroll---\nbuildHtml\nbaseUrl https://phdecision.scroll.pub\nmetaTags\n description A professional decision-making tool to analyze career path options between academia and content creation\n keywords PhD, career change, financial calculator, decision making, career analysis\neditButton /edit.html\ntitle PhD or OnlyFans Calculator - Career Path Analysis Tool\nstyle.css\nbody.html\nscript.js\n\n---body.html---\n
\n

Academic Career Path Calculator

\n

Make an informed decision about your future

\n
\n\n
\n
\n
\n

Current Academic Situation

\n
\n \n \n
\n
\n \n \n
\n
\n \n \n
\n
\n \n \n
\n
\n\n
\n

Content Creation Potential

\n
\n \n \n
\n
\n \n \n 5\n
\n
\n\n \n
\n\n
\n

Analysis Results

\n
\n
\n

Academic Path

\n
\n
\n
\n

Content Creation Path

\n
\n
\n
\n
\n

Recommendation

\n

\n
\n
\n
\n\n
\n

This tool provides estimations for educational purposes only. Please consult career counselors for professional advice.

\n
\n\n---style.css---\n:root {\n --primary: #2a2f4f;\n --secondary: #917fb3;\n --accent: #e5beec;\n --background: #fde2f3;\n --text: #2a2f4f;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', system-ui, sans-serif;\n line-height: 1.6;\n color: var(--text);\n background: var(--background);\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n}\n\nheader {\n background: var(--primary);\n color: white;\n padding: 2rem;\n text-align: center;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n.tagline {\n color: var(--accent);\n font-size: 1.2rem;\n margin-top: 0.5rem;\n}\n\nmain {\n max-width: 1200px;\n margin: 2rem auto;\n padding: 0 1rem;\n flex: 1;\n}\n\n.calculator {\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n}\n\n.input-section {\n margin-bottom: 2rem;\n}\n\n.input-section h2 {\n color: var(--primary);\n margin-bottom: 1.5rem;\n font-size: 1.5rem;\n}\n\n.input-group {\n margin-bottom: 1.5rem;\n}\n\nlabel {\n display: block;\n margin-bottom: 0.5rem;\n color: var(--text);\n font-weight: 500;\n}\n\ninput, select {\n width: 100%;\n padding: 0.8rem;\n border: 2px solid var(--secondary);\n border-radius: 8px;\n font-size: 1rem;\n transition: border-color 0.3s ease;\n}\n\ninput:focus, select:focus {\n outline: none;\n border-color: var(--primary);\n}\n\ninput[type=\"range\"] {\n -webkit-appearance: none;\n height: 8px;\n background: var(--secondary);\n border-radius: 4px;\n border: none;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 20px;\n height: 20px;\n background: var(--primary);\n border-radius: 50%;\n cursor: pointer;\n}\n\n.calculate-btn {\n display: block;\n width: 100%;\n padding: 1rem;\n background: var(--primary);\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 1.1rem;\n cursor: pointer;\n transition: transform 0.2s ease, background-color 0.2s ease;\n}\n\n.calculate-btn:hover {\n background: var(--secondary);\n transform: translateY(-2px);\n}\n\n.results {\n margin-top: 2rem;\n background: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n}\n\n.hidden {\n display: none;\n}\n\n.comparison-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin: 2rem 0;\n}\n\n.option {\n padding: 1.5rem;\n border-radius: 10px;\n background: var(--background);\n}\n\n.option h3 {\n color: var(--primary);\n margin-bottom: 1rem;\n}\n\nfooter {\n text-align: center;\n padding: 2rem;\n background: var(--primary);\n color: white;\n margin-top: 2rem;\n}\n\n@media (max-width: 768px) {\n .comparison-grid {\n grid-template-columns: 1fr;\n }\n \n .calculator {\n padding: 1rem;\n }\n}\n\n---script.js---\ndocument.addEventListener('DOMContentLoaded', () => {\n const calculateBtn = document.getElementById('calculate');\n const marketabilityInput = document.getElementById('marketability');\n const rangeValue = document.querySelector('.range-value');\n const resultsSection = document.querySelector('.results');\n\n // Update range value display\n marketabilityInput.addEventListener('input', (e) => {\n rangeValue.textContent = e.target.value;\n });\n\n calculateBtn.addEventListener('click', () => {\n const yearsLeft = parseFloat(document.getElementById('yearsLeft').value) || 0;\n const stipend = parseFloat(document.getElementById('stipend').value) || 0;\n const debt = parseFloat(document.getElementById('debt').value) || 0;\n const field = document.getElementById('field').value;\n const followers = parseFloat(document.getElementById('followers').value) || 0;\n const marketability = parseFloat(document.getElementById('marketability').value);\n\n // Calculate academic path metrics\n const academicMetrics = calculateAcademicMetrics(yearsLeft, stipend, debt, field);\n\n // Calculate content creation metrics\n const contentMetrics = calculateContentMetrics(followers, marketability);\n\n // Display results\n displayResults(academicMetrics, contentMetrics);\n resultsSection.classList.remove('hidden');\n });\n\n function calculateAcademicMetrics(years, stipend, debt, field) {\n const fieldMultipliers = {\n 'stem': 1.2,\n 'humanities': 0.8,\n 'social': 0.9,\n 'other': 1.0\n };\n\n const potentialSalary = 70000 * fieldMultipliers[field];\n const timeToPayoff = debt / (potentialSalary * 0.2);\n \n return {\n projectedSalary: potentialSalary,\n timeInvestment: years,\n debtPayoff: timeToPayoff,\n jobSecurity: 0.8\n };\n }\n\n function calculateContentMetrics(followers, marketability) {\n const baseIncome = followers * 0.1;\n const potentialGrowth = marketability * 1000;\n const volatilityRisk = (10 - marketability) / 10;\n\n return {\n projectedIncome: baseIncome + potentialGrowth,\n timeToEstablish: 1,\n volatility: volatilityRisk,\n flexibility: 0.9\n };\n }\n\n function displayResults(academic, content) {\n const academicMetricsDiv = document.querySelector('.academia .metrics');\n const contentMetricsDiv = document.querySelector('.content .metrics');\n const recommendationText = document.getElementById('recommendationText');\n\n academicMetricsDiv.innerHTML = `\n

Projected Salary: $${academic.projectedSalary.toLocaleString()}/year

\n

Time Investment: ${academic.timeInvestment} years

\n

Debt Payoff Time: ${academic.debtPayoff.toFixed(1)} years

\n

Job Security: ${(academic.jobSecurity * 100).toFixed()}%

\n `;\n\n contentMetricsDiv.innerHTML = `\n

Projected Income: $${content.projectedIncome.toLocaleString()}/year

\n

Time to Establish: ${content.timeToEstablish} year

\n

Market Volatility: ${(content.volatility * 100).toFixed()}%

\n

Career Flexibility: ${(content.flexibility * 100).toFixed()}%

\n `;\n\n // Generate recommendation\n const recommendation = academic.projectedSalary > content.projectedIncome\n ? \"Based on the provided information, continuing your PhD program appears to offer more long-term financial stability.\"\n : \"The content creation path shows higher income potential, but consider the higher volatility and uncertainty.\";\n\n recommendationText.textContent = recommendation;\n }\n});\n\n---end---\n\nThe website features a sophisticated calculator that helps users make an informed decision by analyzing various factors including current academic progress, financial situation, and content creation potential. It uses a modern, professional design with a soothing color palette and smooth animations. The interface is clean and intuitive, with clear sections for input and results.\n\nThe calculator provides detailed metrics for both career paths and generates a balanced recommendation based on the user's specific situation. The design is fully responsive and accessible, with semantic HTML structure and ARIA-compliant interactive elements."
+ }
+ ],
+ "stop_reason": "end_turn",
+ "stop_sequence": null,
+ "usage": {
+ "input_tokens": 307,
+ "cache_creation_input_tokens": 0,
+ "cache_read_input_tokens": 0,
+ "output_tokens": 3100
+ }
+ }
readme.scroll
Changed around line 1
+ # phdecision1.scroll.pub
+ Website generated by Claude from prompt: I want a website that will help me decide if i should drop out of my phd program to do only fans. it should have some numerical tools and interactivity. be creative
script.js
Changed around line 1
+ document.addEventListener('DOMContentLoaded', () => {
+ const calculateBtn = document.getElementById('calculate');
+ const marketabilityInput = document.getElementById('marketability');
+ const rangeValue = document.querySelector('.range-value');
+ const resultsSection = document.querySelector('.results');
+
+ // Update range value display
+ marketabilityInput.addEventListener('input', (e) => {
+ rangeValue.textContent = e.target.value;
+ });
+
+ calculateBtn.addEventListener('click', () => {
+ const yearsLeft = parseFloat(document.getElementById('yearsLeft').value) || 0;
+ const stipend = parseFloat(document.getElementById('stipend').value) || 0;
+ const debt = parseFloat(document.getElementById('debt').value) || 0;
+ const field = document.getElementById('field').value;
+ const followers = parseFloat(document.getElementById('followers').value) || 0;
+ const marketability = parseFloat(document.getElementById('marketability').value);
+
+ // Calculate academic path metrics
+ const academicMetrics = calculateAcademicMetrics(yearsLeft, stipend, debt, field);
+
+ // Calculate content creation metrics
+ const contentMetrics = calculateContentMetrics(followers, marketability);
+
+ // Display results
+ displayResults(academicMetrics, contentMetrics);
+ resultsSection.classList.remove('hidden');
+ });
+
+ function calculateAcademicMetrics(years, stipend, debt, field) {
+ const fieldMultipliers = {
+ 'stem': 1.2,
+ 'humanities': 0.8,
+ 'social': 0.9,
+ 'other': 1.0
+ };
+
+ const potentialSalary = 70000 * fieldMultipliers[field];
+ const timeToPayoff = debt / (potentialSalary * 0.2);
+
+ return {
+ projectedSalary: potentialSalary,
+ timeInvestment: years,
+ debtPayoff: timeToPayoff,
+ jobSecurity: 0.8
+ };
+ }
+
+ function calculateContentMetrics(followers, marketability) {
+ const baseIncome = followers * 0.1;
+ const potentialGrowth = marketability * 1000;
+ const volatilityRisk = (10 - marketability) / 10;
+
+ return {
+ projectedIncome: baseIncome + potentialGrowth,
+ timeToEstablish: 1,
+ volatility: volatilityRisk,
+ flexibility: 0.9
+ };
+ }
+
+ function displayResults(academic, content) {
+ const academicMetricsDiv = document.querySelector('.academia .metrics');
+ const contentMetricsDiv = document.querySelector('.content .metrics');
+ const recommendationText = document.getElementById('recommendationText');
+
+ academicMetricsDiv.innerHTML = `
+

Projected Salary: $${academic.projectedSalary.toLocaleString()}/year

+

Time Investment: ${academic.timeInvestment} years

+

Debt Payoff Time: ${academic.debtPayoff.toFixed(1)} years

+

Job Security: ${(academic.jobSecurity * 100).toFixed()}%

+ `;
+
+ contentMetricsDiv.innerHTML = `
+

Projected Income: $${content.projectedIncome.toLocaleString()}/year

+

Time to Establish: ${content.timeToEstablish} year

+

Market Volatility: ${(content.volatility * 100).toFixed()}%

+

Career Flexibility: ${(content.flexibility * 100).toFixed()}%

+ `;
+
+ // Generate recommendation
+ const recommendation = academic.projectedSalary > content.projectedIncome
+ ? "Based on the provided information, continuing your PhD program appears to offer more long-term financial stability."
+ : "The content creation path shows higher income potential, but consider the higher volatility and uncertainty.";
+
+ recommendationText.textContent = recommendation;
+ }
+ });
style.css
Changed around line 1
+ :root {
+ --primary: #2a2f4f;
+ --secondary: #917fb3;
+ --accent: #e5beec;
+ --background: #fde2f3;
+ --text: #2a2f4f;
+ }
+
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ }
+
+ body {
+ font-family: 'Segoe UI', system-ui, sans-serif;
+ line-height: 1.6;
+ color: var(--text);
+ background: var(--background);
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+ }
+
+ header {
+ background: var(--primary);
+ color: white;
+ padding: 2rem;
+ text-align: center;
+ box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+ }
+
+ .tagline {
+ color: var(--accent);
+ font-size: 1.2rem;
+ margin-top: 0.5rem;
+ }
+
+ main {
+ max-width: 1200px;
+ margin: 2rem auto;
+ padding: 0 1rem;
+ flex: 1;
+ }
+
+ .calculator {
+ background: white;
+ border-radius: 15px;
+ padding: 2rem;
+ box-shadow: 0 10px 20px rgba(0,0,0,0.1);
+ }
+
+ .input-section {
+ margin-bottom: 2rem;
+ }
+
+ .input-section h2 {
+ color: var(--primary);
+ margin-bottom: 1.5rem;
+ font-size: 1.5rem;
+ }
+
+ .input-group {
+ margin-bottom: 1.5rem;
+ }
+
+ label {
+ display: block;
+ margin-bottom: 0.5rem;
+ color: var(--text);
+ font-weight: 500;
+ }
+
+ input, select {
+ width: 100%;
+ padding: 0.8rem;
+ border: 2px solid var(--secondary);
+ border-radius: 8px;
+ font-size: 1rem;
+ transition: border-color 0.3s ease;
+ }
+
+ input:focus, select:focus {
+ outline: none;
+ border-color: var(--primary);
+ }
+
+ input[type="range"] {
+ -webkit-appearance: none;
+ height: 8px;
+ background: var(--secondary);
+ border-radius: 4px;
+ border: none;
+ }
+
+ input[type="range"]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ width: 20px;
+ height: 20px;
+ background: var(--primary);
+ border-radius: 50%;
+ cursor: pointer;
+ }
+
+ .calculate-btn {
+ display: block;
+ width: 100%;
+ padding: 1rem;
+ background: var(--primary);
+ color: white;
+ border: none;
+ border-radius: 8px;
+ font-size: 1.1rem;
+ cursor: pointer;
+ transition: transform 0.2s ease, background-color 0.2s ease;
+ }
+
+ .calculate-btn:hover {
+ background: var(--secondary);
+ transform: translateY(-2px);
+ }
+
+ .results {
+ margin-top: 2rem;
+ background: white;
+ border-radius: 15px;
+ padding: 2rem;
+ box-shadow: 0 10px 20px rgba(0,0,0,0.1);
+ }
+
+ .hidden {
+ display: none;
+ }
+
+ .comparison-grid {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 2rem;
+ margin: 2rem 0;
+ }
+
+ .option {
+ padding: 1.5rem;
+ border-radius: 10px;
+ background: var(--background);
+ }
+
+ .option h3 {
+ color: var(--primary);
+ margin-bottom: 1rem;
+ }
+
+ footer {
+ text-align: center;
+ padding: 2rem;
+ background: var(--primary);
+ color: white;
+ margin-top: 2rem;
+ }
+
+ @media (max-width: 768px) {
+ .comparison-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .calculator {
+ padding: 1rem;
+ }
+ }