commit 511434b3717046266baec76f9355246c864d9424
Author: root <root@hub.scroll.pub>
Date: 2024-12-26 23:16:40 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..5f8f972
--- /dev/null
+++ b/body.html
@@ -0,0 +1,61 @@
+<header>
+ <h1>Academic vs. Alternative Career Calculator</h1>
+ <p class="tagline">Make an informed decision about your career path</p>
+</header>
+
+<main>
+ <section class="calculator">
+ <div class="input-group">
+ <h2>Current Academic Situation</h2>
+ <label for="stipend">Annual PhD Stipend ($):</label>
+ <input type="number" id="stipend" min="0" max="100000">
+
+ <label for="years">Years Left in Program:</label>
+ <input type="number" id="years" min="0" max="10">
+
+ <label for="satisfaction">Current Job Satisfaction (1-10):</label>
+ <input type="range" id="satisfaction" min="1" max="10">
+
+ <label for="publications">Number of Publications:</label>
+ <input type="number" id="publications" min="0" max="100">
+ </div>
+
+ <div class="input-group">
+ <h2>Alternative Career Potential</h2>
+ <label for="followers">Social Media Followers:</label>
+ <input type="number" id="followers" min="0">
+
+ <label for="marketability">Marketability Score (1-10):</label>
+ <input type="range" id="marketability" min="1" max="10">
+
+ <label for="comfort">Comfort Level with Career Change (1-10):</label>
+ <input type="range" id="comfort" min="1" max="10">
+ </div>
+
+ <button id="calculate" class="gradient-button">Calculate Decision Score</button>
+
+ <div class="results" id="results">
+ <h2>Analysis Results</h2>
+ <div class="meter">
+ <div class="meter-fill" id="meterFill"></div>
+ </div>
+ <p id="recommendation"></p>
+ <div id="factors"></div>
+ </div>
+ </section>
+
+ <section class="considerations">
+ <h2>Important Considerations</h2>
+ <ul>
+ <li>Long-term career implications</li>
+ <li>Financial stability</li>
+ <li>Personal values alignment</li>
+ <li>Work-life balance</li>
+ <li>Future opportunities</li>
+ </ul>
+ </section>
+</main>
+
+<footer>
+ <p>This tool is for entertainment purposes only. Please consult with advisors, mentors, and counselors for important career decisions.</p>
+</footer>
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..a3861ef
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://phdecision.scroll.pub
+metaTags
+editButton /edit.html
+title PhD vs OnlyFans Calculator - Career Decision Tool
+style.css
+body.html
+script.js
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..b92dcbc
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# 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.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..782f5cd
--- /dev/null
+++ b/script.js
@@ -0,0 +1,78 @@
+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 => `<p>• ${factor}</p>`)
+ .join('');
+}
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..76dfbc4
--- /dev/null
+++ b/style.css
@@ -0,0 +1,174 @@
+: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;
+ }
+}