Changes to phdecision.scroll.pub

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

Academic vs. Alternative Career Calculator

+

Make an informed decision about your career path

+
+
+
+
+
+

Current Academic Situation

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

Alternative Career Potential

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

Analysis Results

+
+
+
+

+
+
+
+
+
+

Important Considerations

+
    +
  • Long-term career implications
  • +
  • Financial stability
  • +
  • Personal values alignment
  • +
  • Work-life balance
  • +
  • Future opportunities
  • +
    +
    +
    +
    +
    +

    This tool is for entertainment purposes only. Please consult with advisors, mentors, and counselors for important career decisions.

    +
    index.scroll
    Changed around line 1
    + buildHtml
    + baseUrl https://phdecision.scroll.pub
    + metaTags
    + editButton /edit.html
    + title PhD vs OnlyFans Calculator - Career Decision Tool
    + style.css
    + body.html
    + script.js
    readme.scroll
    Changed around line 1
    + # phdecision.scroll.pub
    + Website generated from prompt: I want a website that will help decide if I should drop out of my PhD program to do only Fans. So 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 results = document.getElementById('results');
    + const meterFill = document.getElementById('meterFill');
    + const recommendation = document.getElementById('recommendation');
    + const factors = document.getElementById('factors');
    +
    + calculateBtn.addEventListener('click', () => {
    + // Get all input values
    + const stipend = parseFloat(document.getElementById('stipend').value) || 0;
    + const years = parseFloat(document.getElementById('years').value) || 0;
    + const satisfaction = parseFloat(document.getElementById('satisfaction').value) || 5;
    + const publications = parseFloat(document.getElementById('publications').value) || 0;
    + const followers = parseFloat(document.getElementById('followers').value) || 0;
    + const marketability = parseFloat(document.getElementById('marketability').value) || 5;
    + const comfort = parseFloat(document.getElementById('comfort').value) || 5;
    +
    + // Calculate academic score
    + const academicScore = calculateAcademicScore(stipend, years, satisfaction, publications);
    +
    + // Calculate alternative career score
    + const alternativeScore = calculateAlternativeScore(followers, marketability, comfort);
    +
    + // Calculate final decision score (0-100)
    + const finalScore = Math.min(100, Math.max(0, alternativeScore));
    +
    + // Display results
    + results.style.display = 'block';
    + meterFill.style.width = `${finalScore}%`;
    +
    + // Generate recommendation
    + const recommendationText = generateRecommendation(finalScore, academicScore, alternativeScore);
    + recommendation.textContent = recommendationText;
    +
    + // Show contributing factors
    + displayFactors(stipend, followers, satisfaction, comfort);
    + });
    + });
    +
    + function calculateAcademicScore(stipend, years, satisfaction, publications) {
    + const stipendScore = Math.min(50, (stipend / 50000) * 50);
    + const yearsScore = Math.max(0, 50 - years * 10);
    + const satisfactionScore = satisfaction * 10;
    + const publicationsScore = Math.min(50, publications * 10);
    +
    + return (stipendScore + yearsScore + satisfactionScore + publicationsScore) / 4;
    + }
    +
    + function calculateAlternativeScore(followers, marketability, comfort) {
    + const followerScore = Math.min(50, (followers / 10000) * 50);
    + const marketabilityScore = marketability * 10;
    + const comfortScore = comfort * 10;
    +
    + return (followerScore + marketabilityScore + comfortScore) / 3;
    + }
    +
    + function generateRecommendation(score, academicScore, alternativeScore) {
    + if (score < 40) {
    + return "Consider staying in academia. Your current path shows promise.";
    + } else if (score < 60) {
    + return "The decision is balanced. Consider exploring both paths simultaneously.";
    + } else {
    + return "Alternative career path shows strong potential. Consider careful transition planning.";
    + }
    + }
    +
    + function displayFactors(stipend, followers, satisfaction, comfort) {
    + const factorsList = [
    + `Current stipend: $${stipend.toLocaleString()} annually`,
    + `Social media following: ${followers.toLocaleString()} followers`,
    + `Academic satisfaction: ${satisfaction}/10`,
    + `Career change comfort: ${comfort}/10`
    + ];
    +
    + factors.innerHTML = factorsList
    + .map(factor => `

    • ${factor}

    `)
    + .join('');
    + }
    style.css
    Changed around line 1
    + :root {
    + --primary: #6b48ff;
    + --secondary: #ff4897;
    + --background: #fafafa;
    + --text: #2c3e50;
    + --gradient: linear-gradient(135deg, var(--primary), var(--secondary));
    + }
    +
    + * {
    + 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);
    + padding: 2rem;
    + }
    +
    + header {
    + text-align: center;
    + margin-bottom: 3rem;
    + }
    +
    + h1 {
    + background: var(--gradient);
    + -webkit-background-clip: text;
    + background-clip: text;
    + color: transparent;
    + font-size: 2.5rem;
    + margin-bottom: 0.5rem;
    + }
    +
    + .tagline {
    + color: #666;
    + font-size: 1.2rem;
    + }
    +
    + .calculator {
    + max-width: 800px;
    + margin: 0 auto;
    + background: white;
    + padding: 2rem;
    + border-radius: 20px;
    + box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    + }
    +
    + .input-group {
    + margin-bottom: 2rem;
    + }
    +
    + .input-group h2 {
    + color: var(--primary);
    + margin-bottom: 1rem;
    + }
    +
    + label {
    + display: block;
    + margin: 1rem 0 0.5rem;
    + font-weight: 500;
    + }
    +
    + input {
    + width: 100%;
    + padding: 0.8rem;
    + border: 2px solid #eee;
    + border-radius: 8px;
    + transition: border-color 0.3s;
    + }
    +
    + input:focus {
    + outline: none;
    + border-color: var(--primary);
    + }
    +
    + input[type="range"] {
    + -webkit-appearance: none;
    + height: 8px;
    + background: #eee;
    + border-radius: 4px;
    + border: none;
    + }
    +
    + input[type="range"]::-webkit-slider-thumb {
    + -webkit-appearance: none;
    + width: 20px;
    + height: 20px;
    + background: var(--gradient);
    + border-radius: 50%;
    + cursor: pointer;
    + }
    +
    + .gradient-button {
    + display: block;
    + width: 100%;
    + padding: 1rem;
    + margin: 2rem 0;
    + border: none;
    + border-radius: 8px;
    + background: var(--gradient);
    + color: white;
    + font-size: 1.1rem;
    + font-weight: 600;
    + cursor: pointer;
    + transition: transform 0.3s;
    + }
    +
    + .gradient-button:hover {
    + transform: translateY(-2px);
    + }
    +
    + .results {
    + display: none;
    + padding: 2rem;
    + background: #f8f9fa;
    + border-radius: 12px;
    + margin-top: 2rem;
    + }
    +
    + .meter {
    + height: 20px;
    + background: #eee;
    + border-radius: 10px;
    + margin: 1rem 0;
    + overflow: hidden;
    + }
    +
    + .meter-fill {
    + height: 100%;
    + width: 0;
    + background: var(--gradient);
    + transition: width 1s ease-in-out;
    + }
    +
    + .considerations {
    + max-width: 800px;
    + margin: 3rem auto;
    + }
    +
    + .considerations ul {
    + list-style: none;
    + padding: 0;
    + }
    +
    + .considerations li {
    + padding: 1rem;
    + margin: 0.5rem 0;
    + background: white;
    + border-radius: 8px;
    + box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    + }
    +
    + footer {
    + text-align: center;
    + margin-top: 3rem;
    + color: #666;
    + }
    +
    + @media (max-width: 768px) {
    + body {
    + padding: 1rem;
    + }
    +
    + h1 {
    + font-size: 2rem;
    + }
    +
    + .calculator {
    + padding: 1rem;
    + }
    + }